• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Abgerundete Ecken mit Tabelle

Corraggiouno

Mitglied
Hi,

möchte eine Box mit abgerundeten Ecken erstellen. Habe dies mit Hilfe einer HTML-Tabelle und Photoshop definiert. Mein Code
Code:
<html>
<head><title>my page</title></head>
<body>
<table border="0" width="400" height="400">
<tr>
<td align="right" valign="top" width="24" ><img border="0" src="eckeol.gif"></td>
<td background="box_top.gif" height="24"></td>
<td align="right" valign="top" width="24"><img border="0" src="eckeor.gif"></td>
</tr>
<tr><td>lkij</td></tr>

</table>


</body>
</html>
Die in Photoshop erstellten abgerundeten Ecken haben außen einen 1px dicken Rand.Leider sieht das Ergebnis nicht wirklich schön aus! Die Ecken, also die Ecken links-oben, rechts-oben, links-unten und rechts-oben sollen fix positioniert werden. Zwischen den Ecken links, rechts, oben und unten soll der sog. Stretching-Bereich sein, also mit Background (Bild). Der Überlauf, also das der Rand der Ecken mit dem Rand des Stretching-Bereichs in einander überläuft ist nicht der Fall..............hat jemand diesbezüglich eine andere bzw. schönere Idee
 
Tabellen sind kein Mittel zur Layoutgestaltung. Tabellen sind allein dazu da, tabellarische Daten auszuzeichnen.

Wenn Du nach runden Ecken googlest, findest Du auch etliche Varianten, die mit CSS designt sind, wie es sein sollte. Auch in diesem Forum wurde das schon öfters diskutiert.
 
Zurück
Oben