SELECT Feld rutsch aus <UL><li>

[Josef, Beppi]

und schon wieder ich (sorry)
aber mein Menü raubt mir den Verstand, immer wenn ich etwas habe kommt das nächste Problem.

Ich habe in meinen Listen auch ein Select Feld, doch diese liegt unterhalb meiner LISTEN, doch es soll doch drin sein.

So soll es sein:

Menu Menu Menu Selectfeld

So ist es:

Menu Menu Menu
Selectfeld

  
<ul>  
<li>menu</li>  
<li>menu</li>  
<li>menu</li>  
<li>  
<form>  
<select>  
<option>menu1</option>  
<option>menu2</option>  
<option>menu3</option>  
</select>  
</form>  
</li>  
</ul>  

ul 	{width:100%;text-align:right;}  
li 	{list-style: none; padding:10px;text-align:center;display: inline; }  
  
  
select {  
    border: 1px solid #B5B5B5;  
    font-size: 12px;  
    padding: 3px;  
    width: 100px;  
}	

Ich hab wirklich schon gesucht, aber bin nicht fündig geworden.
Vieleicht kann mir wiede reinmal jemand weiterhelfen.

Josef

[misterunknown]

Moin,

So soll es sein:
Menu Menu Menu Selectfeld
So ist es:
Menu Menu Menu
Selectfeld

display:inline-block;

http://de.selfhtml.org/css/eigenschaften/positionierung.htm#display@title=Link.

Grüße Marco

[Matthias Apsel]

Om nah hoo pez nyeetz, misterunknown!

display:inline-block;

inline sollte es auch tun. Du brauchst kein form-Element, wenn du kein Formular hast.

Matthias

[Der Martin]

Hallo,

Ich habe in meinen Listen auch ein Select Feld, doch diese liegt unterhalb meiner LISTEN, doch es soll doch drin sein.

das select-Element kann nichts dafür - es ist das form-Element. Denn form ist "von Natur aus" ein Blockelement.

Ciao,
 Martin