Anzeige

round corners

round corners | PSD-Tutorials.de

Erstellt von Dekadent, 19.02.2010.

  1. Dekadent

    Dekadent Noch nicht viel geschrieben

    Dabei seit:
    15.11.2009
    Beiträge:
    9
    Geschlecht:
    männlich
    round corners
    Hallo,

    kann mir jemand sagen wie ich in css runde ecken mache?
     
    #1      
  2. SvenBrnn

    SvenBrnn Noch nicht viel geschrieben

    Dabei seit:
    16.02.2010
    Beiträge:
    9
    Geschlecht:
    männlich
    Software:
    Netbeans, PSPad, Photoshop
    round corners
    AW: round corners

    Soweit ich weiß wird so etwas erst mit CSS3 direkt möglich sein.
    Wenn du runde Ecken von Tabellen/DIV's möchtest, musst du eine Hintergrundgrafiken für die Ecken erstellen.

    [EDIT]
    In Firefox und Safari gibt es "Pseudo" CSS3 Funktionen wohl schon jetzt. ;)

    MFG Sven
     
    Zuletzt bearbeitet: 19.02.2010
    #2      
  3. topptsf

    topptsf 127.0.0.1

    Dabei seit:
    07.01.2010
    Beiträge:
    108
    Geschlecht:
    männlich
    Ort:
    Marseille (France)
    Software:
    Café intravenoes
    round corners
    AW: round corners

    Guten Tag.

    Für Firefox, Opera und alle W3C konformen Browser:
    "-moz-border-radius" als Option im CSS deklarieren.

    Exemple : Der Tabellenkopf der Forenübersicht auf PSD-Tutorials/Forum
    Code (Text):
    1. .thead {
    2. -moz-border-radius:10px 10px 10px 10px;
    3. background:url("../../images/gradients/gradient_thead.gif") repeat-x scroll left top #B4AE94;
    4. color:#3F3F3F;
    5. font:bold 12px tahoma,verdana,geneva,lucida,'lucida grande',arial,helvetica,sans-serif;
    6. }
    Resultat :
    [​IMG]

    Variante um "geziehlt" bestimmte Ecken zu runden:
    -moz-border-radius-topleft
    -moz-border-radius-topright
    -moz-border-radius-bottomright
    -moz-border-radius-bottomleft

    Hinweis : Diese Option ist nicht anwendbar für den IE (alle Versionen). Hier muss weiterhin mit entsprechenden transparenten GIF gearbeitet werden.
     
    #3      
  4. holger2

    holger2 Noch nicht viel geschrieben

    Dabei seit:
    24.12.2008
    Beiträge:
    43
    Geschlecht:
    männlich
    round corners
    AW: round corners

    hallo

    mit oben beschriebenem border-radius geht das gut, ansonsten suche mal bei google nach
    "niftycorners" oder nifty-corner
     
    #4      
x
×
×