Semantiek is niet echt oké, daardoor weinig controle .......

[Verwijderd]

Hallo,

Ik ben een beetje op zoek naar advies hoe ik netter mijn code kan maken, en meer controle over wat ik maakt.

Dit is een stukje van de verzend en reset knopjes op mijn pagina.
In IE ziet het er goed uit, FF plaats ze niet hoe ik wil.
Persoonlijk denk ik dat FF het goed doet, en IE niet (misschien zie ik het fout)
Ik heb eigenlijk weinig controle over de knopjes.
De code heb ik al aardig opgeschoond, veel div-jes weg enzo.
Dit is natuurlijk niet perfect wat ik heb gemaakt, semantiek enzo zit er niet in denk ik
W3 Validator zegt wel dat hij oké is

Mijn vraag is, kan iemand mij even een beetje op weg helpen hoe het wel netjes moet?

--> Online voorbeeld

Button stukje op de pagina:

code:

<div class="buttoncontainer"><? //Begin verzend en reset container ?>

    <div class="button"></div>      
        <input type="image" value="1" src="images/verzenden.gif" class="verzendenbutton" />
        <a href="javascript:void(0)" onclick="document.form.reset()">[img]"images/reset.gif"[/img]</a>
</div><? //Einde verzend en reset container ?>

CSS:

code:

/* verzend en reset velden */
    .buttoncontainer
        {
        width: 412px;
        height: 25px;
        }
    
    .button
        {
        width: 220px;
        float: left;
        }
        
    .verzendenbutton
        {
        height: 25px;
        width: 80px;
        border: 0px none;
        float: left;
        }
        
    .resetbutton
        {
        height: 25px;
        width: 80px;
        border: 0px none;
        float: right;
        }
/* ----------------------- */

[Willem]

Toch eens e.e.a. aan research doen.
Is genoeg te vinden over semantiek.
Check ook http://annevankesteren.nl/