css rahmen abgerundete ecken?

  1. cube82

    cube82 Thread Starter MacUser Mitglied

    Mitglied seit:
    17.05.2005
    Beiträge:
    39
    Zustimmungen:
    0
    ist es möglich einen rahmen im css zu definieren der abgerundete ecken darstellt? wenn ja, wie kann ich das realisieren?

    wenn nein, kann ich das dann nur mit background-image machen oder welche möglichkeiten hätte ich noch?

    lg christoph
     
    cube82, 23.02.2006
    #1
  2. m-schmidt

    m-schmidt MacUser Mitglied

    Mitglied seit:
    18.01.2006
    Beiträge:
    364
    Zustimmungen:
    1
    also direkt gibt es da meines Wissens nichts im CSS-Standard. Du kannst es mit einem PNG-Background-Image machen, welches an den Ecken Transparenzen hat. Aber nicht vergessen entsprechende Fixes für den IE der Seite zu spendieren, denn der wird ja leider erst ab der Version 7 (erscheint mit Windows Vista in der zweiten Jahreshälfte) gescheit mit transparenten PNGs umgehen können.
     
    m-schmidt, 23.02.2006
    #2
  3. atom_strom

    atom_strom MacUser Mitglied

    Mitglied seit:
    18.01.2005
    Beiträge:
    25
    Zustimmungen:
    1
    atom_strom, 23.02.2006
    #3
  4. ©huhu

    ©huhu

    huhu,

    css erlaubt nur folgendes:
    border-style:
    none
    hidden
    dotted
    dashed
    solid
    double
    groove
    ridge
    inset
    outset

    geht nur mit einem background-image - ich würde aber kein png nehmen, sondern mit der hintergrundfarbe ausfüllen.

    alles gute - huhu
     
    ©huhu, 23.02.2006
    #4
  5. flow23

    flow23 MacUser Mitglied

    Mitglied seit:
    11.01.2006
    Beiträge:
    137
    Zustimmungen:
    0
    http://www.patig-gmbh.com/dev
    schau da mal auf der rechten seite, geht mit radius, ist aber etwas kompliziert.
     
    flow23, 23.02.2006
    #5
  6. sikomat

    sikomat MacUser Mitglied

    Mitglied seit:
    21.11.2005
    Beiträge:
    3.482
    Zustimmungen:
    0
    Nein, das geht auch bereits jetzt mit "regulären" CSS und wird
    ab dem Internet Explorer 5.5 aufwärts einwandfrei dargestellt:

    http://pro.html.it/esempio/nifty/

    ;)
     
    sikomat, 23.02.2006
    #6
  7. cube82

    cube82 Thread Starter MacUser Mitglied

    Mitglied seit:
    17.05.2005
    Beiträge:
    39
    Zustimmungen:
    0
    danke für eure hilfe!

    also ich will schon das es für jeden browser gleich aussieht.
    also werde ich das mit einem *.jpg background lösen müssen.
    ich will einer tabelle diesen rahmen dann zuweisen. sollte ich dieses background-image dann genau so groß (pixel breite und höhe) machen oder sollte ich jeder zelle (links oben, links unten, rechts oben, rechts unten) eine kurve zuweisen und dann (2 pixel oben wiederholt, 2 pixel unten wiederholt, usw. ...) zusweisen?

    lg
     
    cube82, 23.02.2006
    #7
  8. acid

    acid MacUser Mitglied

    Mitglied seit:
    18.08.2005
    Beiträge:
    472
    Zustimmungen:
    0
    AB CSS3 wirds das dann schon geben. Mozilla kann das bereits, allerdings mit eigenen Befehlen:
    -moz-border-radius
    -moz-border-radius-topleft
    -moz-border-radius-topright
    -moz-border-radius-bottomleft
    -moz-border-radius-bottomrigh

    Da das ganze noch nicht offiziell ist kann man den Radius für Mozilla mit vorangestelltem -moz- angeben.
     
    acid, 23.02.2006
    #8
  9. sikomat

    sikomat MacUser Mitglied

    Mitglied seit:
    21.11.2005
    Beiträge:
    3.482
    Zustimmungen:
    0
    Dann schau Dir mal die Beispiele in dem Link von mir an,
    die funktionieren in jeden Browser, und das ohne Bilder
    und ohne zukünftige Befehle, die noch nicht in jedem
    Browser integriert sind.

    :)
     
    sikomat, 23.02.2006
    #9
  10. m-schmidt

    m-schmidt MacUser Mitglied

    Mitglied seit:
    18.01.2006
    Beiträge:
    364
    Zustimmungen:
    1
    @sikomat:

    he, das ist ne lustige Sache. Find ich gut und kannte ich überhaupt noch nicht. Danke für den Tipp!! :)
     
    m-schmidt, 23.02.2006
    #10
Die Seite wird geladen...
Ähnliche Themen - css rahmen abgerundete
  1. dennz2017
    Antworten:
    2
    Aufrufe:
    305
    wegus
    10.04.2017
  2. hello
    Antworten:
    1
    Aufrufe:
    238
    beage
    12.09.2015
  3. Hoooray
    Antworten:
    2
    Aufrufe:
    328
    Hoooray
    21.07.2015
  4. StruppiMac
    Antworten:
    3
    Aufrufe:
    3.805
    /aquila
    03.06.2008
  5. maceis
    Antworten:
    2
    Aufrufe:
    962
    miss.moxy
    09.12.2006