| Autor | Zpráva | ||
|---|---|---|---|
| Vendy Profil |
#1 · Zasláno: 8. 1. 2016, 11:45:50
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"> 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 |
#2 · Zasláno: 8. 1. 2016, 12:11:21
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 |
#3 · Zasláno: 8. 1. 2016, 13:40:24
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> .footer-widgets {
text-align: center;
}Edit: kludne pridaj aj živú ukážku :) |
||
| Vendy Profil |
#5 · Zasláno: 8. 1. 2016, 14:24:31
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 |
#6 · Zasláno: 8. 1. 2016, 14:29:54
.container.container-footer {
text-align: center;
} |
||
| Vendy Profil |
#7 · Zasláno: 8. 1. 2016, 14:40:43
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 |
#8 · Zasláno: 8. 1. 2016, 16:35:51
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 |
#9 · Zasláno: 8. 1. 2016, 17:23:38
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> .prvy-text {
font-family: 'Open Sans', sans-serif;
font-size:12pt;
color: #0000ff;
}
|
||
| Vendy Profil |
#11 · Zasláno: 8. 1. 2016, 21:27:42
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 |
#12 · Zasláno: 9. 1. 2016, 00:37:29
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í. |
||
|
Časová prodleva: 3 dny
|
|||
| Vendy Profil |
Sennin:
Tak jsem v praxi zjistila, že tento zápis .container.container-footer {
text-align: center;
}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 |
#14 · Zasláno: 12. 1. 2016, 11:41:02
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;
}.main-wg-1 {
text-align: left !important;
} |
||
| Tomáš123 Profil |
#15 · Zasláno: 12. 1. 2016, 15:18:57
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 |
#16 · Zasláno: 12. 1. 2016, 15:59:23
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;
} |
||
| Tomáš123 Profil |
#17 · Zasláno: 12. 1. 2016, 16:17:18
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>--> <!--...--> <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 |
#18 · Zasláno: 12. 1. 2016, 16:33:46
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 |
#19 · Zasláno: 12. 1. 2016, 16:57:21
Vendy:
Do CSS pridaj ešte: .container.container-footer div {
text-align: left;
}<divu>, tak to pôjde spoľahlivo.
.wrap:not(span) {
text-align: left;
} |
||
| 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 :) |
||
|
Časová prodleva: 9 let
|
|||
0