Autor | Zpráva | ||
---|---|---|---|
santo Profil |
Zdravim. Mel bych trivialni dotaz - potreboval bych zmensit a ztucnit velikost jednoho odkazu v CSS. Bohuzel umim akorat CSS soubory upravovat a ne doplnovat. Je to link v menu, ke kteremu se vazou stejny hodnoty jako ke vsem ostatnim linkum v menu. Ja bych mu chtel priradit vlastni hodnoty (ty uz si pak dokazu upravit sam). Jak to nejrychlejsi a nejlip udelat? Diky.
|
||
Railbot Profil |
#2 · Zasláno: 21. 1. 2008, 22:26:12
Přidat mu nějakou třídu?
|
||
Medvídek Profil * |
#3 · Zasláno: 21. 1. 2008, 22:28:44
co třeba font-weight: bold; font-size: 20px; ?
|
||
Miloš Profil |
#4 · Zasláno: 21. 1. 2008, 22:53:40
santo
Normální odkazy: a:link (nenavštívený odkaz) a:visited (navštívený odkaz) a:active (odkaz, na který je klikáno) a:hover (odkaz, nad kterým je myš) Toto vše se váže na <a href="http://blabla.cz">libovolný odkaz</a> Přehledně zpracováno http://www.jakpsatweb.cz/css/css-prakticky.html#odkazy Pokud potřebuju některé odkazy formátovat jinak, v HTML jim přiřadím třídu: <a href="http://blabla.cz" class="externi">libovolný odkaz</a> a v css se na ně budu odkazovat jako na: a:link.externi a:visited.externi a:active.externi a:hover.externi nebo obráceně: a.externi:link a.externi:visited a.externi:active a.externi:hover ---------- V případě, že bude na každé stránce vždy takový odkaz maximálně jeden, je logičtější (ale nikoli vysloveně nutné) místo třídy (class) použít ID, neboli: <a href="http://blabla.cz" id="externi">libovolný odkaz</a> a v CSS adekvátně tomu .externi zaměnit za #externi |
||
Lukas.S Profil * |
#5 · Zasláno: 22. 1. 2008, 14:55:15
Miloš
To, co jsi napsal, funguje jen pro Mozillu. V IE6 to nefunguje, aspon mne to teda neslo. Pokud chci mit nejak zbarvene odkazy, musim to napsat do body v HTML. V CSS stylu mne to proste IE6 nevezme, Mozilla jo. |
||
Miloš Profil |
#6 · Zasláno: 22. 1. 2008, 15:02:29
Tak to je divné, poněvadž já to odzkoušel v IE6, IE7, Opeře i FF a fungovalo mi to všude.
Ale ještě to můžeš udělat následovně – jestliže jde o linky v menu, pak: <menu> <li><a href="http://blabla.cz">první odkaz</a></li> <li><a href="http://blabla.cz">druhý odkaz</a></li> ATD. </menu> V CSS se pak pro tyto odkazy zapíšeš pravidla jako pro menu a:link a obdobně. |
||
Lukas.S Profil * |
#7 · Zasláno: 23. 1. 2008, 15:46:05
Milos: Ta prvni metoda funguje ve vsech prohlizecich, mel jsem neco spatne v css. Takze se omlouvam
|
||
Časová prodleva: 8 dní
|
|||
santo Profil |
#8 · Zasláno: 31. 1. 2008, 21:29:22
Uf, moc se nechytam :)
Radsi hodim provizorni odkaz http://santoro.ic.cz/ Jak je to menu nalevo, tak dejme tomu, ze chci zmensit a zaroven ztucnit pismo JENOM u linku "vyhledavani". Jak to provedu? |
||
Manq Profil |
#9 · Zasláno: 31. 1. 2008, 21:31:53
santo
Stačí mu přiřadit třídu. Viz. Miloš. |
||
Miloš Profil |
#10 · Zasláno: 31. 1. 2008, 21:37:09 · Upravil/a: Miloš
Ach jo, takže:
řádek <li><a href="search.php" title="Vyhledávání">Vyhledávání</a></li> si doplň třeba o id="pitomost" – např. takto: <li><a href="search.php" title="Vyhledávání" id="pitomost">Vyhledávání</a></li> a do externího css si dopiš definici třeba takhle: a:link#pitomost {definice pro nenavštívené odkazy} a:visited#pitomost {definice pro navštívené odkazy} a:hover#pitomost {definice pro odkazy, nad kterými je myš} a:active#pitomost {definice pro odkazy, na které zrovna klikáš} Ještě ne? |
||
habendorf Profil |
#11 · Zasláno: 31. 1. 2008, 21:47:22
Miloš
a#pitomost:hover {} atd. ;o) |
||
santo Profil |
#12 · Zasláno: 31. 1. 2008, 21:48:01 · Upravil/a: santo
Ja chapu akorat tu prvni cast v html. Nejak nechapu tu druhou cast, co presne mam doplnit v CSS. Mozna jsem se spatne vyjadril :)
To, co chci udelat, nema nic spolecnyho s barvou odkazu. Rad bych pouze zmensil velikost pisma u "vyhledavani" (veskery dalsi parametry by mely zustat stejny jako u ostatnich linku v menu). Viz http://santoro.ic.cz/zmenseni.gif |
||
Miloš Profil |
#13 · Zasláno: 31. 1. 2008, 21:55:22
habendorf
všimnul jsem si toho hned po odeslání a opravil bezprostředně, ale holt jsi to měl načtené rychleji. santo Tak si do css doplň toto: a#pitomost {font-size: smaller !important;} (asi by to fungovali o bez toho !important, ale sichr je sichr). |
||
santo Profil |
#14 · Zasláno: 31. 1. 2008, 21:58:24
Dik. Jdu to zkusit :)
|
||
santo Profil |
#15 · Zasláno: 31. 1. 2008, 22:13:27
Povedlo se (zmenseni i ztucneni). Jeste jednou dik :)
|
||
Bubák Profil |
#16 · Zasláno: 31. 1. 2008, 22:21:25
a#pitomost {font-size: .5em;}
http://www.jakpsatweb.cz/css/font-size.html http://www.jakpsatweb.cz/css/font-weight.html |
||
Časová prodleva: 16 let
|
0