| Autor | Zpráva | ||
|---|---|---|---|
| neobka Profil * |
#1 · Zasláno: 28. 9. 2011, 11:49:10
Zdravím, dělám si web, kde mam v hlavičce nazev webu - obrazek/logo zaroveň jako odkaz na svoji úvodní stránku, a pod ním odkazy (něco jako menu) s nazvama jako "kontakt", "nabidka" a podobne. Naformátovala jsem že každé "a" je ve style/type tak udělané aby byly v rámečku a při najetí myši se zmenila jejich barva (a:hover). Bohužel se mi to promítlo i na ten obrázek, takže mam v rohu zbytečný rámeček. Když jsem pak dala formátování místo do style/type ke každému <a=href="X" style="zde nastylováno"> tak už mi a:hover přestal fungovat. Nevíte čím by to mohlo být způsobeno? Doufam, že se mi alespon trochu podařilo popsat muj problem :)
|
||
| Someone Profil |
#2 · Zasláno: 28. 9. 2011, 11:54:12 · Upravil/a: Someone
Napiš sem kód a nebo živou ukázku takhle se nedá zjistit kde máš chybu.
edit: <a=href="X" style="zde nastylováno"> Pokud to není ono tak by se hodila již zmiňovaná živá ukázka nebo ten kód. |
||
| neobka Profil * |
#3 · Zasláno: 28. 9. 2011, 13:21:32
ve headu mam nastylovane hover takhle:
<style type="text/css"> a:hover {border-style:solid; border-color:orange; border-width:3px 8px 3px 8px; padding:5px; text-decoration:none; color:orange; font-weight:bold;} </style> a v body samotny odkaz: <a href="#" style="border-style:solid; border-color:#800000; border-width:3px 8px 3px 8px; padding:5px; text-decoration:none; width:120px; color:#800000; font-weight:bold;">KONTAKT</a> puvodne jsem mela i v tom style type nastylovane samotne "a" ale takhle to je lepsi protoze muzu ruznym odkazum dat jinou formu, ale nevim jak mam do vlastni formy zakomponovat ten hover... |
||
| Someone Profil |
#4 · Zasláno: 28. 9. 2011, 13:48:38 · Upravil/a: Someone
No, pokud je ten styl toho odkazu přímo v Tagu tak to a:hover na to nemá vliv. Pokud chcete mít jednotlivé odkaz jinak tak jim dejte třídu a nastylujte tu třídu např.
Tohle mají všechny odkazy společné. a {
border-style:solid;
border-width:3px 8px 3px 8px;
padding:5px;
text-decoration:none;
width:120px;
font-weight:bold;
}Tohle je pro jednotlivé odkazy
.cerveny {
border-color: red;
}
.modry {
border-color: blue;
}
.cerveny:hover {
border-color: black;
}
.modry:hover {
border-color: green;
}A tohle je v těle dokumentu. <a href="#" class="modry">KONTAKT</a> <a href="#" class="cerveny">NECO</a> |
||
| Tori Profil |
#5 · Zasláno: 28. 9. 2011, 13:48:59
neobka:
Potřebujete odlišit odkazy v menu od ostatních odkazů. To můžete udělat buď kontextově - např. nastavení pro všechny odkazy uvnitř prvku s ID "menu" : <style>
#menu a {border-style:solid; border-color:#800000; border-width:3px 8px 3px 8px; padding:5px; text-decoration:none; width:120px; color:#800000; font-weight:bold; }
#menu a:hover { border-color:orange; color:orange; } /* sem jen to, co se liší od běžného zobrazení */
</style>
<div id="menu"><a href="#">Odkaz v menu</a></div>anebo odkazům uvnitř menu dát třídu <style>
a.menu {border-style:solid; border-color:#800000; border-width:3px 8px 3px 8px; padding:5px; text-decoration:none; width:120px; color:#800000; font-weight:bold; }
a.menu:hover { border-color:orange; color:orange; }
</style>
<a class="menu" href="#">Odkaz v menu</a> |
||
| neobka Profil * |
#6 · Zasláno: 28. 9. 2011, 22:01:15
Jo takhleeee... vyzkousim a dam vedet jestli to funguje, diky :)
|
||
| neobka Profil * |
#7 · Zasláno: 29. 9. 2011, 11:27:30
Jj, už mi to funguje, dekuju!!! :)
|
||
|
Časová prodleva: 14 let
|
|||
0