Autor Zpráva
Astrozzy
Profil *
Mam klikacie menu v GIF formate (2 obrazky). tieto klikacie obrazky mam zaradene pod sebou no vzdy je medzi nimi medzera. skusal som kadeco no nedokazem sa jej zbavit vie mi niekto poradit.
pre lepsiu predstavu mozem poslat printscreen na mejl. vdaka
<P id=menu>
<A onmouseover="document['obr'].src = '2_rohace.gif';"
onmouseout="document['obr'].src = '1_rohace.gif' ;"
href="file:///C:/Documents%20and%20Settings/Ozzyos/Desktop/WEB%20turis tika/rohace.html">
<IMG src="uvod_files/1_rohace.gif" border=0 vspace=0> </A>
<A onmouseover="document['obr1'].src = 'pcs/2_fatra.gif';"
onmouseout="document['obr1'].src = 'pcs/1_fatra.gif' ;"
href="file:///C:/Documents%20and%20Settings/Ozzyos/Desktop/WEB%20turis tika/uvod.html">
<IMG src="uvod_files/1_fatra.gif" border=0> </A>
</P>
bojars
Profil
Skús si to menu poistiť takto:

#menu {
display: block;
text-align: center;
padding: 0px 0px 0px 0px;
line-height: 0px;
width: šírka obrázkov v px;
height: súčet výšok tých obrázkov v px;
}

(obrázkom daj rozmery a to "id" daj div-u a nie pre tag <p>)
peta
Profil *
#menu {width:100px}
#menu a, #menu a img
{margin:0;padding:0;display:block}


<P id="menu">
<A href="rohace.html">
<IMG src="uvod_files/1_rohace.gif" border=0
onmouseover="this.src = 'uvod_files/2_rohace.gif';"
onmouseout="this.src = 'uvod_files/1_rohace.gif' ;"
> </A>
<A href="uvod.html">
<IMG src="uvod_files/1_fatra.gif" border=0
onmouseover="this.src = 'pcs/2_fatra.gif';"
onmouseout="this.src = 'pcs/1_fatra.gif' ;"
> </A>
</P>

najdi 7 rozdilu :)
100% jistota je premenit A i IMG na block. Soucasne se tak zbavis neprijemneho efektu pri hoveru, kdy se podbarvuje jen pozadi radku nikoli po cele vysce obrazku, ale to ty stejne nevyuzivas.
Astrozzy
Profil *
peta dik moc, funguje to, rovnako vdaka to bojars za ochotu.

mozes mi tu este hodit kratky popis toho css stylu. preco je tam definovana sirka?
a preco ta premena na block? to zleje vsetky gifka do bloku?


dik za odpoved a radu.
Astrozzy
Toto téma je uzamčeno. Odpověď nelze zaslat.

0