Css Symbole übereinander Problem !!

Frage von

Juliiian97 15.02.2012 - 20:54

Hallo, ich habe in der Leiste meiner Webpage 3 Symbole/Buttons Kontakt Home und Impressum.

Impressum { position: fixed; top: 0px; right: 0px; z-index: 10; }

Kontakt { position: fixed; top: 0px; left: 0px; z-index: 8; }

Home { position: fixed; top: 0px; z-index: 9; und immer durch Fenster zentriert... }

Wenn ich das Fenster nun Kleiner ziehe Legen sich alle drei Symbole übereinander weil alle durchsichtige png Grafiken sind.

Impressum <--- Home <-- Kontakt

bewegen Sich beim Fenster skalieren mit auf Impressum zu. Gibt es nun einen Java script oder ähnliches um das übernander legen zu verhindern außer die Grafiken mit Hintergrund zu machen. Zum Beispiel das bei Kontakt von Home oder Kontakt dieses abgeblendet wird also opacity: 0; oder so ????

Danke im Voraus

Fragen zu gleichen Themen finden: CSS; Fenster; Skalieren; aufeinandertreffen; abblenbenden

0

Antwort von electrojotelectrojot 16.02.2012 - 10:36

Also, du möchtest dass die sich übereinanderlegen können??

Wenn nicht würde ich n div nehmen, dieses fixed machen und dann die 3 Elemente in diesem Div mit float positionieren.

Du kannst aber auch den event resize in JS benutzen um dir was zurechtzuprogrammieren. Wie wäre es mit Fensterbreite checken und entsprechend dein menue anpassen?
0

Antwort von appfensterappfenster 16.02.2012 - 9:23

Die Grafiken werden doch alle an der gleichen Stelle positioniert, nämlich oben in der Mitte. Da jedes Bild einen anderen z-Index hat, liegen die quasi in 3 Schichten übereinander, oder?

Wieso packst Du die Grafiken nicht einfach in einem Container nebeneinander <img...><img...><img...> und gibst dem Container eine feste Breite, die eben der Summe der Grafiken entspricht? Den Container kannst du ja auch oben mittig fixieren.

Alternativ gehst du halt den Weg des geringsten Widerstandes und Stecker die Grafiken in eine Tabelle. ;)

Kommentar von appfensterappfenster 16.02.2012 - 9:25

Ich liebe die Autokorrektur meines Handys... So wird dann eben aus "steckst" mal eben "Stecker". Klasse. :D

Kommentar von Juliiian97 16.02.2012 - 12:30

Nein die Buttons werden nicht übereinander angezeigt einer ganz recht einer ganz links und einer mittig. Wenn ich jetzt das Fenster kleiner mache dann wird weil die Buttons immer links und rechts am fensterrrand sind diese übereinander gelegt und der Mittage. Wenn ich das Fenster wieder größer mache dann gehen die ja wieder aus einander es geht ja nur darum was ich machen kann das die Buttons wenn das Fenster so klein ist nicht übereinander sind

Kommentar von appfensterappfenster 16.02.2012 - 13:03

Dann stecke die Bilder einfach in einen Container mit einer 100% Tabelle mit drei 33% Zellen. Dann passt sich das an und nichts wird überlagert. ;)

Bild mit CSS skalieren hallo. habe einen DIV der 800x600 px groß ist. darin sollen Bilder angezeigt werden, die
Nach fences deinstalltation destkop symbole haben keine feste... Hi leute habe grade fences deinstalliert daraufhin den pc neugestartet und nun kann ich
Bei meinem Windows XP ist die Taskleiste zur Zeit doppelt so... Durch einen kleinen Fehlgriff gestern abend ist die Taskleiste (Symbolleiste - ganz
Symbole für z.b. CSS Namen? gibt es eine website wo es solche symbole gibt wie z.b. eine pistole oder so das man i
HTML CSS Hintergrundbild in Browserfenster anpassen und skalieren Hallo liebe Community,ich baue zur Zeit eine Homepage, wo auf der Startseite ein Bild
wenn ich css vom desktop starte kommt immer das steam login... wenn ich css vom desktop starte kommt immer das steam login fenster wieso?

Css Symbole übereinander Problem !!

Antworten (2)

Verwandte Fragen

Noch nicht den richtigen Rat gefunden?

Diese Frage teilen

Ähnliche Fragen

Verwandte Videos