_julius
Aktives Mitglied
Thread Starter
- Dabei seit
- 11.10.2004
- Beiträge
- 724
- Reaktionspunkte
- 0
Hey Leute,
soll für eine Kundin eine Seite mit Runden Ecken machen. Klingt absurd aber die meisten wissen was ich meine. Nun mache ich mit HTML und CSS also das Gerüst und für jedes Element (Ecke, Obere Kante, Ecke, Linke Kante) und so weiter und habe die obere Seite schon fertig nur leider bleiben die Zellen bei mir in einer Zeile, ich möchte aber dass "leftborder" eine Zeile unter den "top..."-Elementen anfängt. Vllt. versteht ihr mich wenn ihr den Code gesehen habt. Danke für die Hilfe!!
CSS:
soll für eine Kundin eine Seite mit Runden Ecken machen. Klingt absurd aber die meisten wissen was ich meine. Nun mache ich mit HTML und CSS also das Gerüst und für jedes Element (Ecke, Obere Kante, Ecke, Linke Kante) und so weiter und habe die obere Seite schon fertig nur leider bleiben die Zellen bei mir in einer Zeile, ich möchte aber dass "leftborder" eine Zeile unter den "top..."-Elementen anfängt. Vllt. versteht ihr mich wenn ihr den Code gesehen habt. Danke für die Hilfe!!
HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Unbenanntes Dokument</title>
<link href="design.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="topleft"></div><div id="toptracer"></div><div id="topright"></div>
<div id="lefttracer"></div>
</body>
</html>CSS:
HTML:
body {
margin:0px;
}
#topleft {
height:18px;
width:19px;
float:left;
background-image:url(images/topleft.jpg)
}
#toptracer {
height:18px;
width:650px;
float:left;
background-image:url(images/toptracer.jpg);
background-attachment: scroll;
background-repeat: repeat-x;
background-position: left;
}
#topright {
height:18px;
width:18px;
background-image:url(images/topright.jpg);
float:left;
}
#lefttracer {
height:19px;
width:35px;
background-image:url(images/lefttracer.jpg) ;
background-position:left;
background-repeat:repeat-y;
}
