---

Hej

Jeg er startet på en ny side, og forsøger strengt at bruge CSS,
men der er opstået et problem med kanterne på min tabel.

Jeg har sat border-collapse: collapse; ind i min CSS fil, det
løste en del af problemet med at undgå cellspacing/cellpadding,
men hvad er det der sker med den hvide kant rundt om mit billede?

Cellen er 600*250 px, og det er billedet også!

Hvad har jeg gjort forkert?

Tine

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

---

Undskyld, glemte linket:

http://www.tinegade.dk/casabo/ark.htm

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

---

Tine Gade wrote:
> Hej
>
> Jeg er startet på en ny side, og forsøger strengt at bruge CSS,
> men der er opstået et problem med kanterne på min tabel.
>
> Jeg har sat border-collapse: collapse; ind i min CSS fil, det
> løste en del af problemet med at undgå cellspacing/cellpadding,
> men hvad er det der sker med den hvide kant rundt om mit billede?
>
> Cellen er 600*250 px, og det er billedet også!
>
> Hvad har jeg gjort forkert?
>
> Tine
>

Nu er det lidt svært at gætte på, når du ikke har et link
til din side, men sandsynligvis er det et linieskift i
kildekoden efter billedet, før du afslutter tabelcellen.

--

Med venlig hilsen

Jørgen Farum Jensen
http://www.webdesign101.dk
..

---

> Nu er det lidt svært at gætte på, når du ikke har et link
> til din side, men sandsynligvis er det et linieskift i
> kildekoden efter billedet, før du afslutter tabelcellen.

Arh... Jeg ved det, men jeg havde da nået at svare på mit eget sp.
med linket inden du svarede!

http://www.tinegade.dk/casabo/ark.htm

Det er nu på alle 4 sider af billedet, så det kan vel ikke være et
linieskift?

Tine

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

---

Tine Gade wrote:
>>Nu er det lidt svært at gætte på, når du ikke har et link
>>til din side, men sandsynligvis er det et linieskift i
>>kildekoden efter billedet, før du afslutter tabelcellen.
>
>
> Arh... Jeg ved det, men jeg havde da nået at svare på mit eget sp.
> med linket inden du svarede!
>
> http://www.tinegade.dk/casabo/ark.htm
>
> Det er nu på alle 4 sider af billedet, så det kan vel ikke være et
> linieskift?

Muligvis ikke, men det var vel værd at prøve?

Men nu har jeg set din side, og det er pløkumuligt
at sige noget om, hvordan fejlen opstår, for din
html-kode og css-kode er fuld af fejl,
for eksempel:

..main{width=750;
border-collapse: collapse; }

skulle vel være:

..main{
width:750px;
border-collapse: collapse; }

Du vel gøre dig selv og dem, der skal hjælpe dig med
fejlretning en stor stor tjeneste hvis du

1)
Indsætter en dokumenttypeerklæring i
topppen af dokumentet.
2)
Sætter anførselstegn om alle dine attribut-værdier
3)
Validerer din html (http://validator.w3.org/)
og din CSS (http://jigsaw.w3.org/css-validator/).

Jeg vil yderligere anbefale dig at undlade at bruge
tabeller til at positionere dine elementer på
websiden. Det er gammeldags og uhensigtsmæssigt.

På websiden
http://www.webdesign101.dk/csslayout/oversigt.php
finder du en 20-30 forskellige modeller for layout ved
hjælp af CSS, hvis du er i tvivl om, hvordan du skal
gribe det an.

--

Med venlig hilsen

Jørgen Farum Jensen
http://www.webdesign101.dk
..

---

Tine Gade wrote:

> http://www.tinegade.dk/casabo/ark.htm

I din kildekode har du dette:

<td class=pic colspan=2>
<img src="pic1.jpg">
</td>

Lav det om til dette:

<td class=pic colspan=2><img src="pic1.jpg"></td>

.... og tilføj så denne linje i css til .pic:

padding: 0;

--
Med venlig hilsen
Erik Ginnerskov
http://hjemmesideskolen.dk - http://ginnerskov.dk
http://html-faq.dk/

---

Erik Ginnerskov wrote in dk.edb.internet.webdesign.html:
> Tine Gade wrote:
> Lav det om til dette:
>
> <td class=pic colspan=2><img src="pic1.jpg"></td>
>
> .... og tilføj så denne linje i css til .pic:
>
> padding: 0;

Tak, det hjalp på de tre sider, men der er stadig en hvid kant
til højre?

Hvorfor er der forskel på om det står på en linie eller ej? Jeg
var af den overbevisning at linieskift i html ingen betydning
havde?

Tine

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

---

Tine Gade skrev:

>Hvorfor er der forskel på om det står på en linie eller ej? Jeg
>var af den overbevisning at linieskift i html ingen betydning
>havde?

Et linjeskift laver et mellemrum, flere linjeskift ændrer ikke på
dette.
--
Topposter du svar, dvs. skriver dit svar over det citerede,
så ryger du på min ignoreringsliste.
Svar under det du citerer og citer kun det du svarer på - tak.
http://usenet.dk/netikette/citatteknik.html

---

Tine Gade wrote:
> Erik Ginnerskov wrote in dk.edb.internet.webdesign.html:
>> Tine Gade wrote:
>> Lav det om til dette:
>>
>> <td class=pic colspan=2><img src="pic1.jpg"></td>
>>
>> .... og tilføj så denne linje i css til .pic:
>>
>> padding: 0;
>
> Tak, det hjalp på de tre sider, men der er stadig en hvid kant
> til højre?
>
> Hvorfor er der forskel på om det står på en linie eller ej? Jeg
> var af den overbevisning at linieskift i html ingen betydning
> havde?
>

Almindelige ascii linieskift har ingen betydning, så fejlen er et andet
sted.

Med venlig hilsen
Johnny Winther Ronnenberg


--
Det er brugeren der bestemmer
http://www.ronnenberg.dk/webaccessibility/
Last: revision:
http://www.ronnenberg.dk/webaccessibility/upcomingwork.asp (danish
only) and
http://www.ronnenberg.dk/webaccessibility/lettheuserchoose.asp

---

Johnny Winther Ronnenberg skrev:

>Almindelige ascii linieskift har ingen betydning

Jo.

Prøv at se forskellen i en browser:

<p>
etlangtord
somikkemådeles
</p>
<p>
etlangtordsomikkemådeles
</p>
--
Topposter du svar, dvs. skriver dit svar over det citerede,
så ryger du på min ignoreringsliste.
Svar under det du citerer og citer kun det du svarer på - tak.
http://usenet.dk/netikette/citatteknik.html

---

Tine Gade skrev:

> Tak, det hjalp på de tre sider, men der er stadig en hvid
> kant til højre?

Du bruger border på tabelcellen, prøv at definere den på
selve billedet i stedet.

--
Allan Vebel
http://html-faq.dk - nu også med rss