Re: CSS - kłopot z tabelami - Grupy dyskusyjne w eGospodarka.pl

eGospodarka.pl › Grupy › pl.comp.www › CSS - kłopot z tabelami › Re: CSS - kłopot z tabelami

Path: news-archive.icm.edu.pl!news.icm.edu.pl!.POSTED!not-for-mail
From: Marek <p...@s...com>
Newsgroups: pl.comp.www
Subject: Re: CSS - kłopot z tabelami
Date: Wed, 11 Jul 2012 10:42:41 +0200
Organization: ICM, Uniwersytet Warszawski
Lines: 58
Message-ID: <ybwjv3g1289v.1lc4mgmrrj1nl$.dlg@40tude.net>
References: <ck6hwoti365c$.1eum87u0qe068.dlg@40tude.net>
<jtidsi$le7$1@inews.gazeta.pl>
NNTP-Posting-Host: 89-69-245-229.dynamic.chello.pl
Mime-Version: 1.0
Content-Type: text/plain; charset="utf-8"
Content-Transfer-Encoding: 8bit
X-Trace: news.icm.edu.pl 1341996165 19684 89.69.245.229 (11 Jul 2012 08:42:45 GMT)
X-Complaints-To: u...@n...icm.edu.pl
NNTP-Posting-Date: Wed, 11 Jul 2012 08:42:45 +0000 (UTC)
User-Agent: 40tude_Dialog/2.0.15.41pl
Xref: news-archive.icm.edu.pl pl.comp.www:401159
[ ukryj nagłówki ]
Dnia Wed, 11 Jul 2012 01:29:21 +0200, Cezary Tomczyk napisał(a):

> W dniu 2012-07-11 00:38, Marek pisze:
>> Witam,
>>
>> Czy ktoś z Was wie dlaczego pod obrazkiem rysuje się zielona linia o
>> grubości ok 3 px? Przynajmniej pod IE9. Gdy włączę tryb kompatybilności
>> wstecznej - linia znika i wszystko wygląda poprawnie.
>>
>> Gdy dostawimy kolejne wiersze (kopiując ten jeden), to każdy z nich będzie
>> miał tą linię. Tak jakby narzucony był padding-bottom: 3px dla <td>.
>>
>> Jak się pozbyć tego dziwacznego efektu?
>>
>> Pozdrawiam,
>> Marek
>>
>> <!DOCTYPE HTML>
>> <html>
>> <head>
>> <meta charset="utf-8">
>> <title>Bez tytulu</title>
>> <style>
>> table {
>> border-collapse:collapse;
>> background-color:#00FF00;
>> }
>> td {
>> padding: 0;
>> line-height: 100%;
>> }
>
> Dodałbym:
>
> td img{
> display:block;
> }
>
>> </style>
>> </head>
>>
>> <body>
>> <table>
>> <tr>
>> <td><img src="pictures/p1.jpg" width="218" height="95"></td>
>> </tr>
>> </table>
>> </body>
>> </html>
>>

Za dużo z kodu wyciąłem aby uprościć przykład :(

<td><img src="pictures/p1.jpg" width="218" height="95"><img
src="pictures/p1.jpg" width="218" height="95"></td>

Chciałbym aby te obrazki były obok siebie. Czyli display: inline-block ale
to też nie działa.