Css galéria

1. Návštěvník CF5C87E7 7. 6. 2006 19:41

   Zdravím, mohli by ste mi pomôcť s css náhladovou galériou, aby som mal náhlady v jednom riadku, a nie v jednom stĺpci: CSS body { background-color:#dddddd; margin:0; padding:0; color:white; } div#obalovydiv {width:150px;} div.kontejner { margin:20px; } div.kontejner img { border:2px solid blue; margin:0; padding:0; } div.fotka { position:absolute; left:150px; top:10px; visibility:hidden; } div.kontejner:hover div.fotka, div.kontejnerHover div.fotka { position:absolute; left:180px; top:200px; visibility:visible; } div.kontejnerHover img.nahled { border:2px solid blue; margin:0; padding:0; } div.kontejner { behavior:url(hover.htc); } - tú štruktúru som upravil, aby to zaberalo menej miesta. HTML <head> <link href="galery.css" rel="stylesheet" type="text/css"> </head> <body> aa <br> <br> <br> <br> <br> aa <div id="obalovydiv"> <div class="kontejner"> <img class="nahled" src="1.jpg" width="100" height="100"/> <div class="fotka"> <img src="fotka1.jpg" width="400" height="300" alt="" /> </div> </div> <div class="kontejner"> <img class="nahled" src="2.jpg" width="100" height="100" alt="" /> <div class="fotka"> <img src="fotka2.jpg" width="400" height="300" alt="" /> </div> </div> <div class="kontejner"> <img class="nahled" src="3.jpg" width="100" height="100" alt="" /> <div class="fotka"> <img src="fotka3.jpg" width="400" height="300" alt="" /> </div> </div> </div> </body> Díky

2. Návštěvník CF5C87E7 7. 6. 2006 19:43

   A ešte som zabudol dodať dôležitú vec, a to že ide o hover galériu.

3. Návštěvník 249BA526 7. 6. 2006 20:57

   <HTML>to je sice krásný ale v IE nepojede</HTML>

4. Návštěvník CF5C87E7 7. 6. 2006 21:54

   samozrejme že ide, už som to aj skúšal a ide mi to, len potrebujem to menu galérie (teda náhlady) dostať do vodorovnej roviny, to znamená aby tie divy boli vedľa seba a to mi nejde.

5. Návštěvník 051EE75A 8. 6. 2006 09:45

   Zkus tomu divu kontejner ještě připsat float: left; a šířku. Divy se pak budou řadit vedle sebe, dokud jim bude stačit šířka stránky.

6. Návštěvník 249BA526 8. 6. 2006 16:53

   <HTML>chceš mi říct že <small>div.kontejner:hover</small> ti v IE jede bez toho abys to převedl na JS? Myslim IE 6</HTML>

7. Návštěvník 5EC50CBD 8. 6. 2006 20:19

   skaff: ma tam toto: div.kontejner { behavior:url(hover.htc); } , tak tim to asi jde i v ie

8. Návštěvník 249BA526 9. 6. 2006 21:09

   <HTML>jo aha to je dole ja sem koukal na horni radek a nevsim sem si toho :]</HTML>

9. Návštěvník CF5C87E7 9. 6. 2006 22:01

   No moc díky, teraz som len zvedavý ako tú galériu vložím do webu, keď všetko v galérií má position-absolute.

10. Návštěvník 051EE75A 11. 6. 2006 22:39

    Koukni na zanořené pozice na http://www.jakpsatweb.cz/css/position.html.

← Zpět na všechna témata