Hallo!
So lange Photoshop Tabellen ausspuckt, solltest du auf das Slicen verzichten. Tabellen sind für tabellarische Daten da.
Die wirkliche Frage ist: Was soll bei Größenänderungen/verschiedenen Auflösungen passieren? Daraus leitet sich dann ab, in wie viele Teilbilder (es sind vermutlich ohnehin Layer) du das ganze zerlegen musst:
* Die Buttons sind wohl unten rechts angedockt, werden also eigener Block
* Der weiße Inhaltsblock steht natürlich auch für sich selbst
* Ebenso die Navigation
* Die Blume, die unten links startet, soll wohl unten links bleiben, sie also auch.
* Die, die unten angrenzen, auch.
Mit CSS 3 kannst du mehrere Hintergrundbilder zuweisen, das hier wäre davon ein klassisches Anwendungsgebiet. Das Grundgerüst wäre dann:
1:
2:
3:
4:
5:
6:
7:
8:
9:
10: | ...
Schwarze Rose
...
...
... |
Leider musst du wohl für die weiteren Hintergrundbilder eigene
s anlegen, denn CSS 3 ist noch nicht fertig. Die Ausrichtung aller Elemente geschieht dann via CSS, beispielsweise:
1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11: | #inhalt
{
position: absolute;
top: 30px;
right: 30px;
bottom: 40px;
left: 150px;
overflow: auto;
padding-bottom: 30px;
background: url("milchig.png");
} |
overflow spendiert #inhalt bei Bedarf eine eigene Scrollleiste, sodass rechts keine auftaucht. Das ließe sich mit etwas mehr Aufwand auch so lösen, dass die Leiste am rechten Rand auftaucht, er aber nur im Kasten scrollt. padding-bottom ist wegen der Buttons dabei, vermutlich soll an anderer Stelle auch etwas Abstand hin.
Diese Nachricht wurde geändert von: Ori
