Tweet
Abend,
ich möchte eine horizontale Liste am linken und ein Bild am rechten Rand eines Divs haben, jedoch bekomme ich das Bild nicht in "die gleiche Zeile".
Ich habe bislang dem image float: right und der liste (ul) float:left gegeben, jedoch wird dann das Bild vertikal versetzt (ausserhalb des Divs) angezeigt. Irgendwelche Ideen?
ich möchte eine horizontale Liste am linken und ein Bild am rechten Rand eines Divs haben, jedoch bekomme ich das Bild nicht in "die gleiche Zeile".
PHP-Code:
<html>
<head>
<style type="text/css">
div#nav_top_container {
background-color: #000;
font-size: small;
padding: 2px 20px 2px 20px;
}
div#nav_top_container img {
border: none;
border: 1px solid #c00;
float: right;
}
div#nav_top_container ul {
margin: 0;
padding: 0;
border: 1px solid #c00;
}
div#nav_top_container li {
display: inline;
}
div#nav_top_container a {
background-image: url(img/feil_grau.gif);
background-repeat: no-repeat;
background-position: left;
padding: 20px 10px;
color: #fff;
text-decoration: none;
font-size: 12px;
}
div#nav_top_container a:hover {
background-image: url(img/feil_blau.gif);
}
</style
</head>
<body>
<div id="nav_top_container">
<ul>
<li><a href="#">Startseite</a></li>
<li><a href="#">Kontakt</a></li>
<li><a href="#">Impressum</a></li>
<li><a href="#">Sitemap</a></li>
<li><a href="#">Login</a></li>
</ul>
<img src="img/cc.gif">
</div>
</body>
</html>
EDIT:
So sieht es jetzt aus - das Bild (creative commons) soll quasi "hoch" (sorry wegen der Breite)
Moderator
Kommentar