| Autor | Zpráva | ||
|---|---|---|---|
| Scrash Profil |
#1 · Zasláno: 13. 4. 2010, 19:21:59
Zdravim, potreboval bych poradit, proč se mi v Firefoxu obrázky nezobrazí a v IE ano.
Mám tam jakoby neviditelný obrázek, pod kterým je nastaveno měnící se pozadí. Budu rád, když někdo poradíte. Tady přikládám zdrojový kód:
CSS:
.a-menu {
background-image: url("images/menu/domu.png");
background-repeat: no-repeat;
background-position: left;
width: 130px;
height: 30px;
}
.a-menu:hover {
background-image: url("images/menu/sluzby.png");
background-repeat: no-repeat;
background-position: left;
width: 130px;
height: 30px;
}
V PHP:
echo "<td><div align='center'><a href='home.php' class='a-menu'><img src='images/menu/nic.png' border='0'></a></div></td>";
|
||
| fritol33 Profil |
#2 · Zasláno: 13. 4. 2010, 19:39:07 · Upravil/a: fritol33
Edit: Příspěvek podemnou je hodnotnější, hledáte-li řešení můžete klidně příspěvěk přeskočit. Chcete-li se však zasmát, pokračujte ve čtení mého. :o)
Dle mého soudu bude problém v tom, že máš a-menu:hover {...} tzn, že neměníš obrázek, ale pozadí odkazu. Tj pozadí toho co je mezi <a></a>, což je pod obrázkem. Požadovaného efektu docílíš nastavením např. pevné šířky a výšky odkazu a odstraněním obrázku. Edit: Takže jen odstranit obrázek a mělo by to být ok. Omlouvám se za faux pas, jsem příliš nepozorný. Edit2: Ok, ok příště nebudu tak zbrklý - zapomněl jsem, že <a> se nedá nastavit šířka/výška (Občas si to dělá co chce). Raději tě odkážu sem a přenechám prostor ostatním. |
||
| Bubák Profil |
#3 · Zasláno: 13. 4. 2010, 19:42:11
.a-menu {
background-image: url("images/menu/domu.png");
background-repeat: no-repeat;
background-position: left;
width: 130px;
height: 30px;
display: block;
margin: auto;
}
.a-menu:hover {
background-image: url("images/menu/sluzby.png");
}Odkaz dáš blokový, pak mu půdou dát rozměry. Abys blok vystředil, nastavíš margin na auto. Pokud se ti ne nevycentruje v IE, tak pomůže třeba <td align="center"> Nepotřebuješ do buňky strkat DIV ani neviditelný obrázek. Při hoveru stačí nedlarovat pouze měněné vlastnosti, je zbytečné je psát všechny znova. Pokud má odkaz a obrázek stejné rozměry, obejdeš se bez background-repeat a background-position. Můžeš použít dva oblázky v jednom, druhý obrázek se pak zobrazí okamžitě, protože se nemusí stahovat z webu: http://teststranek.kvalitne.cz/css-rollover/ |
||
| Scrash Profil |
#4 · Zasláno: 13. 4. 2010, 19:53:44
Bubák
Toto reseni jsem presne potreboval, dekuji za radu a ten rollover se urcite taky hodi. |
||
|
Časová prodleva: 14 let
|
|||
0