Zarovnání textu VEDLE obrázku

Úvodní stránka Fórum podpory WordPressu Problémy s WordPressem Zarovnání textu VEDLE obrázku

Štítky: 

Zvolené téma obsahuje celkem 4 odpovědi. Do diskuze (4 účastníci) se naposledy zapojil uživatel  Lucie a poslední změna je stará 1 týden, 2 dny.

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

    offsign
    Participant

    Zdravím,
    řeším zarovnání textu vedle obrázku, který je zarovnán doleva, přičemž chci, aby text byl zarovnán vedle obrázku (vpravo), ale neobtékal ho, pokud text přesáhne velikost obrázku.

    Zde je patrné, jak to vypadá nyní:LINK

    A chci, aby to vypadalo takto:LINK

    Řeším to v klasickém textovém editoru ve WP. Bohužel styly jako float obrázku left a textu right či overflow:hidden nefunguje.

    Díky za případnou pomoc.

    #39380

    Karel Řehák
    Participant
    Web

    Tabulka a dva sloupce?

    #39381

    offsign
    Participant

    No to jsem zkoušel, nepřijde mi to ale úplně responsible řešení. :/

    #39382

    flashrad
    Participant

    flex?

    #39392

    Lucie
    Participant
    Web

    Toto opravdu jedině například stylováním. Mohlo by to vypdat takto:
    do CSS přidáte:
    .row{
    display: flex;
    flex-wrap: wrap;
    }
    .column-jedna {
    flex: 30%;
    padding:20px; /*pokud nechcete mít kolem okraje, nemusíte tuto hodnotu uvádět
    }

    .column-dva{
    flex: 70%;
    padding:20px; /*pokud nechcete mít kolem okraje, nemusíte tuto hodnotu uvádět
    }

    v Editoru pro psaní překlepněte na HTML a vložte <div> značky:
    <div class=”row”>
    <div class=”column-jedna”>URL vašeho obrázku</div>
    <div class=”column-dva”>text</div>
    </div>

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

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