hi leute!

weiss jemand von euch, ob man per css abgerundete ecken für tabellenrahmen bauen kann?
habs schon mal mit kleinen gifs gebaut, wär aber mit css easier
zu lösen! (wenn´s geht)

vielleicht hat jemand einen vorschlag?

thx
whiterussian

meines wissens nach nicht möglich. du könntest höchstens eine klasse für jede ecke definieren und dieser dein gif als hintergrund mitgeben.

PHP-Code:

td.topleft {
background-image: url(pfad/topleft.gif);
}
td.topright {
background-image: url(pfad/topright.gif);
}
td.bottomleft {
background-image: url(pfad/bottomleft.gif);
}
td.bottomright {
background-image: url(pfad/bottomright.gif);
} 


hi caleb!
ich kann ja pro td-tag nur jeweils eine klasse zuweisen.
also entweder <td class="topleft"> oder topright, b-left oder b-right.
und somit hätt ich ja immer nur ein eck ausgefüllt -
oder meinst du das anders?

greetz
whiterussian

mach ne tabelle mit 3 zeilen und 3 spalten. die zelle oben links kriegt dann die klasse "topleft", die oben rechts "topright" etc. für die 4 seiten kannst ja nochmal klassen erzeugen.

Jo da wirst du sowieso kaum drum herum kommen, bei Tabellen mit grafischen Kanten ein 3x3 Raster anzulegen, bei dem nur die mittlere Zelle Mit Inhalt gesegnet ist und der Rest mit Rand-Grafiken.

Du müsstest dann noch jeweils 8 Zellen mehr machen:

&#160;&#160;<style type="text/css">
&#160;&#160;td.topleft {
&#160;&#160;&#160;&#160;background-image: url(pfad/topleft.gif);
&#160;&#160;&#160;&#160;background-repeat: no-repeat;
&#160;&#160;&#160;&#160;background-position: top left;
&#160;&#160;&#160;&#160;}
&#160;&#160;td.topright {
&#160;&#160;&#160;&#160;background-image: url(pfad/topright.gif);
&#160;&#160;&#160;&#160;background-repeat: no-repeat;
&#160;&#160;&#160;&#160;background-position: top right;
&#160;&#160;&#160;&#160;}
&#160;&#160;&#160;&#160;td.bottomleft {
&#160;&#160;&#160;&#160;background-image: url(pfad/bottomleft.gif);
&#160;&#160;&#160;&#160;background-repeat: no-repeat;
&#160;&#160;&#160;&#160;background-position: bottom left;
&#160;&#160;&#160;&#160;}
&#160;&#160;td.bottomright {
&#160;&#160;&#160;&#160;background-image: url(pfad/bottomright.gif);
&#160;&#160;&#160;&#160;background-repeat: no-repeat;
&#160;&#160;&#160;&#160;background-position: bottom right;
&#160;&#160;}
&#160;&#160;</style>

&#160;&#160;<table cellpadding="0" cellspacing="0">
&#160;&#160;&#160;&#160;<tr>
&#160;&#160;&#160;&#160;&#160;&#160;<td class="topleft" height="12" width="12"></td>
&#160;&#160;&#160;&#160;&#160;&#160;<td height="12" style="border-top:1px solid #000000; font-size:1px;">&#38;nbsp;</td>
&#160;&#160;&#160;&#160;&#160;&#160;<td class="topright" height="12" width="12"></td>
&#160;&#160;&#160;&#160;</tr>
&#160;&#160;&#160;&#160;<tr>
&#160;&#160;&#160;&#160;&#160;&#160;<td width="12" style="border-left:1px solid #000000; font-size:1px;">&#38;nbsp;</td>
&#160;&#160;&#160;&#160;&#160;&#160;<td>
&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;TEXT
&#160;&#160;&#160;&#160;&#160;&#160;</td>
&#160;&#160;&#160;&#160;&#160;&#160;<td width="12" style="border-right:1px solid #000000; font-size:1px;">&#38;nbsp;</td>
&#160;&#160;&#160;&#160;</tr>
&#160;&#160;&#160;&#160;<tr>
&#160;&#160;&#160;&#160;&#160;&#160;<td class="bottomleft" height="12" width="12"></td>
&#160;&#160;&#160;&#160;&#160;&#160;<td height="12" style="border-bottom:1px solid #000000; font-size:1px;">&#38;nbsp;</td>
&#160;&#160;&#160;&#160;&#160;&#160;<td class="bottomright" height="12" width="12"></td>
&#160;&#160;&#160;&#160;</tr>
&#160;&#160;</table>


Müsstest ein bisschen rumprobieren.

hi alle zusammen!
erstmal dank für die hilfe!
hab das jetz mit dem 3x3 raster gemacht, is aber ne spielerei
gewesen, bis die tabelle in der grösse optimal gepasst hat.

...naja, die paar minuten kann man ja verkraften.
( hab für den table-tag noch einen rahmen gemacht, voila ...)

greetz
whiterussian

Code :

1	<div style="-moz-border-radius:6px;border:1px solid #ccc;">Hallo</div>

geht natürlich nur mit richtigen browsern
(Mozilla, Netscape)

ach mann, is das alles eine schei*e....
können die sich nicht mal einigen?
Microsoft, Netscape, Opera und die anderen....

beim ie gibts den alpha, glow,... effekt,
bei netscape 'runde ecken'....

is doch alles irgendwie müll....

was soll man denn dann machen?
immer überprüfen welchen browser der user hat?

sorry for Off-Topic, aba das musste sein!

victork

@sam
danke für den tipp a b e r
wenns für ie nix ist, brauch ich eine andere lösung.
(laut statistiken sind ja 90+% mit ie unterwegs).

but, what shalls...
funkt anders auch

greetz
whiterussian

Original geschrieben von sam
<div style="-moz-border-radius:6px;border:1px solid #ccc;">Hallo</div>

das sieht super aus, ich hoffe die vom W3C bringen das demnächst mal in den CSS-standard.

Original geschrieben von Malte1019
das sieht super aus, ich hoffe die vom W3C bringen das demnächst mal in den CSS-standard.

ich auch...
da gibts noch viel mehr schöne sachen

hi,

da hab ich denen doch glatt ne mail geschickt , hier die antwort:

Hallo,

W3C Standards kommen durch eine Diskussion zwischen Arbeitsgruppe,
Mitgliedern und der Öffentlichkeit zustande. Dazu gibt es u.a.
für CSS eine Mailingliste:
www-style@w3.org
Das Archiv ist hier:
http://lists.w3.org/Archives/Public/www-style/

Diese Liste wäre die richtige Adresse für Anregungen. Ich kopiere
dennoch Bert Bos, der die CSS-Aktivitäten bei W3C leitet.

Viele Grüße,

Klaus Birkenbihl
W3C Deutsch-Österreichisches Büro

cYa
victork

Original geschrieben von sam
da gibts noch viel mehr schöne sachen

gibt’s da irgendwo auch eine liste, was Mozilein noch alles kann?

Original geschrieben von Malte1019
gibt’s da irgendwo auch eine liste, was Mozilein noch alles kann?

http://www.blooberry.com/indexdot/cs...extensions.htm wird dir gefallen