eGospodarka.pl
eGospodarka.pl poleca

eGospodarka.plGrupypl.comp.wwwCSS - kłopot z tabelamiRe: 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.

Podziel się

Poleć ten post znajomemu poleć

Wydrukuj ten post drukuj


Następne wpisy z tego wątku

Najnowsze wątki z tej grupy


Najnowsze wątki

Szukaj w grupach

Eksperci egospodarka.pl

1 1 1

Wpisz nazwę miasta, dla którego chcesz znaleźć jednostkę ZUS.

Wzory dokumentów

Bezpłatne wzory dokumentów i formularzy.
Wyszukaj i pobierz za darmo: