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 rok, 8 měsíců.
-
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.
No to jsem zkoušel, nepřijde mi to ale úplně responsible řešení. :/
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>
Pokud chcete odpovědět na toto téma, musíte se nejdříve přihlásit.
WordPress – novinky, návody a zajímavosti