eGospodarka.pl
eGospodarka.pl poleca

eGospodarka.plGrupypl.comp.wwwLayout na tabelach czy CSS?
Ilość wypowiedzi w tym wątku: 16

  • 1. Data: 2009-09-15 09:14:00
    Temat: Layout na tabelach czy CSS?
    Od: "Marek" <m...@s...interia.pl>

    Witam,

    Moim zadaniem jest zbudowanie galerii logotypów partnerów w postaci paru
    wierszy po kilka logo we wierszu. Każde zdjęcie (logo) musi być wycentrowane
    w swojej "komórce" w pionie i w poziomie. Kazda z tych komórek będzie miała
    jednkakowe (białe) tło. Między komórkami będzie stały odstęp (brak tła).
    Samo sformułowanie "komórka" nasuwa realizację zadania za pomocą tabeli.
    Chciałbym dowiedzieć się czy właściwie podchodzę do realizacji odrzucając
    CSS i DIVy? Z tego co pamiętam, to zadanie jest niewykonalne na CSS i
    DIVach.

    Pozdrawiam,
    Marek



  • 2. Data: 2009-09-15 09:30:56
    Temat: Re: Layout na tabelach czy CSS?
    Od: Peter May <p...@p...fm>

    Marek pisze:
    > Witam,
    >
    > Moim zadaniem jest zbudowanie galerii logotypów partnerów w postaci paru
    > wierszy po kilka logo we wierszu. Każde zdjęcie (logo) musi być wycentrowane
    > w swojej "komórce" w pionie i w poziomie. Kazda z tych komórek będzie miała
    > jednkakowe (białe) tło. Między komórkami będzie stały odstęp (brak tła).
    > Samo sformułowanie "komórka" nasuwa realizację zadania za pomocą tabeli.
    > Chciałbym dowiedzieć się czy właściwie podchodzę do realizacji odrzucając
    > CSS i DIVy? Z tego co pamiętam, to zadanie jest niewykonalne na CSS i
    > DIVach.

    Osobiście poszedłbym w kierunku zwykłej listy <ul>. Chociaż z drugiej
    strony zdjęcia to również dane, które IMHO semantycznie pasują do
    tabeli. Np.:

    <table>
    <caption>Tabela zdjęć</caption>
    <thead><tr><th>L.p.</th><th>Nazwa zdjęcia</th><th>Zdjęcie</th></tr></thead>
    <tbody><tr><td>1</td><td>Opis zdjęcia</td><td><img.../></td></tr></tbody>
    </table>

    Hm...

    --
    Peter


  • 3. Data: 2009-09-15 10:16:50
    Temat: Re: Layout na tabelach czy CSS?
    Od: "Marek" <m...@s...interia.pl>

    > Osobiście poszedłbym w kierunku zwykłej listy <ul>. Chociaż z drugiej
    > strony zdjęcia to również dane, które IMHO semantycznie pasują do tabeli.
    > Np.:
    >
    > <table>
    > <caption>Tabela zdjęć</caption>
    > <thead><tr><th>L.p.</th><th>Nazwa
    > zdjęcia</th><th>Zdjęcie</th></tr></thead>
    > <tbody><tr><td>1</td><td>Opis zdjęcia</td><td><img.../></td></tr></tbody>
    > </table>

    Tabela dla mnie jest ostatecznością ponieważ jest z nią problem tego typu,
    że odstęp między komórkami rysuje się wokół nich. Tymczasem odstęp chciałbym
    trzymać po prawej i na dole od komórki. Chcę ją zastosować tylko dlatego, że
    a się centrować obrazek w pionie.

    Czy w <ul> da się wyrównywać w pionie zawartość tego co jest w <li> ?



  • 4. Data: 2009-09-15 10:25:26
    Temat: Re: Layout na tabelach czy CSS?
    Od: Paweł Piskorz <n...@p...nie?>

    Marek wrote:
    > Czy w <ul> da sie wyrównywaae w pionie zawarto?ae tego co jest w <li> ?

    Jeżeli mowa o <img/>, to tak - ustawiasz line-height na maksymalną
    wysokość obrazka i dla img { vertical-align:middle; }


  • 5. Data: 2009-09-15 12:29:04
    Temat: Re: Layout na tabelach czy CSS?
    Od: "Marek" <m...@s...interia.pl>

    > Jeżeli mowa o <img/>, to tak - ustawiasz line-height na maksymalną
    > wysokość obrazka i dla img { vertical-align:middle; }

    Bardzo sprytne ! :-)
    A czy jest jakiś sposób na wyrównanie w pionie dowolnej zawartości
    "komórki". Zakładam, że "komórka" ma narzuconą wysokość.



  • 6. Data: 2009-09-15 13:36:46
    Temat: Re: Layout na tabelach czy CSS?
    Od: "Konrad" <k...@o...pl>

    > Tabela dla mnie jest ostatecznością ponieważ jest z nią problem tego typu,
    > że odstęp między komórkami rysuje się wokół nich. Tymczasem odstęp
    > chciałbym trzymać po prawej i na dole od komórki. Chcę ją zastosować tylko
    > dlatego, że a się centrować obrazek w pionie.

    Do ustalania tych wartości służą polecenia cellpadding i cellspacing np.:
    <table cellpadding=0 cellspacing=5> oznacza, że margines zewnętrzy między
    komórkami ma wynosić 0px, a margines wewnętrzny w komórce 5px. Jeżeli nie
    zdefiniujesz tych wartości to cellpadding i cellspacing są standardowo
    ustawiane na 1px - stąd odstępy między komórkami.


  • 7. Data: 2009-09-15 13:49:45
    Temat: Re: Layout na tabelach czy CSS?
    Od: Peter May <p...@p...fm>

    Marek pisze:
    >> Jeżeli mowa o <img/>, to tak - ustawiasz line-height na maksymalną
    >> wysokość obrazka i dla img { vertical-align:middle; }
    >
    > Bardzo sprytne ! :-)
    > A czy jest jakiś sposób na wyrównanie w pionie dowolnej zawartości
    > "komórki". Zakładam, że "komórka" ma narzuconą wysokość.

    Wprawdzie mowa o tekście, ale... spróbuj coś poszukać tutaj:
    http://www.cssmania.pl/csswiki/index.php?title=Cente
    ringTextVertically

    --
    Peter


  • 8. Data: 2009-09-15 17:16:42
    Temat: Re: Layout na tabelach czy CSS?
    Od: "Marek" <m...@s...interia.pl>

    > Do ustalania tych wartości służą polecenia cellpadding i cellspacing np.:
    > <table cellpadding=0 cellspacing=5> oznacza, że margines zewnętrzy między
    > komórkami ma wynosić 0px, a margines wewnętrzny w komórce 5px. Jeżeli nie
    > zdefiniujesz tych wartości to cellpadding i cellspacing są standardowo
    > ustawiane na 1px - stąd odstępy między komórkami.


    Tak, to wiem. A jak zdefiniować aby cellspacing po lewej i u góry wynosił 0
    a po prawej i na dole 10 ? Właśnie o tym mowa.



  • 9. Data: 2009-09-15 17:31:14
    Temat: Re: Layout na tabelach czy CSS?
    Od: "Marek" <m...@s...interia.pl>

    > Wprawdzie mowa o tekście, ale... spróbuj coś poszukać tutaj:
    > http://www.cssmania.pl/csswiki/index.php?title=Cente
    ringTextVertically

    Dzięki :)
    Poczytałem sobie. Jest jakieś tam obejście jednakże kodu i to lewego trzeba
    sporo napakować aby to działało. 3 div'y zagnieżdżone plus style, które
    rozumie IE a ignorują inne browsery - to już walka z wiatrakami. Tabela to
    pikuś przy takim rozwiązaniu. Chyba trzeba zaczekać na kolejne wersje IE
    albo na śmierć tej przeglądarki. Do tego czasu prościej stosować tabele -
    chyba to właściwy morał.



  • 10. Data: 2009-09-15 17:49:11
    Temat: Re: Layout na tabelach czy CSS?
    Od: Peter <p...@p...fm>

    Marek pisze:
    >> Do ustalania tych wartości służą polecenia cellpadding i cellspacing np.:
    >> <table cellpadding=0 cellspacing=5> oznacza, że margines zewnętrzy między
    >> komórkami ma wynosić 0px, a margines wewnętrzny w komórce 5px. Jeżeli nie
    >> zdefiniujesz tych wartości to cellpadding i cellspacing są standardowo
    >> ustawiane na 1px - stąd odstępy między komórkami.
    >
    >
    > Tak, to wiem. A jak zdefiniować aby cellspacing po lewej i u góry wynosił 0
    > a po prawej i na dole 10 ? Właśnie o tym mowa.

    table{
    border-collapse:collapse;
    }
    td{
    padding:0 0 1em 1em;
    }

    --
    Peter

strony : [ 1 ] . 2


Szukaj w grupach

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: