✔ Bilder nebeneinander anordnen

[Tanek]

Hi,

ich arbeite gerade an meinem neuen WordPress Blog und bin auch schon recht weit gekommen, jedoch bekomme ich oben in der Navigation die Bilder nicht nebeneinander, sondern diese sortieren sich immer untereinander. =/

Der CSS Code für die Div-Tabelle (wo die Bilder liegen) ist wie folgt:

#menu
{width:840px; height:50px; }
	#nav 
	{margin:0;	padding:0px 0;	z-index:1;}
	#nav, #nav ul 
	{line-height:30px;}
	#nav a
	{display:block;padding:0 15px 0 0; margin:0; }
	#nav a:hover
	{color:#fff;}
	#nav li 
	{float:;list-style-type:none; text-transform:uppercase; font:15px "Franklin Gothic medium", Arial, sans-serif; font-weight:bold; letter-spacing:-1px;}
	#nav a, #nav a:visited 
	{color:#000; display:block;}
	#nav a:hover, #nav a:active, .current_page_item a, #home .on {	}
	#nav li ul 
	{height:auto;left:-999em;line-height:35px;margin:0; padding:10px 0;position:absolute;width:200px;background-color:#5F6B02;border-bottom:1px solid #222; border-right:1px solid #222}
	#nav li li 
	{width:200px;}
	#nav li li a, #nav li li a:visited 
	{font-size:12px; border-bottom:none;}
	#nav li li a:hover, #nav li li a:active 
	{}
	#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul 
	{left:auto;}

Und hier die Div-Tabelle in der header.php:

<div id="menu">
    <ul id="nav">
    	<li>
    	  <div align="right"><a href="http://twitter.com/?"><img src="http://?.de/wp-content/themes/style/images/header_navi_youtube.png" border="0"></a><a href="http://twitter.com/?"><img src="http://?/wp-content/themes/style/images/header_navi_twitter.png" border="0"></a></div>
    	</li>
    	<div align="right">
    	  <?php wp_list_pages('title_li=&depth=0&sort_column=menu_order&exclude=56'); ?>
        </div>
    </ul>
    </div>

Wäre für jegliche Tipps dankbar!

Tanek

EDIT: Problem gelöst, musste nur das "navi" löschen. -____-

 

[Maik]

Moin,

EDIT: Problem gelöst, musste nur das "navi" löschen. -____-

Ich weiß zwar nicht, von welchem "navi" du in dem gezeigten Code sprichst, denn darin existiert dieser Bezeichner überhaupt nicht, aber die beiden nachfolgenden Regeländerungen führen ganz sicher zum Ziel, wenn der umschliessende Block <div align="right">...</div> im HTML-Code entfernt wird.

        #nav a
        {float:left; /* anstelle von display:block */ ... }
        ...
        #nav li
        {float:right; /* fehlenden Eigenschaftswert hinzugefügt */ ... }

mfg Maik