Avatar billede brita Nybegynder
14. september 2010 - 15:51 Der er 1 løsning

Radiobutton vil ikke flugte med tekst

Jeg bøvler med at få mit design til at se ordentligt ud, men har et problem med mine radiobuttons, der "hopper" og står en ½ linie højere end teksten. Det ser næsten sådan ud:

________________________

0
  Tekst1

0
  Tekst2
________________________

Her er koden:
<div id="nyhedsbrev" class="hojreboks">
<form id="nyhedsbrev" name="nyhedsbrev" method="post" action="index.php">
          <label>
          <input type="radio" name="radio" id="tekst1" value="tekst1" class="radio" />
          Tekst1</label>
          <label>
          <input type="radio" name="radio" id="tekst2" value="tekst2" class="radio" />
          Tekst2</label>
          <br />
        <input name="Soeg" type="button" value="OK" style="float:right;" />
    </form>
    </div>

og min css:

.hojreboks {
    float: right;
    width: 156px;
    font-size: 10px;
    color: #7e7e7e;
    padding: 5px 4px 4px 4px;
    border-color:#e0e0e0;
    border-width: 1px;
    border-style : solid;
    line-height: 20px;
}
.radio {
    border: none;
}

Kan du hjælpe med at få dem til at flugte?
Avatar billede brita Nybegynder
15. september 2010 - 17:07 #1
Fandt selv løsningen - skulle tilføje

vertical-align:middle !important;

i mit stylesheet.
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester