Autor | Zpráva | ||
---|---|---|---|
FraMeRr Profil |
#1 · Zasláno: 24. 8. 2011, 23:19:18
Dobrý den, mám problém. Programuji web a mam tam odkazy. Pomocí CSS sem je upravil jak je potřebuju. Nicméně jich tam mám víc a nevím jak je rozdělit aby každému připadlo jiné nastavení něco jakoby byli v DIV a moh bych je libovolně upravovat. Abych každý odkaz mohl nastavit jinak.A potřeboval bych to přes CSS. Dekuji
|
||
panther Profil |
#2 · Zasláno: 24. 8. 2011, 23:22:45
|
||
FraMeRr Profil |
#3 · Zasláno: 24. 8. 2011, 23:31:46
Ano tridy znám nicméně to mi moc nepomůže. Těžko můžu do CSS napsat.
.odkaz{ a:hover {color:blue} } To by nemělo jít nebo snad ano??? |
||
panther Profil |
#4 · Zasláno: 24. 8. 2011, 23:34:06
FraMeRr:
„tridy znám nicméně to mi moc nepomůže.“ buď je neznáš, nebo jsi je nepochopil. Přesně k tomuto účelu slouží, oddělit od sebe různé elementy. „Těžko můžu do CSS napsat.“ takhle samozřejmě ne, nastuduj si syntaxi CSS, jak se třídy a identifikátory zapisují. |
||
margin Profil * |
#5 · Zasláno: 25. 8. 2011, 00:37:04
FraMeRr:
„Ano tridy znám“ Neznáš, jenom víš, že existují. Až budeš vědět, kdy je lepší použít první nebo druhý styl a pochopitelně tomu odpovídající, pokaždé trochu jiné HTML : .odkaz a:hover {color:blue} a.odkaz:hover {color:blue} a nebudeš třeba dávat každému odkazu v menu stejnou třídu, tak potom budeš znát základy použití tříd a identifikátorů. Tím tě nechci postrašit, složité to není. |
||
FraMeRr Profil |
#6 · Zasláno: 25. 8. 2011, 16:11:52 · Upravil/a: FraMeRr
Tak sem skusil ten druhy
a.FB:hover { color:white; } Mi nefunguje nevim proc vse ostatni de jen prikaz hover ne. Napriklad a.FB:visited{ color:white; } Jde ale ten hover ne. |
||
panther Profil |
#7 · Zasláno: 25. 8. 2011, 16:31:05
FraMeRr:
„Mi nefunguje nevim proc vse ostatni de jen prikaz hover ne.“ dodej odkaz na web. Buď takový odkaz neexistuje, nebo si hover přebíjíš něčím jiným. |
||
FraMeRr Profil |
#8 · Zasláno: 25. 8. 2011, 16:44:26 · Upravil/a: FraMeRr
panther:
Web |
||
panther Profil |
#9 · Zasláno: 25. 8. 2011, 16:47:28
FraMeRr:
máš špatně poskládané jednotlivé pseudotřídy, :hover musí být za :active a :link .
|
||
FraMeRr Profil |
#10 · Zasláno: 25. 8. 2011, 17:40:03
panther:
Dekuju to sem nevedel, kdyz sem si o odkazech cetl clanek nebylo tam ze musi byt za sebou. Dik moc :-) |
||
margin Profil * |
#11 · Zasláno: 25. 8. 2011, 18:51:17
Já bych to zapsal takto, ale neber to jako dogma ani jako jedinou možnost a třeba barvy si zapisuj tak, jak si zvyklý, hlavní myšlenky jsou, že je zbytečné stylovat :link a že zaměření FB odkazu stačí udělat kontextem, nemusíš odkazu dávat třídu:
CSS: /* Hlavní odkazy */ a { text-decoration: none; color: white; font-weight: bold; } a:active {color: #a52a2a;} a:hover {color: #008b8b;} /* FB odkaz */ #FB { width:200px; height:5px; /* position:center center; tento nesmysl smazat */ margin-left: 910px; margin-top:-12px; font-size:medium; } #FB a {color:#c0c0c0;} a.FB:hover {color:white;} HTML: <div id="FB"> <a href="http://www.facebook.com/pages/Frax/180693908669551">Náš Facebook</a> </div> |
||
Časová prodleva: 13 let
|
0