WordPress ne/funguje obtékání textu kolem obrázku

[VladaParticipant]

Všem přeji hezký den.

Pracuji s wordpressem a nemohu vyřešit problém obtékání textu kolem obrázku. Gůglil jsem, ale nenašel řešení. V čem je tedy problém: Při vytváření příspěvku vkládám obrázky a na pravou stranu obrázek popisuji textem. V náhledu příspěvku (v administraci) vypadá vše ok. Výsledek na skutečné stránce je ovšem jiný (rozházený). Nejlépe je to vidět na obrázku v příloze.

Můžete mi prosím někdo poradit v čem by mohl být problém?

Vláďa D.

[VladaParticipant]

Příloha – WordPress_problem.jpg

Attachments:

1. 

   WordPress_problem.jpg
   

[JKovacParticipant]

Dobrý den,

problém je v tom, že administrace používá jiný styl než šablona. Bohužel je to běžné a převážně špatně řešitelné. Mnohé šablony používají úplně jiné rozložení než administrace (celostránkové, pravý – levý sidebar atd. kdežto administrace je převážně dána) a to prostě nejde dát dohromady. Dívám se že používáte plugin TinyMCE Advanced, ten sice umí načíst externí CSS soubor a dle něho poté zobrazuje v administraci “skoro” skutečný vzhled odpovídající stránkám, ale tento CSS soubor by se musel vytvořit.

Napadá mě spíše jednodušší řešení.
Pomocí pluginu TinyMCE Advanced máte možnost vytvářet i tabulky.
Vytvořte si tabulku o dvou sloupcích, kde do pravého sloupce vkládejte obrázky (vždy jeden do jednoho řádku) a do levého popis k obrázkům. Vše bude úhledné a zarovnané.

[VladaParticipant]

Děkuji za rychlou odpověď. Zkoušel jsem i tabulky, ale tam zase nevím jak zarovnat text v buňce nahoru – viz. přiložený soubor. Přikládám i obrázek html kódu.
Vláďa

Attachments:

1. 

   WordPress_problem_tabulky.jpg
   

[JKovacParticipant]

Pokud máte verzi WP 4.7 a vyšší vložte v administraci Vzhled – Přizpůsobit – CSS tento kód

td {vertical-align: top}

Zřejmě to neovlivní administraci, ale na stránkách by se měl text zarovnat nahoru.

[VladaParticipant]

Tak jsem zarovnání nahoru našel v nastavení tabulky. Teď už to vypadá přesně podle mých představ! Moc vám děkuji za radu!

Vláďa

[VladaParticipant]

Jen ještě malá drobnost – jak nastavit automatické zarovnávání textu na pravé straně? Při zvětšování obrazovky se to takhle překrývá – viz. příloha.

Attachments:

1. 

   WordPress_problem_tabulky_2.jpg
   

[JKovacParticipant]

Máte pravdu, úplně jsem zapomněl, že plugin TinyMCE toto umí.

Co se týče toho překrývání, všiml jsem si na obrázku o 3 příspěvky výše, že máte u buňky zadánu šířku přes 900px

<td style="width: 920,783px......

Tyto rozměry smažte tam, kde jste nastavoval zarovnání buňky. Buď zadejte takovou šířku, která se vleze do stránky, nebo nechte pole prázdné, tabulka by se měla zarovnat podle nadřazeného objektu. Tuto šířku musíte změnit u všech buněk. Stačí ji nechat u jediné buňky a tabulka se podle ní přizpůsobí celá

[VladaParticipant]

Perfektní! Děkuji, funguje to. Opravdu jsem se s tím celkem natrápil. Ještě jednou díky!
Vláďa

[Autor]

Příspěvky