Autor Zpráva
GraphiC
Profil
Jedná se o tuto doménu: http://www.spsch.eu/
Potřeboval bych pomoct jak udělat barevné políčka pro každou položku v horním menu (Škola, Jídelna, Studium, ...) Pokud by to nešlo, zvolím jednoduchou variantu když celé menu bude v jedné barvě. Zkoušel jsem to, ovšem tet se mi nechce centrovat doprostřed barevného bloku.

Předem děkuji za rady a úpravy kódu.
Taurus
Profil
Tak dej jednotlivým odkazům třídy, které budou mít různý background.
GraphiC
Profil
To se dělá jak? navíc, mám problém s tím centrováním těch textů v blocích
Marschmallow
Profil
GraphiC:
Ke každé položce li přidáš atribut class, který nějak pojmenuješ a ten pak definuješ v CSS. Uvedu příklad.

HTML:
<ul>
<li class="prvni"><a href="/skola">Škola</a></li>
<li class="druhy"><a href="/studium">Jídelna</a></li>
<li class="treti"><a href="/studium">Studium</a></li>
</ul>

CSS:
.prvni a {
   color: red;
   background: blue;
}

.druhy a {
   color: blue;
   background: orange;
}

.treti a {
   color: yellow;
   background: red;
}

Každou položku menu jsem označil jistým identifikátorem class. Pokud ho nazvu prvni, v CSS ho budu stylovat s tečkou na začátku, takže .prvni {}. Pokud bych se položku menu rozhodl indentifikovat jako id prvni, CSS deklarace by začínala křížkem (či mřížkou) #prvni {}. Mezi znaky { a } samozřejmě patří deklarace stylů, jako třeba barva, pozadí, ohraničení, a podobné...

Tímto zápisem zajistíme, že
• položka „Škola“ bude červenou barvou a pozadí bude mít modré
• položka „Jídelna“ bude modrou barvou a pozadí bude mít oranžové
• položka „Studium“ bude žlutou barvou a pozadí bude mít červené

Také doporučuji každý prvek menu obalit v CSS vlastností display: block pro „zklikatelnění“ celé oblasti kolem textu položky (pokud je zde a href).

Doporučuji si prostudovat článek od Yuhůa: Vlastní styly

Kombinace (a sladěnost) barev je náhodná, tu nepoužívej :-)
EDIT: Taurus [#5]: Vloženy odkazy a upraveno CSS.
Taurus
Profil
To je dost základní dotaz, který si můžeš zodpovědět třeba na www.jpw.cz. Hmm, Marschmallow ti to donesl na zlatém podnose. Jinak, pokud můžu doporučit, položka menu každá jinou barvou má blízko ke kýči, takže...

Marschmallow:
Když už, ty vlastnosti by měly být pro odkaz, který chybí mezi li /li.
Bubák
Profil
Marschmallow:
Ke každé položce li přidáš atribut class
Loukám na kód odkázané stránka a položky <li> už mají idéčka, takže je stačí využít.
#menu-item-18 a {
   color: red;
   background: blue;
}
GraphiC
Profil
Díky kluci :) prostuduju si to ještě a mělo by to jít :) potřeboval jsem dodat směr :)


PS: A to zarovnání?
han5vk
Profil
A to zarovnání?
Text-align. Fakt by bolo lepšie preštudovať si základy.

Vaše odpověď


Prosím používejte diakritiku a interpunkci.

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