[Globestern]

hi

ich hab das problem, dass es bei mir die img's im div am div bottom positioniert statt am div top...

hat jemand wie man diese positionierung ändert?



mfg
globestern

[axx]

Quellcode bitte.

[Globestern]

<div class="header_logo"><img src="files/images/menu_top/aktiv/part_01.gif" alt="header" height="140" />

<span>
<a href="aktuell.htm" title="aktuell" target="_self"><img src="files/images/menu_top/inaktiv/part_02.gif" alt="aktuell" height="50" /></a><a href="festportrait.htm" title="festportrait" target="_self"><img src="files/images/menu_top/inaktiv/part_03.gif" alt="festportrait" height="50" /></a><a href="musik.htm" title="musik" target="_self"><img src="files/images/menu_top/inaktiv/part_04.gif" alt="musik" height="50" /></a><a href="ok.htm" title="oragisations komitee" target="_self"><img src="files/images/menu_top/inaktiv/part_05.gif" alt="oragisations komitee" height="50" /></a><a href="unterstuetzung.htm" title="unterstuetzung" target="_self"><img src="files/images/menu_top/aktiv/part_06.gif" alt="unterstuetzung" height="50" /></a><a href="links.htm" title="links" target="_self"><img src="files/images/menu_top/inaktiv/part_07.gif" alt="links" height="50" /></a></span>
</div>

.header_logo{
	margin: 7px 0 0 5px;
	float: left;
	width: 81%;
		}

.header_logo span{
	margin-left: -5px;
			}

[amalbhalbe]

zwing der div mal ne height auf die genausogroß is wie die höhe der bilder - mal sehen ob ers dann raufschiebt

also height:lala was weiß ich px

?

[axx]

<div class="header_logo"><img id="test" src="files/images/menu_top/aktiv/part_01.gif" alt="header" height="140" /> ....

#test {float:left;}

Darüber hinaus empfehle ich dir, etwas Zeit in das Studium von Grundlagen der Struktur und Semantik von HTML-Dokumenten zu investieren.

[Globestern]

danke, hat geklappt... wird nun oben links angezeigt...

aber warum kann ich für diese div bzw. für die div header_logo span keine margin-top // margin-bottom werte verwenden bzw. besser gesagt warum werden sie von den browsern ignoriert?

[axx]

Zitat (Globestern: 17.10.2006, 13:25)

warum kann ich für diese div bzw. für die div header_logo span keine margin-top // margin-bottom werte verwenden bzw. besser gesagt warum werden sie von den browsern ignoriert?

Das weiß ich nicht. Bei einigen inline-Elementen ist die Angabe von margin-top und margin-bottom wirkungslos, außer man positioniert sie oder formatiert sie als Blockelement, was in diesem Fall aber sinnlos ist. Das Element div ist dagegen ein Blockelement, auf das die CSS-Eigenschaft margin voll anwendbar ist.

Eine Formatierung à la span {margin-bottom:3em;} wäre ja wohl auch die dreckigste aller möglichen Lösungen. Wie auch die Verwendung des Elementes span an dieser Stelle nicht sinnvoll ist. Listenelemente, und genau darum handelt es sich hier, gehören in eine Liste.

[Globestern]

das span unangebracht ist weiss ich.. war auch nur zum testen... eigentlich hab ich 2 divs gemacht.. naja mit diplay:block hats nun geklappt.. is natürlich nicht elegant..