Problém s tabulkou ve WP

Zvolené téma obsahuje celkem 11 odpovědí. Do diskuze (4 účastníci) se naposledy zapojil uživatel  Bigdrobek a poslední změna je stará 10 let, 11 měsíců.

Aktuálně je na stránce zobrazeno 12 příspěvků - 1. až 12. (z celkem 12)
  • Autor
    Příspěvky
  • #1563

    EiPa
    Participant

    Zdravim,

    mam problem s tabulkou ve WP. Delam jednoduchej seznam zamestnancu – tabulka o dvou bunkach, v prvni bunce je fotka, v druhe jmeno, tel., mejl…

    Tabulka se sklada pouze z parovych tagu <table><tr><td>, zarovnani nahoru (valign=”top”).

    Problem je, ze text v druhe bunce je odskocen az pod fotku (tam kde je pravy dolni roh fotky, vice mene zacina text). v editoru stranky se to zobrazi spravne. V prohlizeci (IE i FF) uz je to spatne.

    WP 3.3.1, tema Yoko

    Dik za radu

    #11210

    neteyescz
    Participant

    Používáte plugin? Osobně pro práci s tabulkami doporučuji plugin WP-TABLE – http://wordpress.org/extend/plugins/wp-table-reloaded/ .

    #11211

    EiPa
    Participant

    Psal jsem to rucne v html, pak sem si stahnul TinyMCE. Efekt zadny.

    #11212

    neteyescz
    Participant

    Zkuste zmíněný plugin, hodněkrát to pomůže.

    #11213

    EiPa
    Participant

    Zkusil jsem ten plugin. Kdyz jsem v nastaveni vypnul, aby pouzival vlastni stylovani tabulek, tudiz aby se aplikovaly css sablony, dela to stejne. Takze problem bude nekde s css?. Dival sem se, ale nic zajimavyho jsem nenasel. Kdyz udelam tabulku jen s textem, tak je vse OK. Fotka je proste fotka, nevim co by sni mohlo byt spatne.

    #11214

    neteyescz
    Participant

    Je to s tím CSS možné, zkusil bych ještě pár pluginů a My se na to případně podíváme…

    #11215

    EiPa
    Participant

    Zkusil jsem to udelat na jinych strankach. Je tam stejna verze WP, zakladni sablona Twenty Eleven 1.3. Udela to stejnou chybu.

    Takhle vypada zdrojak tabulky:

    https://docs.google.com/open?id=0B1Q7qstYtZh6OWNSVzBwN2Q4RHc

    Takhle vysledek tabulky:

    https://docs.google.com/open?id=0B1Q7qstYtZh6Q0VDUjhfaVNHVkk

    #11216

    neteyescz
    Participant

    Podivné, ještě napíší adminovi a oba se na to podíváme… Díky za screeny.

    #11217

    admin
    Keymaster
    Web

    Sice nejsem žádný CSS odborník, ale řekl bych, že většina šablon používá nějaký reset pro CSS (např. Twenty Eleven používá tento). Tam je definována i základní hodnota pro vlastnost vertical-align, tedy zarovnání na výšku. V souboru style.css je tedy definováno (zkráceno):

    table, caption, tbody, tfoot, thead, tr, th, td {
    vertical-align: baseline;
    }

    Přímo v tabulce pak sice používáte valign, ale to je zastaralý a nadále nepodporovaný atribut se stejným významem. Předpokládám, že moderní prohlížeče ho dnes ignorují, případně mu dávají nižší prioritu (uvítám názor nějakého odborníka, proč je valign ignorován či má nižší prioritu). Takže je v tabulce vše zarovnáno dolů. Musíte do souboru style.css (na konec) přidat následující kód:

    td {
    vertical-align: top;
    }

    A pokud to takto chcete pouze pro vybranou tabulku (nebo jen dokonce nějaký sloupec), tak nepoužívejte valign, ale označte tabulku (sloupec) nějakou třídou, kterou pak můžete snadno definovat v souboru style.css.

    P.S. Lepší než top je myslím hodnota middle, ale to záleží na vkusu.

    #11218

    EiPa
    Participant

    PROBLEM VYRESEN. Bylo to presne tak, jak rika Admin. Clovek na to kouka, ale nevidi… Dikec, jeste ze vas mame :-)

    #11219

    admin
    Keymaster
    Web

    Duplicitní dotaz byl položen také zde.

    #11221

    Bigdrobek
    Participant
    Web

    tak tohle mě taky pomohlo :)

Aktuálně je na stránce zobrazeno 12 příspěvků - 1. až 12. (z celkem 12)

Pokud chcete odpovědět na toto téma, musíte se nejdříve přihlásit.

WordPress – novinky, návody a zajímavosti