Autor Zpráva
Jearse
Profil *
lidi pls udelal sem si HOVER galerii ale funguje mi jen v MOZILE tady je kod HTML:

<body>

<div id="obal">

<a href="#">Krajina<img src="1.jpg"></a>
<a href="#">snizek<img src="2.jpg"></a>

</div>

</body>

a TADY CSS:


#obal {
width: 700px;
height: 520px;
border: 1px solid black;
position: relative;
}

a {
color: red;
background: grey;
height: 20px;
display: block;
width: 50px ;
float: left;
text-align: center;
}

a img {
border: 0;
visibility: hidden;
width: 700px;
height: 500px;
}

a:hover img {
position:absolute;
visibility: visible;
top: 20px;
left: 0;
}


PORADTE MI PLS CO MAM SPATNE DIKY MOC!
Petroff
Profil
Vyzkoušeno v ie6/7 opeře ff (FUNKČNÍ s libovolným DOCTYPE)

CHYBKY:
=>překlep v gr?y
=>ie6 neprovede HOVER načtení obrázku bez "spouštěče"
(klidně to celé předělej, ale spoustec ponech)

<title>GALLERY</title>
<base href="http://www.zvlasnyskola.cz">
<style type="text/css">
#obal {
width: 700px;
height: 520px;
background: black;
position: relative;
}
#obal a {
float: left;
width: 12ex;
height: 20px;
line-height: 20px; /* V-vycentrování */
text-align: center; /* H-vycentrování */
display: inline; /* quli ie6 (BUG dvojity okraj) */
margin-left: 1ex; /* okraj */
color: red;
text-decoration:none;
}
#obal a:hover {
border: 0; /* spouštěč pro ie6 */
color: white;
background: gray; /* šedá se čte grej... :=] */
}
#obal img {
border: 0;
visibility: hidden; /* nakreslí neviditelný obrázek */
position:absolute;
top: 20px;
left: 0;
}
#obal a:hover img {visibility: visible} /* zviditelní obrázek */
</style>
<body>
<div id="obal">
<a href="#">Krajina<img src=
"img/fotogalerie/fontana_rijen_2000/big_h/font10_00_big_h_all10.jpg"
/></a>
<a href="#">Snizek<img src=
"img/fotogalerie/fontana_rijen_2000/big_h/font10_00_big_h_all4.jpg"
/></a>
<a href="#">Nadilka<img src=
"img/fotogalerie/fontana_rijen_2000/big_h/font10_00_big_h_all5.jpg"
/></a>
</div>
</body>
Jearse
Profil *
jj diky ;)
Jearse
Profil *
jo pls a JAK bych mohl daT DO STREDU nejaky text jeste nez nekdo prejde mysi na text??
Petroff
Profil
Myslíš mít něco napsané uprostřed toho obdélníku (obrázek ten nápis pak zakryje) ???
Jearse
Profil *
jj presne tak ;) treba neco jako : Počkejte prosím nebo tak....
Petroff
Profil
<title>GALLERY</title>
<base href="http://www.zvlasnyskola.cz">
<style type="text/css">
#obal {
width: 700px;
height: 520px;
background: black;
position: relative;
text-align: center; /* H-vycentrování */
}
#obal a {
float: left;
width: 12ex;
height: 20px;
line-height: 20px; /* V-vycentrování */
display: inline; /* quli ie6 (BUG dvojity okraj) */
margin-left: 1ex; /* okraj */
color: red;
text-decoration:none;
}
#obal a:hover {
border: 0; /* spouštěč pro ie6 */
color: white;
background: gray; /* šedá se čte grej... :=] */
}
#obal img {
border: 0;
visibility: hidden; /* nakreslí neviditelný obrázek */
position:absolute;
top: 20px;
left: 0;
}
#obal a:hover img {visibility: visible} /* zviditelní obrázek */
#obal p {
position:absolute;
left:150px; width:350px; /* nastav si vodorovnou pozici a šířku nápisu */
top:200px; /* svislou pozici nápisu */
color:white;
font: bold italic 18px Tahoma,sans-serif;
}
</style>
<body>
<div id="obal">
<p>Tyto snimky byly porizene 13.6.2007 pri uplnem zatmeni Slunce</p>
<a href="#">Krajina<img src=
"img/fotogalerie/fontana_rijen_2000/big_h/font10_00_big_h_all10.jpg"
/></a>
<a href="#">Snizek<img src=
"img/fotogalerie/fontana_rijen_2000/big_h/font10_00_big_h_all4.jpg"
/></a>
<a href="#">Nadilka<img src=
"img/fotogalerie/fontana_rijen_2000/big_h/font10_00_big_h_all5.jpg"
/></a>
</div>
</body>
Jearse
Profil *
jj uz mi to jde diky :) ;)

Vaše odpověď

Mohlo by se hodit


Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm:

0