---

Jeg er stødt på et irriterende problem i forbindelse med SPAN og CLASS i et
table. Det opstår når jeg flytter min klassifikation fra <TD> tagget ned i
et <SPAN> tag. Problemet er at højden på tabellen bliver for stor:

Forskellen i højden kan ses her: http://hjem.get2net.dk/garmer/temp.jpg

Koden for den øverste tabel på billedet (altså der hvor problemet er
opstået) ser således ud:

<TABLE border=0 width=100% cellpadding=0 cellspacing=0>
<TR>
<TD background="newsbar.jpg">
<SPAN class=Header>&nbsp;<B>New Teamspeak Version</B> - Garmer</SPAN>
<SPAN class=NewsDate>August 18 - 2003</SPAN>
</TD>
</TR>
</TABLE>

Koden for den nederste tabel på billedet hvor alt er fint er næsten
tilsvarende:

<TABLE border=0 width=100% cellpadding=0 cellspacing=0>
<TR>
<TD background="newsbar.jpg" class=Header>
<SPAN>&nbsp;<B>New Teamspeak Version</B> - Garmer</SPAN>
<SPAN class=NewsDate>August 18 - 2003</SPAN>
</TD>
</TR>
</TABLE>

Eneste forskel er at "class=Header" er rykket op i <TD> tagget. Jeg kan
desuden oplyse at klassifikationerne 'Header' og 'NewsDate' ser således ud:

..Header {
WIDTH: 75%; COLOR: #DDDDDD; FONT-SIZE: 10px; FONT-FAMILY: verdana;
padding-top: 1px
}
..NewsDate {
WIDTH: 24%; TEXT-ALIGN: right; COLOR: #070707; FONT-SIZE: 10px;
FONT-FAMILY: verdana
}

Jeg ville meget gerne have mulighed for at lave klassifikationer til to
forskellige <SPAN> elementer i samme <TD> element, så jeg håber der er nogen
der kan se hvor fejlen ligger...

---

> Jeg ville meget gerne have mulighed for at lave klassifikationer til to
> forskellige <SPAN> elementer i samme <TD> element, så jeg håber der er nogen
> der kan se hvor fejlen ligger...
Span er et inline element, så du bør undgå width. Så skal du sørge for at ALLE
dine elementer, som teksten kunne tænkes at ligge i for 0 padding, og 0
margin.

padding:0px; margin:0px;

--
Vil du lære at kode HTML, XHTML, CSS, SSI eller ASP?
- Pædagogiske tutorials på dansk
- Kom godt i gang med koderne
KLIK HER! => http://www.html.dk/tutorials

---

> Span er et inline element, så du bør undgå width. Så skal du sørge for at
ALLE
> dine elementer, som teksten kunne tænkes at ligge i for 0 padding, og 0
> margin.
>
> padding:0px; margin:0px;

Grunden til, at jeg bruger WIDTH er, at jeg har 2 stykker tekst som skal
hhv. venstre- og højrealignes i samme <TD>, og det kan jeg kun gøre med
WIDTH i SPAN-tagget. Eller er der en anden løsning på det problem?

---

<-= KG =-> skrev:

> Grunden til, at jeg bruger WIDTH er, at jeg har 2 stykker
> tekst som skal hhv. venstre- og højrealignes i samme <TD>, og
> det kan jeg kun gøre med WIDTH i SPAN-tagget. Eller er der en
> anden løsning på det problem?

Brug div i stedet: <http://damu.dk/jc/usenet/tabel_float.shtml>.
--
Jens Gyldenkærne Clausen
Svar venligst under det du citerer, og citer kun det der er
nødvendigt for at forstå dit svar i sammenhængen. Se hvorfor og
hvordan på http://usenet.dk/netikette/citatteknik.html

---

> Brug div i stedet: <http://damu.dk/jc/usenet/tabel_float.shtml>.

Det fungerer fint :)

Men hvorfor laver den linieskift, hvis man kun indstiller den ene del af
teksten til højre eller venstre? Det er måske meningen?

---

<-= KG =-> skrev:

>> <http://damu.dk/jc/usenet/tabel_float.shtml>.

> Men hvorfor laver den linieskift, hvis man kun indstiller den
> ene del af teksten til højre eller venstre?

Hvis du har en ikke-floatet div vil den opføre sig som et normalt
blok-element - det vil sige at der er linjeskift før og efter.

--
Jens Gyldenkærne Clausen
Svar venligst under det du citerer, og citer kun det der er
nødvendigt for at forstå dit svar i sammenhængen. Se hvorfor og
hvordan på http://usenet.dk/netikette/citatteknik.html