Dobrý den.
Nastal den, kdy jsem se rozhodl že konečně dodělám další "verzi" mého webu na které jsem dělal celkem dlouho a dlouho budu jelikož jsem amatér.
Tak jsem chtěl dostylovat CSS a ejhle.. no, výsledek máte zde:
http://grelek.wz.cz/nova-verze/
http://grelek.wz.cz/nova-verze/css/design.css
Jde mi o to, (doufám že je to patrné ;-) ) aby byl obsah zarovnán do stejné výšky jako menu, rohy aby byly kulaté a nebyly tam ty moje hnusné bílé plochy navíc a z pod odkazů mi nějak záhadně zmizelo bílé pozadí které ale v css je:
#reklamniIkonky {
background-color: #FFFFFF;
.......
}
Žádám tedy o jakoukoliv radu, pokud není něco jasné, prosím napište mi to a já upřesním.
Děkuji a hezký den
Rozdel si layout na zakladni prvky:
hlavicka, levysloupec (menu, reklama), pravysloupec (obsah, reklama), paticka
Vuci temto prvkum provadej stylovani
.hlavicka #menu {}
.hlavicka #menu a {}
.hlavicka #menu li {}
Pak se ti presne ostyluje, co se ostylovat ma a nic jineho mimo tento blok.
#reklamniIkonky {
background-color: #FFFFFF;
.......
}
a {
text-decoration: underline
}
a.externi {
text-decoration: underline;
background-color: #000000;
color: #FFFFFF
}
a.externi:hover {
text-decoration: underline;
background-color: #FFFFFF;
color: #000000
}
a.externi:visited {
text-decoration: underline;
background-color: #808080;
color: #FFFFFF
}
a.externi:visited:hover {
text-decoration: underline;
background-color: #FFFFFF;
color: #000000
}
No, jenze A za #ikonky prepise vsechna A na strance, ze? mozna, kdybys pouzil A#reklama, tak definice nahore prebije tu dole.
h1.oMne {
text-decoration: underline;
margin-top: 0px
}
h1.infoClanek {
To je omyl. H1 ma jen a pouze cast s obsahem, list stranky. Vse ostatni neni nadpis, to je pouze doplnek stranky, ozdoba, pomucka pro ovladani jako napr. menu, logo... takze h1-h6 se smi vztahovat pouze k oblasti obsah.