Autor Zpráva
radx
Profil *
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
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
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
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 *
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
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
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 *
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
radx
Co je na odkaze s obrázkem nepřístupné? Má-li obrázek vhodně zadaný ALT, tak v tom není problém.

Vaše odpověď


Prosím používejte diakritiku a interpunkci.

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