Ergebnis 1 bis 7 von 7

Thema: runde ecken erstellen

  1. #1
    Unregistriert
    Gast

    Standard runde ecken erstellen

    Hi,

    ich hab mir jetzt mit müh und not 4 runde ecken erstellt, diese sind benannt in ro.gif,ru.gif,lo.gif lu.gif

    Ich habe mir nun aus diesem beispiel http://aktuell.de.selfhtml.org/artikel/css/runde_ecken/

    das für meine divs gemacht, allerdings wird nichts angezeigtr, bilderverzeichnisse sind korrekt, bilder sind vorhanden, wie müsste der code korrekt aussehen.
    Achtung: Dies ist ein alter Thread im HTML und Webmaster Forum
    Diese Diskussion ist älter als 90 Tage. Die darin enthaltenen Informationen sind möglicherweise nicht mehr aktuell. Erstelle bitte zu deiner Frage ein neues Thema im Forum !!!!!
    Geändert von jojo87 (24.07.2009 um 14:12 Uhr)

  2. #2
    Forum Guru Avatar von driver
    Registriert seit
    10.04.2006
    Alter
    34
    Beiträge
    20.729
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: runde ecken erstellen

    der code müsste aussehen wie in dem beispiel.
    ansonsten... poste doch mal deinen code oder link
    >> die icq-schreiberlinge bitte dies hier beachten



    1679 entdeckte Gottfried Wilhelm Leibniz das Binärsystem, bei einem Gespräch mit seiner Mutter: "Ja..., Nein..., Nein..., Nein..., Ja..., Ja..., Nein..."

  3. #3
    Unregistriert
    Gast

    Standard AW: runde ecken erstellen

    html code
    Code:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-
    
    transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de" lang="de">
    
    <head>
        <title>Runde Ecken</title>
    
        <meta http-equiv="content-type" content="text/html; charset=ISO-8859-1" />
        <meta name="description" content="" />
        <meta name="author" content="" />
        <meta name="keywords" content="" />
    
        <link href="design.css" type="text/css" rel="stylesheet" />
        <link href="favicon.ico" type="image/x-icon" rel="shortcut icon" />
    </head>
    
    <body>
    
    <h1>Test für runde Ecken</h1>
    <h2>testbox</h2>
    <div class="ro"> 
      <div class="lo">
        <div class="ru"> 
          <div class="lu"> 
            <div class="inhalt">
              <p>&nbsp;</p>
              <p>Hier steht der Inhalt der in einer Box mit runden Ecken dargestellt werden sollte,therotisch ist der Code richtig doch 
    
    ich seh die abrundungen nicht.</p>
            </div>
          </div>
        </div>
      </div>
    </div>
    
    
    </body>
    </html>
    
    
    css
    
    
    body {
        font:100% Verdana, 
    
    Arial, Helvetica, sans-serif;
        background-
    
    color:#F1EDCF;
        margin:0 5%;
    }
    
    h1,h2,h3 {
        font-family:"Times New 
    
    Roman", "Trebuchet MS", 
    
    Georgia, serif;
        font-weight:normal;
        color:#667553;
    }
    
    h1 {
        font-size:250%;
    }
    
    h2 {
        font-size:200%;
    }
    
    h3 {
        font-size:150%;
    }
    
    /* hier beginnt das für die Box 
    
    relevante CSS  */
    
    div {
        margin:0;
    }
    
    .ro {
        background:url
    
    (roundedbox_ro.gif) top right no-
    
    repeat;
    }
    
    .lo {
        background:url
    
    (roundedbox_lo.gif) top left no-
    
    repeat;
    }
    
    .ru {
        background:url
    
    (roundedbox_ru.gif) bottom right 
    
    no-repeat;
    }
    
    .lu {
        background:url
    
    (roundedbox_lu.gif) bottom left 
    
    no-repeat;
    }
    
    .inhalt {
        margin:0;
        padding:2.5em 2.5em 
    
    3.5em 2.5em;
    }
    
    .inhalt p {
        margin:0;
        padding:0;
    }
    Geändert von jojo87 (24.07.2009 um 14:12 Uhr)

  4. #4
    Unregistriert
    Gast

    Standard AW: runde ecken erstellen

    verzeiht mir , ich hatte die endungen vergessen abzuändern, es wird angezeigt.Trotzdem Vielen Dank

  5. #5
    der/die Göttliche Avatar von jojo87
    Registriert seit
    23.03.2007
    Ort
    Leipzig
    Alter
    30
    Beiträge
    3.131
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: runde ecken erstellen

    Für die nächsten Beiträge bitte nicht vergessen, die Code-Tags des Forums zu nutzen.
    Zudem, wenn ein Problem gelöst ist, bitte den ersten Beitrag entsprechend editieren:
    Erweitert => Titel => als Prefix "gelöst" wählen

    Ich habe das für dich dieses mal erledigt

  6. #6
    Administrator Avatar von admin
    Registriert seit
    16.01.2003
    Ort
    Karlsruhe
    Beiträge
    12.779
    Danke
    1
    Bekam 4 mal "Danke" in 2 Postings
    Blog-Einträge
    42

    Standard AW: runde ecken erstellen

    Gäste können nicht ihre eigene Beiträge bearbeiten und somit können sie auch den Beitrag nicht auf gelöst setzen
    Die Forenregeln und Nutzungsbedingungen sind auch zum lesen da !!!


  7. #7
    der/die Göttliche Avatar von jojo87
    Registriert seit
    23.03.2007
    Ort
    Leipzig
    Alter
    30
    Beiträge
    3.131
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: runde ecken erstellen

    ups, war mir nicht klar *duck*
    Hätt ich aber drauf kommen können

Ähnliche Themen

  1. runde ecken / skalierbarer Container
    Von driver im Forum Tutorials, Workshops und Anleitungen
    Antworten: 1
    Letzter Beitrag: 04.08.2007, 13:11
  2. runde ecken
    Von carina1 im Forum HTML & CSS Forum
    Antworten: 3
    Letzter Beitrag: 05.12.2006, 17:16
  3. "runde ecken"
    Von im Forum HTML & CSS Forum
    Antworten: 3
    Letzter Beitrag: 03.10.2006, 09:22
  4. runde Ecken mit PSp9
    Von TanjaM im Forum Forum für Grafiken und Bildbearbeitung
    Antworten: 0
    Letzter Beitrag: 25.03.2006, 12:09
  5. runde ecken
    Von Lion im Forum Forum für Grafiken und Bildbearbeitung
    Antworten: 15
    Letzter Beitrag: 13.04.2005, 23:09

Stichworte

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •