Autor Zpráva
Vendy
Profil
Dobrý den a ahoj,

narazila jsem při úpravě patičky webu, kam potřebuji dostat jen pár slov, na fakt, že mi šablona povoluje jen některé HTML štítky a atributy. Konkrétně tyto:

<b> <i> <a href="" title=""> <blockquote> <del datetime=""> 
<ins datetime=""> <img src="" alt="" /> <ul> <ol> <li> 
<code> <em> <strong> <div> <span> <h1> <h2> <h3> <h4> <h5> <h6> 
<table> <tbody> <tr> <td> <br /> <hr />

Barevnost a velikost písma jsem samozřejmě dala přes "span" a "hx", ale nedaří se mi to celé vycentrovat, protože <p> ani <div> to neumí a přes vycentrování tabulky (<tr>, <td>) se nic nestane, protože se sice vystředí, ale k levé straně. A úplný kolaps vyrábím při zadání
<a href="www.odkaz_někam.cz" title="Název odkazu">
to pak zmizí celá ta část.

Tak už nevím, jak dál. Otestovala jsem, co mne jen napadlo, a bez úspěchu. Bohužel vám živou ukázku nenabídnu, protože byste se osypali nad tím, jak je celá stránka rozvrtaná testováním.

Za každou radu předem děkuji,
Vendulka
Str4wberry
Profil
Přijde mi, že žádné atributy nepotřebujete a stačilo by jen v CSS přidat text-align: center pro patičku.

<div class="paticka">
  Obsah
</div>
Vendy
Profil
Str4wberry:
Já si nejsem jistá, zda to, čemu já říkám "patička", nazývá totožně i web. Ale když to prohlédnu přes Ctrl+Shift+I, tak najdu celek označen jako:
<div class="container container-footer">
                                <div class="footer-widgets">

Chápu tedy správně, že bych měla do CSS zadat:
<div class="footer-widgets">
   "text-align: center"
</div>

Vím, že je to blbost, protože jsem to zkusila i na webu, takže co mám chybně?
Sennin
Profil
Vendy:
Chápu tedy správně, že bych měla do CSS zadat:
<div class="footer-widgets">
   tvoj text
</div>
a do css pridáš toto
.footer-widgets {
  text-align: center;
}

Edit: kludne pridaj aj živú ukážku :)
Vendy
Profil
Sennin:
Tak ani to není ono. Asi špatně určuji hlavně ten název patičky, respektive jak mu říká šablona. Takže odkaz nakonec vložím, jen mne, prosím, nesuďte za to, jak hrozně to vypadá, zatím jsem ve fázi testování písma a seznamování se s celou šablonou, plus objevování toho, co neumím ovlivnit (zmíněná patička, pak carousel - tedy jestli je to ten správný název).
Takže vidět to lze tady: zivot-s-rs.cz/takyzijemsvami a snažím se upravit úplně na konci text s názvem webu.
Sennin
Profil
.container.container-footer {
    text-align: center;
}
Vendy
Profil
Sennin:
Jééé, to je ono, moc děkuji :) Ještě tam nějak "nacpu" odkaz, ale to už by mohlo jít přes ty jejich atributy (prostě HTML) a budu lovit další úpravy.
Moc děkuji za rady a za pomoc, s CSS si stále jen zdvořile vykám. Vendulka
Sennin
Profil
Vendy:
odkaz, ale to už by mohlo jít přes ty jejich atributy (prostě HTML)
Ano pomocou
<a href="link-sem">nejaky text</a>
Vendy
Profil
Sennin:
Tak jsem to jaksi splácala a nyní to vypadá funkčně. Kód mám tento:
<span style="font-family: 'Open Sans', sans-serif; font-size: 12pt; color: #0000ff;">taky žijem s vámi </span><span style="font-family: 'Open Sans', sans-serif; font-size: 14pt; color: #dc143c;"><strong>© </strong><span style="font-family: 'Open Sans', sans-serif; font-size: 12pt; color: #1e90ff;"><strong><a href="http://zivot-s-rs.cz/" target="_blank">Život s RS 2016</a></strong></span>

Plus v CSS to, co jsi mi napsal již v komentáři dříve.

Děkuji za pomoc :) Vendulka
Sennin
Profil
Vendy:
Ok az na to ze lepsie je pridat do spanu nejaky class a v css ho potom zdobit....
Napr.
<span class="prvy-text">zijeme....</span>
A v css si das
.prvy-text {
 font-family: 'Open Sans', sans-serif;
 font-size:12pt;
 color: #0000ff;
}
 
Potom ten class mozes pridat kazdemu span-u kde potrebujes nastavit tie nastavenia. a nemusis si html-ko zababrat. Samozrejme sa ten tvoj kod da upravit prehladnejsie a cistejsie :) ale som na tablete a je to pre mna utrpenie to cez neho vysvetlit.... Mozno niekto iny a ked nie tak az budem na pc napisem :)
Vendy
Profil
Sennin:
Aha, děkuji za tip, zkusím to napravit ;) V každém případě mi je jasné, že některé údaje tam dávám zbytečně, že by stačily v tom prvním zápisu, teda asi.
Keeehi
Profil
Vendy:
V každém případě mi je jasné, že některé údaje tam dávám zbytečně, že by stačily v tom prvním zápisu, teda asi.
Třeba takový font-family který nastavuje všude na stejnou hodnotu je toho krásným příkladem. Pokud ho nastavíš společnému rodiči těch tří elementů, tak to od něj všichni podědí.
Vendy
Profil
Sennin:
Tak jsem v praxi zjistila, že tento zápis
.container.container-footer {
    text-align: center;
}
není úplně to správné. Sice zarovná název webu na střed přesně tak, jak bylo zamýšleno, ale ovlivní samozřejmě celou oblast.
A když jsem začala používat footer widgety, ukázalo se, že je šablona dává do stejné oblasti, takže teď hází na střed i jejich obsah, což vypadá dost divně, nelogicky a myslím si, že mít na webu vycentrovánu každou drobnost, je pitomost.
Jaksi nevím, co s tím :( Hledat úpravu extra pro ty widgety nebo úpravu jen názvu webu?


Keeehi:
Přesně to jsem si myslela a po otestování je to funkční a nyní i správně ;) (teda doufám, že správně, ale zbytečnosti jsou pryč, tak snad ano)
Sennin
Profil
Vendy:
Ahoj...
Kažďý widget ma určite svoj class no tak povedzme, že máš widget s class-om main-wg-1 v css mu dáš
.main-wg-1 {
 text-align: left;
}
A ak nebudeš menit tým widget-om parametre ani pri responsivite ta možeš pouzit aj
.main-wg-1 {
 text-align: left !important;
}
Kludne mozes pridat ten class tvojim widgetom ktore chces mat zarovnane na lavo...
Tomáš123
Profil
Sennin:
!important
Fuj. Jednoducho konkrétnejšie špecifikovať, ktorého prvku sa má centrovanie týkať. Pre každý prvok všetko nezmyselne prebíjať... Hm, zbytočné.

Vendy:
Keď dáš preč tú ceduľu a popíšeš, v ktorých častiach pätičky chceš mať centrovaný obsah, napíšeme ti tu flexibilnejšie riešenie, ktoré zvládne pridávanie obsahu.
Vendy
Profil
Tomáš123:
Keď dáš preč tú ceduľu a popíšeš, v ktorých častiach pätičky chceš mať centrovaný obsah
Za ceduli se omlouvám, nedošlo mi, že je web zamčený.

To, co řeším, je patička (či zápatí) webu. Je tam text: "taky žijem s vámi © Život s RS 2016", který je vycentrovaný a to je správně. Na toto vycentrování je použitý zápis v CSS:
.container.container-footer {
    text-align: center;
}
Jenže se centrují i další texty, ty již jsou ve footer widgetech (v administraci opravdu mají název "Zápatí 1-3"). A právě vše, co vložím do těchto widgetů, by mělo být prostě zarovnáno klasicky, tedy vlevo.
Tomáš123
Profil
Vendy:
Je tam:
<!--...-->
<div class="clearfix"></div>
<!--<div>-->
<span>taky žijem s vámi </span>
<span><strong>© </strong><span><strong><a href="http://zivot-s-rs.cz/" target="_blank">Život s RS 2016</a></strong></span><!-- tona JS --></span>
<!--</div>-->
<!--...-->
Do HTML kódu by bolo potrebné doplniť ten zakomentovaný <div> a </div>. Tomu by šlo priradiť triedu a tej triede nastaviť text-align. Inak ostáva tá prebíjacia možnosť (bez !important).

Nápomocná by boli aj iné štruktúry, ale v tamtej je najmenej hľadania a prepisovania. Vieš zasahovať do kódu?
Vendy
Profil
Tomáš123:
Vieš zasahovať do kódu?
To opravdu neumím. Jen vím, že zásahy do kódu jsou zbytečné, protože se při první aktualizaci smažou. Proto je lepší zapisovat do CSS v možnostech vzhledu - tam se může zapsat vše potřebné, bez zásahu do kódu. Nicméně já se i tak v CSS ztrácím a bez pomoci to nedávám.
Tomáš123
Profil
Vendy:
Do CSS pridaj ešte:
.container.container-footer div {
    text-align: left;
}
Ak nebudú niekde napríklad nadpisy mimo <divu>, tak to pôjde spoľahlivo.


.wrap:not(span) {
    text-align: left;
}
Táto deklarácia by mohla byť ešte účinnejšia, ale nepodarilo sa mi príklad správne rozchodiť. Možno som zle pochopil definíciu.
Vendy
Profil
Tomáš123:
Ak nebudú niekde napríklad nadpisy mimo <divu>, tak to pôjde spoľahlivo.
Zkusit to můžu, ale nejsem si moc jistá, protože texty tam <div> vůbec nemají. Tedy ne zadaný mnou. Systém si je "obaluje" sám


Tomáš123:
A jsou úspěšně vlevo :)

Vaše odpověď


Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm: