form tag ødelegger layout

[magikern]

veit noen hvorfor dette skjer, og evt om det finnes en "workaroud" <-- da i css og xhtml validerbar sådan...

 

koden er:

<ul>
<form blablabla>  
<li>
 <ul>
  <li>blablabla</li>   
  <li>blablabla</li>   
 </ul>
</li> 
</form>
</ul>

 

jeg bruker mange sånne lister, men det er bare ett sted jeg har en form inni og den blir pressa litt lengre nedover enn den skal, det virker som selve form tag'en tar opp litt plass før <li> slipper til...

 

mulig jeg har gått glipp av noe en gang i tiden, men har alltid trodd at <form> tag'er ikke hadde noe med layout å gjøre, riktignok skjer dette bare i IE, mozilla og opera viser det som en helt vanlig liste...

[pgdx]

Jeg har aldri brukt form, men finnes det padding eller spacing i den? Hvis du kan prøve med

<ul>
<form padding="0" blablabla>  
<li>
<ul>
 <li>blablabla</li>   
 <li>blablabla</li>   
</ul>
</li> 
</form>
</ul>

Eller noe sånt.

[pgdx]

Etter litt research fant jeg noen som mente at <form style="margin-bottom:0;"> ville fungere.

 

Jeg har selv aldri prøvd det, så jeg garanterer ikke for noe. Må også få adde at det første som kom opp etter søk på google var

... HTML forms are probably one of the ugliest things to hit the Web ever. ... Be sure to

add padding, or your form elements will be jammed right up next to the ...

[magikern]

satt

 

form {

padding: 0px;

margin: 0px;

}

 

og det ble ihvertfall bedre...

[Torbjørn]

har vært borti det samme, hvorfor ikke ha <form> utenfor <ul>?

[magikern]

har vært borti det samme, hvorfor ikke ha <form> utenfor <ul>?

fordi jeg har en sidebar hvor jeg bruker:

 

<div>
<ul>
 <li>head
  <form>
  <ul>
    <li>innhold</li>
    <li>innhold</li>
  </ul>
  </form>
 </li>
 <li>head
  <ul>
    <li>innhold</li>
    <li>innhold</li>
  </ul>
 </li>
 <li>head
  <ul>
    <li>innhold</li>
    <li>innhold</li>
  </ul>
 </li>
</ul>
</div>

 

formen står nå inni den første <li> og hvis jeg setter den foran den første <ul> vil det ødelegge for hele sidebaren som består av mange lister nedover...

[haugsand]

Stemmer, med margin og padding satt til 0, vil all det åpne rommet forsvinne.

 

Her er en nyttig artikler om hvordan du kan formatere lister til å virke som en meny.