Avatar billede d.kryger Praktikant
23. juni 2005 - 10:11 Der er 8 kommentarer og
1 løsning

Flytter billede 3 pixel ved align="right"

Hej eksperter.

Kan nogen hjælpe mig med et lille problem?

Jeg har en nedenstående tabel hvor jeg gerne vil have et billede og en tekst, billedet skal være højrejusteret, men når jeg bruger align='right' (eller align='left') så bliver billedet rykket 3 pixel ind i cellen...

Den gør det i IE, men ikke i Firefox eller Netscape...

Hvad kan jeg gøre?

Tabel:
<table border="0" width="100%" bgcolor="#00FFFF" cellspacing="0" cellpadding="0">
<tr>
<td width="100%"><img border="0" src="/logo.jpg" width="67" height="82" align="right"></td>
</tr>
</table>
Avatar billede roenving Novice
23. juni 2005 - 10:41 #1
F.eks.

<table style="border:0;width:50%;bbackground:#0ff;" cellspacing="0" cellpadding="0">
  <tr>
    <td style="width:100%">
      <img src="/logo.jpg" style="border:0;width:67px;height:82px;float:right;">

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Pellentesque lectus elit, sagittis at, accumsan id, dictum et, erat. Etiam non sapien. Quisque aliquet gravida mi. Integer vitae tortor quis wisi scelerisque vestibulum. Duis pulvinar magna non mauris laoreet volutpat. Aenean et purus. Cras accumsan justo sed arcu. Quisque urna. Sed mi. Ut sed nunc at lorem aliquet vulputate. Proin quis nibh. Proin ut dui vitae urna lacinia posuere. Ut vulputate purus facilisis nunc. Morbi ultrices euismod leo. Integer dui tellus, dictum in, viverra at, sagittis id, sem. Donec nonummy, sem eu hendrerit vulputate, nunc urna molestie eros, et semper nunc mi at ipsum. Praesent tempus malesuada felis. </td>
  </tr>
</table>
Avatar billede d.kryger Praktikant
23. juni 2005 - 10:49 #2
Det giver det samme resultat for mig... Desværre...
Avatar billede d.kryger Praktikant
23. juni 2005 - 11:32 #3
Jeg har nu prøvet med at sætte dette ind i <img>  style='position: relative; left=-3px;'
Det virker...
Avatar billede olebole Juniormester
23. juni 2005 - 12:17 #4
<ole>

Hvis den slags 'panik-løsninger' er nødvendige, må det skyldes, du har mistet overblikket over koden. Fejlen ligger med garanti et andet sted i koden ... ikke i det, du har vist her  ;o)

/mvh
</bole>
Avatar billede d.kryger Praktikant
23. juni 2005 - 13:17 #5
Jeg mener nu ikke at det er en panik løsning. Kan du få Roenving's løsning til at virke? Jeg kan ikke. Det giver det samme resultat.

Jeg tror ikke at jeg har mistet overblikket, da det jo kun drejer sig om en enkelt tabel. Men jeg vil meget gerne have en løsning som virker i alle browsere, hvis nogen kan komme med det...
Avatar billede d.kryger Praktikant
23. juni 2005 - 13:24 #6
Hele min kode ser sådan ud (og "fejlen" kommer stadig i IE):

<html>

<head>
<title>Ny side 1</title>
</head>

<body>

<table border="0" width="100%" bgcolor="#00FFFF" cellspacing="0" cellpadding="0">
<tr>
<td width="100%"><img border="0" src="/logo.jpg" width="67" height="82" align="right"></td>
</tr>
</table>

</body>

</html>
Avatar billede olebole Juniormester
23. juni 2005 - 13:39 #7
Hvis det er hele koden, kan jeg godt forestille mig, du kan få problemer. Prøv at gøre det til et HTML-dokument ... så går det nok bedre:

<!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>Ny side 1</title>
<style type="text/css">
body, html {
    height: 100%;
    margin: 0px;
    padding: 0px;
}
</style>
</head>
<body>

<table style="width:100%;background-color:#00FFFF" border="0" cellspacing="0" cellpadding="0">
<tr>
    <td width="100%"><img border="1" src="/logo.jpg" width="67" height="82" align="right"></td>
</tr>
</table>

</body>
</html>
Avatar billede d.kryger Praktikant
23. juni 2005 - 13:47 #8
Kan det passe at det er denne som gør det:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">

I så fald, hvilke andre typer tekst og meta bør man have på sin hjemmeside?
Avatar billede Slettet bruger
24. juni 2005 - 12:14 #9
Den DOCTYPE (eller en anden korrekt DOCTYPE inkl. URL) skal til for at få IE til at forsøge at forstå CSS bare sådan nogenlunde.

Og den anden:
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

er en meget god ide at have med, for at browsere ikke skal gætte på hvilket tegnsæt du bruger.

Og det er sådan set det.
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