Autor Zpráva
petruška
Profil *
Ahoj, můžu se zeptat? Chtěla bych na svém webíku udělat tuto změnu asi se mění to pozadí jako je to tady http://www.upc.cz/ . Pomohl by jste mě někdo? Prosím, nejsem líná, ale je to na mě složitý...
ronan
Profil
2 možnosti - javascript nebo CSS. Oni to mají přes obrázky (obrázkové menu), ale je to zbytečné, tohle se dá udělat normálně změnou pozadí při hoveru.
RPG
Profil
CSS:

a{
color:#000; - barva textu
display:block; - roztáhnutí odkazu na celý řádek
background-color:#FC6; - barva pozadí odkazu
padding:5px; - vnitřni okraje odkazu
text-align:center; - zarovnání textu v odkazu
text-decoration:none; - dekorace textu (podtrhnutí atd.) v tomto případě none - žádná
width:100px; - šířka odkazu
}

a:hover{
background-color:#093; - při najetí kursorem na odkaz se barva pozadí změní na tuto
color:#fff; - barva textu se taky změní
text-decoration:none;
}
petruška
Profil *
RPG Ježiš děkuju moc, že jsi si dal práci a už to umím taky. Fakt nádherně napsaný. Dokonce jsem to i pochopila, ale mám ještě jeden malý problém. Zadala jsem tam ještě { ...;border: 0px;... }, proto6e mě to dělalo rámeček, ale dělá mě to mezeru nahoře nad tim odkazem. Šlo by ji nějak odstranit? Zkoušela jsem k tomu ještě zadat valign: top , ale to nejde. Jinak to mám ve sloupečku pod sebou ty odkazy. Moc děkuju...
petruška
Profil *
Ještě jsem zapomněla, je to možná důležité. Mám to v tabulce v řádcích ty odkazy pod sebou...
peta
Profil *
petruška - odkaz na stranku?
http://peter-mlich.wz.cz/x/ww/css/css.htm
RPG
Profil
petruška
Není opravdu zač, pomohl jsem rád. :-) Ta mezera nahoře je asi způsobena tím padding:5px; , ale jestli chceš, aby text toho odkazu byl přesně takhle uprostřed, tak se s tou mezerou budeš muset smířit... Když padding:5px; odstraníš, nevypadá to moc hezky... Nenapadá mě co s tím, musel bych tu stránku vidět... :-)
Toto téma je uzamčeno. Odpověď nelze zaslat.

0