Servus @all,
folgende Layout-Vorlauge habe ich mir zusammengebastelt:
[Blockierte Grafik: http://vbtricks.vb.funpic.de/ztemp/design.jpg]
Das ganze möchte ich dann mittels XHTML und CSS in die Tat umsetzen. Da ich schon ein paar andere ähnliche Designs erstellt habe, kann ich den Großteil auch realisieren, nur eines will nicht funktionieren. Der obere horizontale schwarze Balken soll sich aus drei Teilen zusammensetzen:
1. 4px breiter Streifen links mit abgerundeter Ecke oben links.
2. variabler Teil mit wiederholter Grafik Verlauf
3. 4px breiter Streifen rechts mit abgerundeter Ecke oben rechts.
Ich habe versucht, das wie folgt zu realisieren:
<div id="page">
<div id="top">
<div id="topleft"></div>
<div id="topspace">
VBTricks.de.vu
</div>
<div id="topright"></div>
</div>
<div id="featureitems">
</div>
<div id="content">
</div>
</div>mit CSS:
* {
padding: 0px;
margin: 0px;
}
body {
background: url(backpattern.png);
}
#page {
padding: 5px;
}
#top {
height: 150px;
}
#topleft {
background: url(topleft.png) no-repeat;
left: 0px;
top: 0px;
width: 4px;
height: 150px;
}
#topspace {
background: url(topspace.png) repeat-x;
top: 0px;
height: 150px;
}
#topright {
background: url(topright.png) no-repeat;
right: 0px;
top: 0px;
width: 4px;
height: 150px;
}
Leider funktioniert das nicht so, wie ich mir das vorgestellt habe:
http://vbtricks.vb.funpic.de/ztemp/index.html
Wie muss ich topspace formatieren?
Danke im Voraus,
Stefan
PS: Ich würde das nur ungern mit Tabellen lösen
PPS: Guten Rutsch ins neue Jahr schon mal!
