Avatar billede eazye Nybegynder
15. februar 2009 - 16:32 Der er 7 kommentarer og
1 løsning

Chrome indsætter mellemrum i td

God søndag eksperter..

Jeg har et problem efter jeg fik tilføjet..

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" lang="da">

.. som det jo skal gøres. Problemet er, at Google Chrome browseren ikke vil lade et <img> element fylde hele højden af en celle.

<td style="background-color:#FF9900"><img src="billede.png"></td>

så er billedet i cellen men hele vejen under billedet kan man se den orange farve, som cellen har som baggrundsfarve..

Er der nogen der har en løsning på dette?
Avatar billede Slettet bruger
15. februar 2009 - 17:19 #1
Heysa!:)

Jeg tror at <table cellpadding="0"> ville være løsningen, det virker hos mig.. :-)
Avatar billede eazye Nybegynder
15. februar 2009 - 17:21 #2
cellpadding og cellspacing er begge sat til 0!
Avatar billede Slettet bruger
15. februar 2009 - 17:22 #3
Min kode er:
<table cellpadding="0">
    <tr>
       
          <td style="background-color:#FF9900"><img src="http://www.projektlovemusic.dk/Images/MusicDB_logo_Beta.png"></td>

    </tr>
</table>


Kan du ikke vise mig lidt mere af din kode?
Avatar billede eazye Nybegynder
15. februar 2009 - 17:27 #4
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html>
<body>
<table cellpadding="0" cellspacing="0">
  <tr>
    <td style="background-color:#FF9900;"><img src="http://www.projektlovemusic.dk/Images/MusicDB_logo_Beta.png"></td>
</table>
</body>
</html>

værsgo.. og husk lige at det skal ses i Google Chrome..
Avatar billede eazye Nybegynder
15. februar 2009 - 17:27 #5
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html>
<body>
<table cellpadding="0" cellspacing="0">
  <tr>
    <td style="background-color:#FF9900;"><img src="http://www.projektlovemusic.dk/Images/MusicDB_logo_Beta.png"></td>
  </tr>
</table>
</body>
</html>

glemte lige en tr.. prøv igen
Avatar billede Slettet bruger
15. februar 2009 - 17:47 #6
Jeg har fundet den her løsning:

Kode:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html>
<body>
<table cellpadding="0" cellspacing="0" >
  <tr>
    <td style="background-color:#FF9900; font-size:0px;"><img src="http://www.projektlovemusic.dk/Images/MusicDB_logo_Beta.png" alt="Billede" /></td>
  </tr>
</table>
</body>
</html>

Det kan sikkert gøres på en anden måde, men der måde virker i Chrome, FF og IE.. :-)

ps.
Altid god idé med alt og /> i <img>
Avatar billede eazye Nybegynder
15. februar 2009 - 17:52 #7
tak skal du ha..!
Avatar billede Slettet bruger
15. februar 2009 - 17:54 #8
Var så lidt!:-)
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