Autor Zpráva
T3SS
Profil *
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 *
Ještě dodatek, dělal jsem to podle téhle ukázky
jimmy
Profil
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
Zkus vyhodit ten display: block
T3SS
Profil *
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 *
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
T3SS
Sorry, asi jsem se špatně podíval.
T3SS
Profil *
Tak jsem to nakonec vyřešil scriptem onmouseover. Sice za použití grafiky, ale mám to...
Toto téma je uzamčeno. Odpověď nelze zaslat.

0