[css&xthml] Divs übereinander legen und transparentes Menü

nickicoll

nickicoll

Well-known member
ID: 279594
L
22 März 2007
1.055
98
Ich beisse mir gerade die Zähne aus. Ich brauche ein Menü, welches ähnlich diesem hier ist:
https://www.medifox.de/

Also ich habe eine Hintergrundgrafik und das Menü liegt darüber.
Die Hintergrundfarbe ist ja durchsichtig weiss.
Ich habe mir den Code dieser Seite angschaut, werde aber nicht wirklich schlau daraus, da dieser Typo3 Code mich total überfordert.
Ich brauche ja auch nur die xhtml/css Lösung für das Menü.

Wer kann mir da einen Ansatz geben?
Ich muss ja 2 divs übereinander legen und dann zusätzlich die Transparenz erzeugen - ist das richtig?
Bin nicht ganz so firm, was das alles angeht.

Bisher ist das meine Seite - https://www.nisto-showcase.de/test/
Und dort will ich eben, dass das Menü linksbündig mit dem div ist, in welchem die Grafik liegt.
 
mit "opacity:[WERT];" und einem Wert zwischen 0 und 1 mit Komma z.B. 0,5 kannst du die durchsichtigkeit einstellen. Allerdings können das so weit ich weiß noch nicht alle Browser (gerade die Älteren) richtig darstellen. Aber damit müsste es funktionieren.

Die Navi aus der Seite scheint über folgenden CSS-Beitrag definiert zu sein:
div.nav_bg{Background-color:white;filter:alpha(opacity=45);opacity:0.45;}
https://www.medifox.de/fileadmin/medifox/css/nav_1.css
 
QuArK007 schrieb:
mit "opacity:[WERT];" und einem Wert zwischen 0 und 1 mit Komma z.B. 0,5 kannst du die durchsichtigkeit einstellen. Allerdings können das so weit ich weiß noch nicht alle Browser (gerade die Älteren) richtig darstellen. Aber damit müsste es funktionieren.

Die Navi aus der Seite scheint über folgenden CSS-Beitrag definiert zu sein:
div.nav_bg{Background-color:white;filter:alpha(opacity=45);opacity:0.45;}
https://www.medifox.de/fileadmin/medifox/css/nav_1.css
Zum Vergrößern anklicken....

Geil - hab es gerade lokal getestet und es klappt :)

Aber was ist mit dem IE? Gibt es da irgendwie einen Trick, das Ganze zumindest bei neueren IE Versionen anzeigen zu lassen?
Beim IE7 bleibt es immer noch ganz weiss, während der Firefox, Safari und Opera mir das lokal schöööön durchsichtig anzeigen.
 
ich weiß nicht ob du dir dem problem bewusst bist, aber wenn ich mir mit meinem Browser (Safari / OSX) angucke steht dein Conten..also Texte und so nicht neben der Navigation sondern darunter...da solltest du dir nochmal den quelltext angucken...


greetz
 
WhiteBlizzard schrieb:
ich weiß nicht ob du dir dem problem bewusst bist, aber wenn ich mir mit meinem Browser (Safari / OSX) angucke steht dein Conten..also Texte und so nicht neben der Navigation sondern darunter...da solltest du dir nochmal den quelltext angucken...


greetz
Zum Vergrößern anklicken....

Und du hast dich bei der Programmierer-Gruppe beworben? :ugly:
 
danke für die lehrstunde..aber das weiß ich auch....

es geht ja auch nicht darum, dass er die divs untereinander schreibt, sondern das der content der divs nicht nebeneinander erscheint, wie er eigentlich sollte...


ich glaube wir reden grade beide von unterschiedlichen sachen^^

greetz
 
WhiteBlizzard schrieb:
danke für die lehrstunde..aber das weiß ich auch....

es geht ja auch nicht darum, dass er die divs untereinander schreibt, sondern das der content der divs nicht nebeneinander erscheint, wie er eigentlich sollte...


ich glaube wir reden grade beide von unterschiedlichen sachen^^

greetz
Zum Vergrößern anklicken....

Versteh ich nicht :oops:
Will er nicht das Menu neben dem Headerbild haben?
Wieso muss dann der Inhalt im Quelltext nebeneinander stehen?
 
ich hab das so versteanden, dass erst der header kommt...

dann links die navi und direkt daneben der content berreich...


naja tut mir leid, wenn meine formulierung oben zu verstädnis problemem führte...war nit meine absicht ;)
 
NAja - der "er" ist eine "sie" - das erstmal zu White Blizzard.

Also, es klappt jetzt mit FF, IE7 und Safari (für Windows).
https://www.nisto-showcase.de/test/

Ich danke von daher allen Beteiligten. :D

ABER - hat jemand von euch noch einen älteren IE? Würde mich interessieren, ob es im IE6 auch sichtbar ist.
 
Ich hab den 6er und bei mir passt da leider garnichts :( ich mach mal schnell nen ScreenShot:


Also die Ausrichtung des Menüs passt da schonmal net und außerdem tauchen da irgendwie Menüpunkte auf, die im FF nicht sichtbar sind..... (Habe auch Refresh gemacht, daran kanns net liegen)

ausklappen lässt sich bei mir leider auch nichts :(
 
QuArK007 schrieb:
Ich hab den 6er und bei mir passt da leider garnichts :( ich mach mal schnell nen ScreenShot:


Also die Ausrichtung des Menüs passt da schonmal net und außerdem tauchen da irgendwie Menüpunkte auf, die im FF nicht sichtbar sind..... (Habe auch Refresh gemacht, daran kanns net liegen)

ausklappen lässt sich bei mir leider auch nichts :(
Zum Vergrößern anklicken....

Mhm - ich werde mal die richtigen Menüpunkte, wie sie später sein sollen, einpflegen und dann gucken wir nochmal.
Dank dir aber bis dahin.
 
Hi,

Im IE 7 u. IE 6 ist das Menü um ca. 3 Pixel nach unten gerutscht.
Im IE 6 ist das Menü nicht bedienbar. (Submenü erscheint nicht)
 
Du musst dich einloggen oder registrieren, um hier zu antworten.
Zurück
Oben