Höhe bestimmen

[Raider]

Hallo

Ich möchte dass sich die Banner links exakt auf die selbe Höhe wie die Links rechts daneben befinden. Ist sowas möglich?

<span style="padding-left: 715px; cursor: default; line-height:25px;"></span>
<a  class="downsite" href="impressum.php">Impressum</a> <span style="color:#fff;">|</span> <a  class="downsite" href="kontakt.php">Kontakt</a>

<span style="margin-left: 130px;">
    <a href="http://validator.w3.org/check?uri=referer">
    <img style="border: 0; width: 75px;" src="http://www.w3.org/Icons/valid-html401-blue" alt="Valid HTML 4.01 Transitional">
    </a>

	<a href="http://validator.w3.org/check?uri=referer">
	<img style="border: 0; width: 75px;" src="http://www.w3.org/Icons/valid-css2" alt="Valid HTML 4.01 Transitional">
	</a>
</span>

 

[neuroleptika]

Hallo
Ich möchte dass sich die Banner links exakt auf die selbe Höhe wie die Links

Das ganze ist eine Auflistung von Links. Also würde ich sie in eine Liste schreiben:
html

<ul id="linkliste">
<li class="firstli">
<a class="downsite" href="impressum.php">Impressum</a>
</li>
<li>
<a class="downsite" href="kontakt.php">Kontakt</a>
</li>
<li class="firsticon">
<a href="http://validator.w3.org/check?uri=referer">
<img src="http://www.w3.org/Icons/valid-html401-blue" alt="Valid HTML 4.01 Transitional" width="width: 75" height="26">
</a>
</li>
<li class="icon">
<a href="http://validator.w3.org/check?uri=referer">
<img src="http://www.w3.org/Icons/valid-css2" alt="Valid HTML 4.01 Transitional" width="width: 75" height="26">
</a>
</li>
</ul>

Listen-Einträge werden normalerweise untereinander dargestellt (Blockelemente).
Das kann man mit float ändern. Die Abstände kann man mit padding definieren.
css

#linkliste {
list-style : none;
margin: 0px 0px 0px 500px;
padding: 0px;
}
#linkliste li {
float: left;
}
#linkliste a {
padding-right: 5px;
padding-left: 5px;
}
#linkliste .firstli li a {
border-right: 1px solid #CFCFCF;
}
#linkliste .icon a {
border: none;
}
#linkliste .firsticon {
border: none;
padding-left: 130px;
}
#linkliste img {
border: none;
}

Mit display:inline würde das aber auch gehen.

 

[Raider]

Hi

Danke, aber hab das ganze nun mit Tables gelöst. Fand ich einfacher :)

 

[neuroleptika]

Fand ich einfacher :)

Kann ja jeder machen wie er mag