[html/css] Alles op 1 lijn

[Verwijderd]

Ik probeer in een simpel layertje alles op 1 lijn te krijgen alleen dit werkt maar niet

Stukje code:

code:

<div class="menu">
<table border="0" height="26" width="640" cellspacing="0" cellpadding="0">
<tr>
<td><form method="get" action=""><SELECT NAME="stylesheet"><OPTION>Vormgeving 1</OPTION><OPTION>Vormgeving 2</OPTION></SELECT></form></td><td>[img]"img/nederlands.png"[/img] &nbsp;&nbsp;&nbsp; [img]"img/engels.gif"[/img] &nbsp;&nbsp;&nbsp; [img]"img/curacao.gif"[/img]</td>
</tr>
</table>
</div>

en dan in CSS

code:

div.menu {
    background-color:#cccccc;
    width:640px; 
    height:26px; 
    margin:0px auto;
    }

Ik heb al verschillende dingentjes geprobeerd maar allemaal zonder resultaat.
In IE ziet het er nog anders uit dan in Firefox ook

Alles moet dus op 1 lijn komen en dan ook nog op de goede hoogte.
Nog een linkje naar het hele verhaal: http://www.crazywybo.nl/probleempje/

[Suaver]

Remove de Height in CSS dat werkt wel :-)

code:

div.menu {
    background-color:#cccccc;
    width:640px; 
    margin:0px auto;
    }

[ Voor 126% gewijzigd door Suaver op 04-01-2005 14:10 ]

[Wao]

Probeer eens de <form> en </form> buiten de <td> te zetten?

[Verwijderd]

Wao schreef op dinsdag 04 januari 2005 @ 14:07:
Probeer eens de <form> en </form> buiten de <td> te zetten?

mja werkt

[Verwijderd]

wat ook zou moeten werken is <form style="display:inline;"> binnen de <td>

[LuCarD]

code:

    form {
padding:0;
margin:0;
    }

Inline zoals hier boven werkt ook...

[ Voor 29% gewijzigd door LuCarD op 04-01-2005 14:20 ]

[RM-rf]

Goed CSS gebruik begint al met de HTML-code:
haal dus alsjeblieft die nutteloze TABLE weg (je gebruikt enkel een TD om te pogen dingen uit te lijnen) en gebruik bv een nette UL

code:

<form method="get" action="" id="menu">
<ul>
   <li><select nemae="stylesheet">
      <option>Vormgeving 1</option>
      <option>Vormgeving 2</option>
    </select></li>
   <li> <img src="img/nederlands.png" alt="Nederlands" /> </li>
   <li> <img src="img/engels.gif" alt="English" /> </li>
   <li> <img src="img/curacao.gif" alt="Papiamentu" /></li>
</ul>
</form>

en met de bijvoorbeeld volgende CSS:

Cascading Stylesheet:

FORM#menu {
   margin: 0; padding: 0;
   width: 640px; height: 26px;
}
FORM#menu UL, FORM#menu UL LI {
   margin: 0; padding: 0;
   list-style: none;
   display: inline;
}

FORM#MENU UL LI IMG {
   border: 0;
}

[ Voor 24% gewijzigd door RM-rf op 04-01-2005 14:33 ]

[Verwijderd]

Klein vraagje nog, hoe zorg ik ervoor dat ik geen submit button nodig heb voor dat formuliertje? Dat kon toch met Javascript?

[JHS]

Verwijderd schreef op dinsdag 04 januari 2005 @ 20:26:
Klein vraagje nog, hoe zorg ik ervoor dat ik geen submit button nodig heb voor dat formuliertje? Dat kon toch met Javascript?

Ja, en is hier ook zeker wel te vinden .