Avatar billede themepark Nybegynder
26. oktober 2003 - 16:09 Der er 10 kommentarer og
1 løsning

Problemer med <DIV> og unødig linjeskift

Jeg har følgende kode:

<INPUT TYPE="Checkbox" NAME="Gruppe5" VALUE="Land" onClick="G5.style.visibility='visible'">
Land:
<DIV ID="G5" STYLE="visibility: hidden">
<INPUT TYPE="Checkbox" NAME="G5Navn1" VALUE="Danmark">
Danmark
<INPUT TYPE="Checkbox" NAME="G5Navn2" VALUE="Finland">
Finland
<INPUT TYPE="Checkbox" NAME="G5Navn3" VALUE="Island">
Island
<INPUT TYPE="Checkbox" NAME="G5Navn4" VALUE="Norge">
Norge
<INPUT TYPE="Checkbox" NAME="G5Navn5" VALUE="Sverige">
Sverige
</DIV>

Når jeg så klikker på den synlige checkbox, kommer landene til at stå en linje nedenunder og det skal de ikke. De skal derimod stå på samme linje lige efter :

Hvordan løser jeg det problem?
Avatar billede roenving Novice
26. oktober 2003 - 16:24 #1
<INPUT TYPE="Checkbox" NAME="Gruppe5" VALUE="Land" onClick="G5.style.visibility='visible'">
Land:
<span ID="G5" STYLE="visibility: hidden">
<INPUT TYPE="Checkbox" NAME="G5Navn1" VALUE="Danmark">
Danmark
<INPUT TYPE="Checkbox" NAME="G5Navn2" VALUE="Finland">
Finland
<INPUT TYPE="Checkbox" NAME="G5Navn3" VALUE="Island">
Island
<INPUT TYPE="Checkbox" NAME="G5Navn4" VALUE="Norge">
Norge
<INPUT TYPE="Checkbox" NAME="G5Navn5" VALUE="Sverige">
Sverige
</span>
Avatar billede themepark Nybegynder
26. oktober 2003 - 16:26 #2
Og hvad er forskellen lige på div og span?
Avatar billede roenving Novice
26. oktober 2003 - 16:28 #3
div er et block-level element, mens span er inline ...

-- og forskellen kan du se ved at tænke på andre block-level elementer som f.eks. <table> og andre inline-elementer som f.eks. <i>
Avatar billede roenving Novice
26. oktober 2003 - 16:29 #4
Forøvrigt ville en løsning kunne se sådan ud:

<INPUT TYPE="Checkbox" NAME="Gruppe5" VALUE="Land" onClick="document.getElementById('G5').style.display='inline'">
Land:
<span ID="G5" STYLE="dispaly:none;">
Avatar billede themepark Nybegynder
26. oktober 2003 - 16:36 #5
Bortset fra at dispaly nok skal være display i stedet for ;)
Avatar billede themepark Nybegynder
26. oktober 2003 - 16:37 #6
Perfekt...det fungerer :) Smid et svar :)
Avatar billede roenving Novice
26. oktober 2003 - 16:39 #7
Velbekomme '-)

-- jeg må snart have tømt din points-konto *g*
Avatar billede babyworm Nybegynder
26. oktober 2003 - 16:40 #8
Vil tro du også kan bruge <span> i stedet for div.. :)
Avatar billede themepark Nybegynder
26. oktober 2003 - 16:41 #9
Point: 1.390

Nope :)

babyworm...det var det roenving startede med at skrive ;)
Avatar billede babyworm Nybegynder
26. oktober 2003 - 16:41 #10
Jepper.. det er fair nok..
Avatar billede roenving Novice
26. oktober 2003 - 16:56 #11
-- og tak for points ;~}
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