HTML zalomení textu (řádků)

Zvolené téma obsahuje celkem 5 odpovědí. Do diskuze (2 účastníci) se naposledy zapojil uživatel  Martas23 a poslední změna je stará 4 roky, 8 měsíců.

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

    Martas23
    Participant

    Zdravím,

    mám tento kód napsaný na stránce se články vedle obrázků.
    Bohužel při zobrazení na mobil. zařízení je to celé posunuté.
    Když pozici změním na “relative”, tak mi text začne lézt do sidebaru a ještě se mi to zase špatně zobrazuje na notebooku.

    Prosím poradíte co s tím?

    Děkuju.

    <span style="font-family: Open Sans, sans-serif"><span style="position: absolute; left: 380px">[excerpt wordlimit=30]</span>

    #27580

    admin
    Keymaster
    Web

    Pro zkrácený zápis (shortcode) na zobrazení příspěvků používáte nějaký plugin? Nemůže to nějak způsobovat on? Zápis určitě také generuje nějaké HTML, které je už nějak nastylované…

    Použití absolutního umístění 380 pixelů zleva není pro mobilní zařízení určitě ideální, v tomto případě to bude odsazeno bez ohledu na velikost obrazovky. Ale nevím, jak to vypadá na webu, proč tam máte zrovna tento rozměr a jakou používáte šablonu? Nestačilo by v editoru využít třeba jen zarovnání na střed a neřešit přesné rozměry? Řeší použitá šablona vůbec nějak mobilní zobrazení? Z něj byste měl vycházet a inspirovat se, není vhodné přímo do editoru doplnit jen nějaké inline kaskádové styly. Většinou to jde vcelku snadno vyřešit a najít nějakou nejméně obtížnou cestu…

    #27606

    Martas23
    Participant

    Pro shortcode používám plugin W4 Post list.Už vím, že absolutní umístění je pro responsivní stránku špatné. Zkusil jsem to změnit na relavitní a to se mi rozhodí po celé stránce. Na webu to vypadá takto: http://www.martinnetrval.cz/recenze-a-clanky/
    – je to nyní nastaveno na relativni position. :-( Šablonu mám Harmonux. Tím zarovnání na střed myslíte postiton: center?? Jiné stránky sena mobilních zařízení zobrazují dobře, tak myslím, že šablona bude na to nastevená.

    #27607

    admin
    Keymaster
    Web

    Už to vidím, šablona je nejnovější HarmonUX Core, ale bohužel moc nechápu, proč jsou “Recenze a články” jako stránka na kterou je vložen výpis příspěvků pomocí zkráceného zápisu pluginu W4 Post List. Nebylo by jednodušší použít prostě rubriku a nechat příspěvky vypisovat tak, jak to bylo autory WordPressu zamýšleno?

    Pokud to ale opravdu z nějakého důvodu potřebujete tímto způsobem, tak je asi vhodnější přiřadit pro každý náhledový obrázek zarovnání doleva pomocí float: left; a následně zarovnání odstranit u každého nadpisu pomocí clear: both; (+ patrně dořešit horní odsazení). Ale je vhodnější to řešit na úrovni kaskádových stylů (např. odvozená šablona) a nikoli to vkládat natvrdo do vizuálního editoru…

    #27609

    Martas23
    Participant

    Děkuji za odpověď. Vím jak to myslíte s těmi rubrikami, zkusím si s nimi pohrát.

    Přeji hezký den.

    #27615

    Martas23
    Participant

    Tak jsem s s tím pohrál a nyní to vypadá takto: http://www.martinnetrval.cz/category/recenze-a-clanky/. Je to vytvořené přes rubriky. Ještě bych potřeboval ten text, publikování a pokračování ve čtení posunout vedle obrázku. Zatím jsem nenašel v editoru jak na to….

    Půjde to??

    Děkuji.

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

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