Felix Riesterer: Verzweifelter Neuling, mehrere Bilder zentrieren

Beitrag lesen

Liebe(r) moketas,

Ich möchte eine seite basteln mit einem hintergrundbild welches immer zu 100% in der breite angezeigt wird. dies habe ich damit gelöst das ich das ding in ein div gelegt habe:

#hintergrund{position:relative;padding-top:0px;}

wieso bekommt der body nicht dieses Hintergrundbild?

darüber möchte ich 6 images legen die oben als menüpunkte dienen.

Falscher Denkansatz. Du schreibst von Bildern, meinst aber ein Menü. Also denke zuerst strukturell (Menü) und dann visuell (Bilder). Wie man ein Menü am besten macht, steht in SELFHTML: <http://de.selfhtml.org/css/layouts/navigationsleisten.htm@title=CSS-basierte Navigationsleisten>

diese werden von einem js "animiert bei mouseover" dieser punkt klappt auch wunderbar.

Nicht gut. Benutze zuerst die Möglichkeiten von CSS zum http://de.selfhtml.org/css/eigenschaften/pseudoformate.htm#link_visited_focus_hover_active@title=hovern. Und wenn es der IE6 halt nicht kann, dann <http://de.selfhtml.org/css/layouts/navigationsleisten.htm#javascript@title=bringe es ihm entweder bei>, oder entscheide Dich, diesen lästigen Dinosaurier eben nicht mehr in allen Details zu unterstützen.

wenn ich die einzelnen images absolut positioniere ist alles wunderbar.

Absolute Positionierung ist sehr trickreich. Ich bezweifle, dass alles "wunderbar" ist...

nun möchte ich aber

... siehst Du? Doch nicht wunderbar.

dass diese 6 bilder in einem div liegen

Warum kein <p>? Reden wir noch immer von Deinem Menü? Das soll ja laut SELFHTML-Kapitel eine _Liste_ werden. Also liegen die Bilder in <li>-Elemenen, die von einem <ul>-Element umfasst werden. Damit hast Du eine schön asugearbeitete Struktur, die Du mit CSS perfekt "ansprechen" kannst, um alle Deine visuellen Wünsche nun umzusetzen.

und immer in der mitte des browsers (horizontal) angezeigt werden.

Das oben verlinkte Kapitel bietet genau dafür eine Lösung (die Bilder musst Du dann eben als Hintergrundbilder denken): <http://de.selfhtml.org/css/layouts/navigationsleisten.htm#horizontal@title=CSS-basierte Navigationsleisten #Horizontale Formatierung>

hier nun der code:

Ja, das ist Dein hauptsächliches Problem. Und da Du Dich als Neuling bezeichnest, wirst Du das auch anfänglich nicht einsehen wollen. Deine HTML-Grundlage ist mangelhaft. Daher kann man mit CSS nur begrenzt Deine Vorstellungen umsetzen. Wenn Deine HTML-Vorlage qualitativ besser ist, dann gelingen mit CSS auch viel mehr tolle Sachen, unter anderem auch das, was Du Dir da so vorstellst.

Poste doch einmal einen Link zu einer momentanen Version Deines Projektes, damit man Dir besser weiterhelfen kann!

Liebe Grüße,

Felix Riesterer.

--
ie:% br:> fl:| va:) ls:[ fo:) rl:° n4:? de:> ss:| ch:? js:) mo:} zu:)