Úvodní stránka › Fórum podpory WordPressu › Problémy s WordPressem › Problém s tabulkou ve WP
Štítky: CSS, Tabulky, valign, vertical-align
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á 13 let, 6 měsíců.
-
AutorPříspěvky
-
23. dubna 2012 (11:58) #1563
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
23. dubna 2012 (12:09) #11210Používáte plugin? Osobně pro práci s tabulkami doporučuji plugin WP-TABLE – http://wordpress.org/extend/plugins/wp-table-reloaded/ .
23. dubna 2012 (12:59) #11211Psal jsem to rucne v html, pak sem si stahnul TinyMCE. Efekt zadny.
23. dubna 2012 (18:48) #11212Zkuste zmíněný plugin, hodněkrát to pomůže.
24. dubna 2012 (6:20) #11213Zkusil 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.
24. dubna 2012 (13:38) #11214Je to s tím CSS možné, zkusil bych ještě pár pluginů a My se na to případně podíváme…
25. dubna 2012 (6:25) #11215Zkusil 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
25. dubna 2012 (15:42) #11216Podivné, ještě napíší adminovi a oba se na to podíváme… Díky za screeny.
25. dubna 2012 (16:28) #11217Sice 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.
26. dubna 2012 (8:12) #11218PROBLEM VYRESEN. Bylo to presne tak, jak rika Admin. Clovek na to kouka, ale nevidi… Dikec, jeste ze vas mame :-)
29. dubna 2012 (13:43) #112198. dubna 2013 (20:41) #11221 -
AutorPříspěvky
Pokud chcete odpovědět na toto téma, musíte se nejdříve přihlásit.