CSS: Trøbbel med label span, for stort mellomrom

[Pangaea]

Et bilde av problemet...

Ikke le alt for rått av det usedvanlig avanserte designet nå da

 

Problemet er det store mellomrommet mellom linjene. Det funker i Opera, men ikke i IE (sjokk! lol)

 

CSS:

INPUT
{
   font-family: Courier;
   border: 1px solid #FFF;
   background: #999;
   color: #FFF;
   margin-bottom: 2px;
}

.textfield
{
   font-family: Courier;
   border: 1px solid #FFF;
   background: #999;
   color: #FFF;
   margin-bottom: 2px;
   height: 18px;
   width: 300px;
}

LABEL
{
   border: 0px solid #FFF;
   width: 800px;
   clear: left;
   display: block;
   margin-bottom: 2px;
}

LABEL span
{
   float: right;
   width:700px;
}

 

PHP:

<label for="bootleg">Bootleg:
   <span>
       <input class="textfield" type="text" id="bootleg" name="bootleg" value="<?php echo stripslashes($bootleg); ?>">
   </span>
</label>

 

Jeg er ikke noen reser i css, dette er kode jeg har funnet, og modifisert litt selv. Ikke sikker på hva clear og display gjør.

Hva må jeg forandre for at mellomrommet skal forsvinne. Skal bare ha et lite mellomrom, sånn som det er i de øverste boksene. Der er det bare php-kode, derfor fungerer det sikkelig der.

Fjerner jeg teksten bak label "Bootleg:", virker det, men det er naturligvis ikke noe alternativ.

 

Hvordan fikse dette her?

 

Edit: Har prøvd display: inline; men til ingen nytte.

Endret 13. juni 2004 av Pangaea

[Pangaea]

Sorry for a bumpe, men noen som har peiling?

 

Så mange bra sider her, så skulle tro det var lett å fikse. Bare det at jeg ikke kan noe særlig om CSS...

[Pangaea]

Tar å bumper igjen i stedet for å lage en ny tråd. Har ikke løst problemet enda, og nå kommer det opp igjen ettersom jeg holder på å lage en database for en webside. Bruker derfor mye av min gamle kode, men vil helst bli kvitt det stygge mellomrommet mellom "punktene".

Ser ut som det ligger en <br/> eller noe lignende inne etter label, men det skal der ikke være.

Jeg vil at label og tekstboks/meny skal være på samme linje.

 

Hvordan kan dette løses?

[Haraldson]

Det skjer ikke fordi høyden på text-field = 18px, mens linjehøyden på labelene er mindre, da?

[Pangaea]

Prøvde å sette label til høyde over 18px, men det hjalp ikke. Noen andre ideer?

 

Som jeg nevnte i den initielle posten så funker det i Opera, men ikke i IE. Dessverre bør det funke der også.

Endret 5. oktober 2004 av Pangaea

[Pangaea]

Vel, da har jeg gitt opp, og gått over til tabell i stedenfor. Det funker i hvertfall som det skal, så får folk hyle og brøle alt de vil om at tabeller er "ut"...