Zarovnání

[YoshiParticipant]

Zdravím,

mám obrázek zarovnaný nalevo a potřebovala bych vedle něj, vpravo, mít text. Obyčejný text se mi zarovná správně, ale když přidám odrážky (unordered list), tak se mi vloží až pod obrázek. A zbytek textu pod nimi také.
V administraci jsou odrážky na správném místě, ale jsou oproti normálnímu textu posunuté více doleva.

Prosím, můžete mi někdo poradit, jak to vyřešit?

Děkuji

[gladosParticipant Web]

Zdravím,

Chtělo by to ukázku webu, případně šablony, takhle od ruky střílet by nebylo ideální ;)

[YoshiParticipant]

Šablona je Zerif PRO

Attachments:

1. 

   Snímek-obrazovky-359.png
   

2. 

   Snímek-obrazovky-360.png
   

[JKovacParticipant]

Dobrý den,

před pár dny jsem něco podobného řešil tady. Zkuste se podívat, jestli by to nebylo lepší řešení.

Případně by byl opravdu lepší odkaz přímo na stránky, aby Vám mohl někdo poradit úpravu CSS.

[YoshiParticipant]

Děkuji, ale řešení pomocí tabulky mi bohužel nevyhovuje.

Zde je odkaz na stránky: http://vet-kuk3.delta-studenti.cz/pro-uchazece/pruvodce-skolou/syrarna-a-masna-vyroba/

[JKovacParticipant]

Tak na to musíme složitěji :)

Je tady pár problémů:

• jesli se nepletu, tak používáte placenou verzi šablony Zerif PRO 1.8.6.4 kterou nemáme možnost vyzkoušet
• máte starou verzi WP 4.6.3 která neumožňuje vkládat vlastní CSS

Takže nejdříve bude zapotřebí nainstalovat plugin, který Vám umožní vkládat vlastní CSS například Custom CSS and Javascript a snad to dáme dohromady i bez toho, že si to vyzkouším u sebe.

Po instalaci a aktivaci pluginu jděte do administrace – Vzhled – Custom CSS a vložte zde tento kód

.entry-content div {
    overflow: hidden;
}
.entry-content ul {
    clear: none;
}
ul, ol {
    margin: 1em 0 1.5em 3em;
}

[YoshiParticipant]

Když použiji tyto styly, tak se to již zarovnává dobře. Jen nejsou vidět odrážky. Dalo by se to ještě nějak vyřešit?

[YoshiParticipant]

Ale bohužel mi použití těchto stylů rozhodí jiné stránky.

[JKovacParticipant]

Úpravy na stránkách nevidím, zřejmě jste kód hned smazala. Nevadí. Zkusíme tedy na to jít postupně.

Zkuste nejdříve vložit pouze

.entry-content ul {
    clear: none;
}

Toto by mělo zrušit čekání na ukončení plovoucího obrázku, takže by se měl seznam posunout vedle obrázku, ale bohužel odrážky nebudou zarovnané s textem.

[YoshiParticipant]

Když napíšu clear: none !important;, tak se text posune na správné místo. Ovšem odrážky zůstávají na levé straně a text není posunutý.

[Autor]

Příspěvky