Autor | Zpráva | ||
---|---|---|---|
radx Profil * |
#1 · Zasláno: 16. 7. 2008, 00:28:59
mam obrazkjove menu pomoci pruhlednych obrazku, mam kod ktery resi pristupnost menu ale ne pruhlednost obrazku - za obrazky je videt text nevite nekdo nejake reseni ???
diky moc tady je kod #menu { height: 50px; } #menu li { width: 400px; height: 50px; float: left; position: relative; list-style: none; } #menu a { display: block; width: 400px; height: 50px; overflow: hidden; position: absolute; left: 0px; top: 0; z-index: } #menu span { display: block; width: 400px; height: 50px; overflow: hidden; position: absolute; left: 0; top: 0; z-index: 0; } #menu span { z-index: 1; cursor: pointer; cursor: hand; } #menu span.active { cursor: default; } #vizitka span{ background: url(img/vizitka.gif) no-repeat; } #guestbook span{ background: url(img/guestbook.gif) no-repeat; } #gallery span{ background: url(img/gallery.gif) no-repeat; } #trika span{ background: url(img/trika.gif) no-repeat; } #video span{ background: url(img/video.gif) no-repeat; } #vizitka a:hover span, #trika a:hover span, #video a:hover span, #guestbook a:hover span, #gallery a:hover span { background-position:0px -50px; } #menu a:link, #menu a:visited { text-decoration: underline; } #menu a:hover { } #vizitka li { background:url(img/vizitka.gif) no-repeat center top; } #guestbook li { background:url("about.gif") no-repeat center top; } #gallery li { background:url("links.gif") no-repeat center top; } html- <div id="menu"> <ul> <li id="vizitka"><a href="index.html">vizitka<span></span></a></li> <li id="guestbook"><a href="about.html">guest book<span></span></a></li> <li id="gallery"><a href="tribal.php">gallery<span></span></a></li> <li id="trika"><a href="about.html">trika<span></span></a></li> <li id="video"><a href="links.html">video<span></span></a></li> </ul> </div> |
||
peta Profil |
#2 · Zasláno: 16. 7. 2008, 08:01:49
To neni k tvemu problemu...
Tento zapis plati pro takoveto pripady: #gallery li <NECO id=galery> <LI>...</LI> </NECO> <NECO id=galery> <NECO><LI>...</LI></NECO> </NECO> tvuj problem by se mozna dal resit padingem, marginem, text-indent a pod |
||
Bubák Profil |
#3 · Zasláno: 16. 7. 2008, 08:41:27
radx
Mám za to, že v případě průhledného obrázku je to neřešitelné, viz ukázka: http://css.interval.cz/priklady/priklad-60-1.htm peta <NECO id=galery> <NECO><LI>...</LI></NECO> </NECO> google com w3c org validator HTML Už nehul. |
||
srigi Profil |
#4 · Zasláno: 16. 7. 2008, 08:42:53
mam kod ktery resi pristupnost menu ale ne pruhlednost obrazku - za obrazky je videt text nevite nekdo nejake reseni ???
No bohuzial toto riesit nejde. Tusim aj Pixy ci kto to napisal ten clanok o nahradzovani textu obrazkom, upozornoval ze je treba sa vyvarovat priehladnych obrazkov. |
||
radx Profil * |
#5 · Zasláno: 16. 7. 2008, 08:47:52
resit se to da tim ze nastavim fontu jinou velikost popripade ho odsunu aby nebyl videt nevim ale pak jestly je to dovolene...
|
||
Trejpa Profil |
#6 · Zasláno: 16. 7. 2008, 09:14:29
radx
resit se to da tim ze nastavim fontu jinou velikost popripade ho odsunu aby nebyl videt nevim ale pak jestly je to dovolene... Dovolené to je, ale potom už je řešení s překryvem zbytečné a stačilo by jen visibility: hidden pro text (což zajisté ocení ti, kterým se obrázky nenačtou). Poloprůhledné obrázky bych v takovém případě vkládal rovnou pomocí <img>. |
||
peta Profil |
#7 · Zasláno: 16. 7. 2008, 14:13:53
mno, ono neni problem u obrazku javascriptem sledovat onload.
Osobne bych delal obrazek jako dekoraci a spokojil se s textem. Tohle reseni funguje spolehlive, nic se neprekryva. |
||
radx Profil * |
#8 · Zasláno: 16. 7. 2008, 21:52:11
to:trejpa oki komu se obrazky nenactou tomu nenactou nevim kdo by chtel navstivit galerii bez obrazku adios ....vkladat pomoci img ? proc ? pristupnost ..je to odkaz ...
|
||
Trejpa Profil |
#9 · Zasláno: 16. 7. 2008, 22:00:18
radx
Co je na odkaze s obrázkem nepřístupné? Má-li obrázek vhodně zadaný ALT, tak v tom není problém. |
||
Časová prodleva: 16 let
|
0