Avatar billede hwlarsen Nybegynder
11. september 2006 - 13:46 Der er 13 kommentarer og
2 løsninger

Align="right" på billede

Hej eksperter

Et lille spørgsmål som jeg bare intet fatter af.

Hvorfor er der en hvid kant på højre side af billedet?
Hvordan fjerner jeg den?

Min kode:

<html>
    <head>
        <style type="text/css">
        .content{width:800px; height:600px; border: 1px solid #000000;}
        </style>
    </head>
    <body>
        <table cellpadding="0" cellspacing="0" class="content">
            <tr><td><img align="right" style=" border-bottom:0px solid black; padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; " src="http://www.ee.usyd.edu.au/tutorials_online/topics/itopics/ausflag.gif"> Bla bla bal</td></tr>
        </table>
    </body>
</html>
Avatar billede kinderaeg Nybegynder
11. september 2006 - 14:06 #1
Prøv at sætte en doctype på, det skulle gerne hjælpe
Avatar billede hwlarsen Nybegynder
11. september 2006 - 14:10 #2
Hvilken docktype?
Har prøvet <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> uden at det hjælper.
Avatar billede mclemens Nybegynder
11. september 2006 - 14:23 #3
En fuld doctype...
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

...

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html><head><meta http-equiv="content-type" content="text/html; charset=iso-8859-1"><title>Ingen titel</title>

<style type="text/css">
        .content{width:800px; height:600px; border: 1px solid #000000;}
</style>

</head><body>
        <table cellpadding="0" cellspacing="0" class="content">
            <tr><td><img align="right" style=" border-bottom:0px solid black; padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; " src="http://www.ee.usyd.edu.au/tutorials_online/topics/itopics/ausflag.gif"> Bla bla bal</td></tr>
        </table>
</body></html>
Avatar billede mclemens Nybegynder
11. september 2006 - 14:27 #4
Eller f.eks. med lidt mere css...:


<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html><head><meta http-equiv="content-type" content="text/html; charset=iso-8859-1"><title>Ingen titel</title>

<style type="text/css">
        .content{width:800px; height:600px; border: 1px solid #000000;border-spacing:0px;}
        .content td{padding:0px;}
</style>

<!--[if IE]><style type="text/css">.content{border-collapse:collapse;}</style><![endif]-->

</head><body>
        <table class="content"><tbody>
            <tr><td><img style="float:right;" src="http://www.ee.usyd.edu.au/tutorials_online/topics/itopics/ausflag.gif"> Bla bla bal</td></tr>
        </tbody></table>
</body></html>
Avatar billede mclemens Nybegynder
11. september 2006 - 14:27 #5
(border-spacing vs. border-collapse grundet
1px bug http://www.eksperten.dk/spm/730808 )
Avatar billede mclemens Nybegynder
11. september 2006 - 14:28 #6
Kast til kinderaeg ;)
Avatar billede hwlarsen Nybegynder
11. september 2006 - 15:28 #7
mclemens du må hellere smide et svar så du kan få lidt point. Det virker jo perfekt :-)
Avatar billede mclemens Nybegynder
11. september 2006 - 16:11 #8
Ok, men lad os nuppe en deler så
- "hoved" fejlen var jo den manglende doctype :o)

... Det align, cellspacing og padding attributer
omskrevet til css var jo finpudsninger ;)
Avatar billede mclemens Nybegynder
11. september 2006 - 16:12 #9
^ - Prøver lige svaret til deleren igen :D
Avatar billede olebole Juniormester
12. september 2006 - 15:12 #10
<ole>

mclemens >> hvorfor kun 'border-collapse' til IE? Det tager de andre browsere ikke skade af  :)

/mvh
</bole>
Avatar billede mclemens Nybegynder
12. september 2006 - 15:40 #11
Ole, checker lige en gang men mente at det var den
der gjorde at det kiksede med den 1px forskel i
http://www.eksperten.dk/spm/730808#rid6416611
Avatar billede mclemens Nybegynder
12. september 2006 - 15:45 #12
Jep, check det eksempel her Ole, læg mærke til 1px bug ved den anden nederste tabel hvor de begge får border-collapse:collapse; og læg mærke til den nederste hvor width heller ikke passer da der bruges border-collapse:collapse; istedet for border-spacing til FF




<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html><head><title>Titel</title>

<style type="text/css">

html, body {
height: 100%;
margin: 0px;
padding: 0px;
background-color: #d7d7d7;
font-family: verdana, helvetica, tahoma, sans-serif, arial;
color: black;
font-style: normal;
font-weight: normal;
font-size: 11px;
}


.maintable {
width: 990px;
padding: 0px;
margin: 0px auto;
border-spacing:0px;
border: 1px solid #000;
}

.maintable td {
padding: 0px;
}

.maintable2 {
width: 990px;
padding: 0px;
margin: 0px auto;
border-spacing:0px;
border-collapse:collapse;
border: 1px solid #000;
}

.maintable2 td {
padding: 0px;
}


.maintable3 {
width: 990px;
padding: 0px;
margin: 0px auto;
border-collapse:collapse;
border: 1px solid #000;
}

.maintable3 td {
padding: 0px;
}

</style>
<!--[if IE]><style type="text/css">.maintable{border-collapse:collapse;}</style><![endif]-->
</head>

<body>

<table class="maintable"><tbody>
<tr><td>Test</td></tr>
</tbody></table>

<div style="width:990px;background:#f00;margin:0px auto;">Test div</div>

<table class="maintable2"><tbody>
<tr><td>Test2</td></tr>
</tbody></table>

<table class="maintable2"><tbody>
<tr><td>Test3</td></tr>
</tbody></table>

</body></html>
Avatar billede mclemens Nybegynder
12. september 2006 - 15:46 #13
Så derfor ingen border-collapse til FF...
Avatar billede hwlarsen Nybegynder
12. september 2006 - 20:16 #14
Så deler i point :-) Tak for hjælpen
Avatar billede mclemens Nybegynder
12. september 2006 - 20:33 #15
Velbekom, og tak for point :o)
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