[html/css] Raar probleem met cel-padding... - Softwareontwikkeling

dinsdag 28 juni 2005 02:43

Acties:

Verwijderd

Topicstarter

Ik heb een raar probleem met een doodsimpele table.
Ik ben mijn site aan het omschrijven van HTML 4.01 naar XHTML 1.0 Strict. Hierbij kom ik het volgende probleem tegen:

Afbeeldingslocatie: http://members.home.nl/han.smeets/table-cel-probleem.jpg

Afbeeldingslocatie: http://members.home.nl/han.smeets/table-cel-probleem.jpg

Die margin onder het plaatje hoort er dus niet... Maar ik krijg hem met geen mogelijkheid weg... (alleen door de xhtml doctype weg te halen)

HTML:

<!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" xml:lang="nl" lang="nl">

<head>

<style type="text/css">
BODY{margin: 0px; padding:0px;}
TABLE{margin: 0px; padding:0px;}
TR{margin: 0px; padding:0px;}
TD{margin: 0px; padding:0px;}
IMG{margin: 0px; padding:0px;}
</style>

</head>

<body>

<table border="0" width="128" cellpadding="0" cellspacing="0">
  <tr>
    <td style="width: 128px; background-color: #ff0000;">
      [img]"test.jpg"[/img]
    </td>
  </tr>
</table>

</body>

</html>

Heeft iemand ervaring met dit probleem?

dinsdag 28 juni 2005 02:48

Acties:

RobIII

Admin Devschuur®

^ Romeinse Ⅲ ja!

haal die enters voor en na de img eens weg? (dus <td>bla</td>)... IE wil daar nog wel eens raar op doen. Just to be sure hoor...

[ Voor 19% gewijzigd door RobIII op 28-06-2005 02:53 ]

There are only two hard problems in distributed systems: 2. Exactly-once delivery 1. Guaranteed order of messages 2. Exactly-once delivery.

Je eigen tweaker.me redirect

Over mij

dinsdag 28 juni 2005 02:59

Acties:

Verwijderd

Topicstarter

RobIII schreef op dinsdag 28 juni 2005 @ 02:48:
haal die enters voor en na de img eens weg? (dus <td>bla</td>)... IE wil daar nog wel eens raar op doen. Just to be sure hoor...

Ook handig om te vermelden

, het probleem doet zich alleen in FF voor, was ik vergeten te zeggen...

Zonder enter doet hetzelfde...

code:

1
2
3

<tr>
<td style="width: 128px; background-color: #ff0000;">[img]"test.jpg"[/img]</td>
</tr>

[ Voor 16% gewijzigd door Verwijderd op 28-06-2005 03:00 ]

dinsdag 28 juni 2005 03:17

Acties:

RobIII

Admin Devschuur®

^ Romeinse Ⅲ ja!

IE doet het ook hoor

En als je die enters weg haalt niet meer

Maar goed, dat lost je probleem natuurlijk niet op en houdt het probleem zelfs onder FF...

/Hier stond een ontzettend domme opmerking...

Enniehoe, ik zou er graag nog even naar kijken, maar ik ben pitten

[ Voor 175% gewijzigd door RobIII op 28-06-2005 03:21 ]

There are only two hard problems in distributed systems: 2. Exactly-once delivery 1. Guaranteed order of messages 2. Exactly-once delivery.

Je eigen tweaker.me redirect

Over mij

dinsdag 28 juni 2005 03:28

Acties:

Verwijderd

Topicstarter

RobIII schreef op dinsdag 28 juni 2005 @ 03:17:
IE doet het ook hoor En als je die enters weg haalt niet meer

Maar goed, dat lost je probleem natuurlijk niet op en houdt het probleem zelfs onder FF...

/Hier stond een ontzettend domme opmerking...

Enniehoe, ik zou er graag nog even naar kijken, maar ik ben pitten

Oke dan, ik hoop dat je morgen dan nog even tijd hebt, want zoals je hieronder kunt zien is het toch een behoorlijk vervelend probleem

Afbeeldingslocatie: http://members.home.nl/han.smeets/table-cel-probleem2.jpg

dinsdag 28 juni 2005 04:17

Acties:

Verwijderd

Google > 4e hit:

Inline images are correctly positioned on the baseline and not the bottom of the current line. Hence the small gap underneath them, this being where the descenders of relevant characters would be drawn.

You should set the img tag to "vertical-align: bottom" if you want to appear at the bottom of the container.

En met "top" werkt het ook.

dinsdag 28 juni 2005 07:41

Acties:

Vinzzz243

zet in je stylesheet eens display:block bij je IMG...

[ Voor 75% gewijzigd door Vinzzz243 op 28-06-2005 07:44 ]

dinsdag 28 juni 2005 10:45

Acties:

Tonio

terrible gibberish

Ligt het niet gewoon aan dat die plaatjes van die vlaggen rechts te hoog zijn? Althans, als het in FF hetzelfde doed, is het niet dat gezeik met die whitespaces, waarvoor de display:block oplossing werkt

D200|F90x|Leica M6|Yashica T3|Hasselblad 503cx
Nikon: 12-24/4|17-35/2.8|10,5mm/2.8|30mm/1.4|50mm/1.4|85mm/1.8|SB-800|SB-24|SB-26|MC-36
Zeiss: 80mm/2.8 50mm/4 ZM: 35mm/2
When the going gets weird... the weird turn pro

dinsdag 28 juni 2005 12:26

Acties:

Verwijderd

Topicstarter

Bedankt! Display:block en vertical-align deden allebei de truuk!