Autor | Zpráva | ||
---|---|---|---|
T3SS Profil * |
#1 · Zasláno: 11. 7. 2006, 10:00:46
Zdravim. Potřebuju poradit se zarovnánim obrázku odkazu :hover na střed, dělal jsem to tlačítko dle návodu na JPW, aby to fungovalo i na ff. přitom v identifikátoru #levy mám nastaveno text-align:center. chyba by mohla být u toho display block...nevím
#levy {background-color:#303030; color:white; border-style:solid; border-color:black; border-top-width:0px; border-right-width:1px; border-bottom-width:1px;border-left-width:1px; text-align:center} a:hover.odkaz { display: block;_width:115px; max-width: 115px;border-style:inset;border-color:black;border-width:3px; text-align:center} img.ramecek {border-style:solid; border-color:black; border-width:1px} .... <div id="levy"> <br> <p><a class=odkaz href=main.html><img class=ramecek src=image\aktuality.jpg></a></p> .... |
||
T3SS Profil * |
#2 · Zasláno: 11. 7. 2006, 10:18:14
Ještě dodatek, dělal jsem to podle téhle ukázky
|
||
jimmy Profil |
#3 · Zasláno: 11. 7. 2006, 10:28:47
Cus
Pokud chceš něco středit dělá se to takto: U exploreru se do nadřazeného tágu nabíše text-align:center; <span style="text-align:center;"><a href="#" title=""></span> a u FF se zapíše do elementu margin:0px auto; <span style="text-align:center;"><a href="#" title="" style="margin:0px auto;"></span> Dřive se používal tag <center></center> Ale to bych nedoporučoval. a:hover.odkaz { tohle je nesprávný zápis (mě to takhle nefungovalo) takhle a.odkaz:hover Nikde nemáš nadefinovaný a.odkay{} a:hover je změna po najetí, ale pokud nemáš nadefinované z čeho by se to mělo měnit, bude prohlížeč vycházet ze standartního nastavení velikosti odkazu, barvy a dekorace Nemám dobré zkušenosti s použitím: a.odkaz{width:115px; max-width: 115px;border-style:inset;border-color:black;border-width:3px; text-align:center} a a.odkaz:hover{display: block;width:115px; max-width: 115px;border-style:inset;border-color:black;border-width:3px; text-align:center} To display dělá problém <p><a class=odkaz href=main.html><img class=ramecek src=image\aktuality.jpg></a></p> Tenhle výraz je podle mě špatný. <p> je blokový element <a> je řádkový. To nejde do sebe. Jedině pokud to chceš nějak pozicovat. Já bych použil <span style="margin:0 15px 0 15px;"> jimmy |
||
Jan Tvrdík Profil |
#4 · Zasláno: 11. 7. 2006, 10:30:16
Zkus vyhodit ten display: block
|
||
T3SS Profil * |
#5 · Zasláno: 11. 7. 2006, 10:39:07
jimmy
odkaz je naddefinován u a:hover.odkaz (ten zápis si opravím ;), zkusím to přes ten span a dám vědět... Jan Tvrdík display:block nemůžu vyhodit protože se pak rámeček zobrazuje mimo obrázek... |
||
T3SS Profil * |
#6 · Zasláno: 11. 7. 2006, 10:49:13
no je jasný že je to jen problém firefoxu. jinak v ie6 mi to funguje v poho akorát že ten rámeček není jakoby 3D, asi na to se**
Kdyby vás ale ještě něco napadlo tak napište, díky vám za rady |
||
Jan Tvrdík Profil |
#7 · Zasláno: 11. 7. 2006, 15:52:44
T3SS
Sorry, asi jsem se špatně podíval. |
||
T3SS Profil * |
#8 · Zasláno: 12. 7. 2006, 16:39:05
Tak jsem to nakonec vyřešil scriptem onmouseover. Sice za použití grafiky, ale mám to...
|
||
Časová prodleva: 18 let
|
Toto téma je uzamčeno. Odpověď nelze zaslat.
0