Autor | Zpráva | ||
---|---|---|---|
Jearse Profil * |
#1 · Zasláno: 17. 11. 2007, 12:53:04
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 |
#2 · Zasláno: 17. 11. 2007, 15:33:36 · Upravil/a: Petroff
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 * |
#3 · Zasláno: 17. 11. 2007, 15:55:42
jj diky ;)
|
||
Jearse Profil * |
#4 · Zasláno: 17. 11. 2007, 16:10:34
jo pls a JAK bych mohl daT DO STREDU nejaky text jeste nez nekdo prejde mysi na text??
|
||
Petroff Profil |
#5 · Zasláno: 17. 11. 2007, 21:47:19
Myslíš mít něco napsané uprostřed toho obdélníku (obrázek ten nápis pak zakryje) ???
|
||
Jearse Profil * |
#6 · Zasláno: 17. 11. 2007, 23:23:26
jj presne tak ;) treba neco jako : Počkejte prosím nebo tak....
|
||
Petroff Profil |
#7 · Zasláno: 18. 11. 2007, 20:07:18
<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 * |
#8 · Zasláno: 18. 11. 2007, 21:36:45
jj uz mi to jde diky :) ;)
|
||
Časová prodleva: 12 let
|
0