Hallo zusammen,
ich bin neu hier und auf der Suche nach Hilfe.
Ich steh da gerade vor einem recht speziellen Problem und weiß nichtmal, ob es da überhaupt eine Lösung gibt.
Folgende Ausgangssituation:
Ich habe ein Titelbild. (DIV A)
Darüber per CSS einen Rahmen (DIV B) gelegt, der das ganze etwas auflockert. Per CSS, damit ich das Titelbild auf einfachem Weg ändern kann.
Im unteren Bereich des Titelbildes ist das Menü mit den Menüpunkten(DIV C) angesiedelt. Davon mehrere nebeneinander.
Das sieht dann in etwa so aus:
Die Menübuttons hatten eine Hintergrundfarbe, die ich jetzt nicht mehr haben möchte, sondern lieber keinen Hintergrund, so dass das Hintergrundbild "durchscheint".
Soll dann so aussehen:
Nun liegt natürlich der Rahmen dazwischen. Weswegen das ganze jetzt so aussieht:
Im Quellcode sieht dass dann so aus:
Das Menü ist mit negativem Margin über das Titelbild gezogen.
Jemand ne Idee, wie ich das hinbekomme?
Ich könnte natürlich den Rahmen direkt in das Titelbild einfügen. Damit würde ich mir aber zusätzliche Arbeit in Form von Bildbearbeitung aufhalsen, wenn ich das Titelbild ändern will und bei jeder Menüänderung müsste ich auch den Rahmen anpassen.
Das Zweite kommt natürlich nicht oft vor, aber wenn es eine Möglichkeit gibt, dass per CSS zu lösen, wäre mir das deutlich lieber.
ich bin neu hier und auf der Suche nach Hilfe.
Ich steh da gerade vor einem recht speziellen Problem und weiß nichtmal, ob es da überhaupt eine Lösung gibt.
Folgende Ausgangssituation:
Ich habe ein Titelbild. (DIV A)
Darüber per CSS einen Rahmen (DIV B) gelegt, der das ganze etwas auflockert. Per CSS, damit ich das Titelbild auf einfachem Weg ändern kann.
Im unteren Bereich des Titelbildes ist das Menü mit den Menüpunkten(DIV C) angesiedelt. Davon mehrere nebeneinander.
Das sieht dann in etwa so aus:

Die Menübuttons hatten eine Hintergrundfarbe, die ich jetzt nicht mehr haben möchte, sondern lieber keinen Hintergrund, so dass das Hintergrundbild "durchscheint".
Soll dann so aussehen:

Nun liegt natürlich der Rahmen dazwischen. Weswegen das ganze jetzt so aussieht:

Im Quellcode sieht dass dann so aus:
Code:
<div id="DIV-A">
<div id="DIV-B">
</div>
</div>
<ul id="DIV-C">
</ul>
Das Menü ist mit negativem Margin über das Titelbild gezogen.
Jemand ne Idee, wie ich das hinbekomme?
Ich könnte natürlich den Rahmen direkt in das Titelbild einfügen. Damit würde ich mir aber zusätzliche Arbeit in Form von Bildbearbeitung aufhalsen, wenn ich das Titelbild ändern will und bei jeder Menüänderung müsste ich auch den Rahmen anpassen.
Das Zweite kommt natürlich nicht oft vor, aber wenn es eine Möglichkeit gibt, dass per CSS zu lösen, wäre mir das deutlich lieber.