1. Diese Seite verwendet Cookies. Wenn du dich weiterhin auf dieser Seite aufhältst, akzeptierst du unseren Einsatz von Cookies. Weitere Informationen
  2. Unsere jährliche Weihnachts-Banner-Aktion hat begonnen! Wir freuen uns auf viele, viele kreative Vorschläge.
    Mehr dazu könnt Ihr hier nachlesen: Weihnachtsbanner 2016

    Information ausblenden

Wie erstelle ich abgerundete Tabellen?

Dieses Thema im Forum "Web-Programmierung" wurde erstellt von MacDad, 14.04.07.

  1. MacDad

    MacDad Gast

    Wie kann ich solche abgerundeten Tabellen erstellen (siehe Bild)? Das Bild ist von der Apple Webseite.

    Geht sowas wie CSS oder wie macht man das?
     

    Anhänge:

  2. Sir Q

    Sir Q Rheinischer Winterrambour

    Dabei seit:
    12.04.05
    Beiträge:
    921
    Es gibt keine HTML-Befehl für runde Ecken …

    Was man aber macht (und nicht nur bei Tabellen, sondern gerade bei DIVs) ist, in die Ecken werden GIFs positioniert - so dass sie die Rundung als Grafik im Background abbilden. Das Konstruckt:

    <fieldset><legend>Titel</legend>
    Inhalt
    </fieldset>


    wird unter XP (mit dem knuffigen XP-Skin) und Vista schön gerundet abgebildet …
    Ich würde eher auf solch eine Konstrukte zurückgreifen als irgendwas komisches zu basteln …
     
  3. kasei

    kasei Gast

    Hast Du Dir den Quelltext schon angeschaut?

    Kasei
     
  4. stk

    stk Grünapfel

    Dabei seit:
    05.01.04
    Beiträge:
    7.141
    Moin,

    erst ab CSS3, welches aber noch von praktisch keinem Browser unterstützt wird.

    Gruß Stefan
     
  5. floeschen

    floeschen Horneburger Pfannkuchenapfel

    Dabei seit:
    13.08.06
    Beiträge:
    1.402
    Firefox kann das:
    CSS-Tag:
    Code:
    -moz-border-radius
    Ist aber proprietär und deshalb keine wirklich Lösung.
     
  6. Skeeve

    Skeeve Pomme d'or

    Dabei seit:
    26.10.05
    Beiträge:
    3.121
    Such mal bei Google. Es gibt dutzende Anleitungen. Alle haben den Nachteil, daß dadurch wieder Inhalt und Darstellung aufs heftigste vermischt werden (Div im Div im Div so ungefähr).
     
  7. Westbär

    Westbär Weißer Winterglockenapfel

    Dabei seit:
    06.04.07
    Beiträge:
    882
    Mit jQuery (JavaScript Framework) oder wie oben gesagt mit "-moz-border-radius".

    Gruß
     

Diese Seite empfehlen