Autor Zpráva
Adelka
Profil *
#1 · Zasláno: 30. 12. 2004, 02:30:46
Odpovědět Citovat
mam obrazkove menu robene na principe pixiho (oba stavy v jednom obrazku). Chcela by som sa vyhnut problemu ked ma niekto vypnute obrazky, aby sa tam zjavil text. Taketo veci uz boli riesene, ibaze pri statickych obrazkoch, nie pri menu. Ako to urobit aj pri menu?
Kod:

<style type="text/css">


#menu {
height: 25px;
margin: 0; padding:0;
border-bottom: 1px solid black;
}

.uvod {
float: left;
width: 52px; height: 27px;
margin: 0 1px 0;
background: url( 'uvod.gif' ) 0 -30px no-repeat;
}

.uvod a {
display: block;
margin: 0; padding:0;
width:100%; height:100%;
overflow:hidden;
font: bold 13px/1 Georgia, serif;
color:#039;
text-decoration: none;
background: url( 'uvod.gif' ) top left no-repeat ;
}
#menu span {
display: none;
margin:0; padding: 0;
}
.uvod a:hover {
background-image: none;
color: black;
}


</style>


</head>
<body>

<div id="menu">
<div class="uvod"><a href="#"><span>First</span></a></div>
</div>



</body>

dik za radu dopredu.
lukysy
Profil
#2 · Zasláno: 30. 12. 2004, 21:21:01
Odpovědět Citovat
Zkus omrknout zase pixyho... :o)
http://wellstyled.com/css-replace-text-by-image.html
Časová prodleva: 18 dní
mracek
Profil *
#3 · Zasláno: 18. 1. 2005, 00:08:12
Odpovědět Citovat
> Chcela by som sa vyhnut problemu ked ma niekto vypnute obrazky, aby sa tam zjavil text.

To je presne funkce ALT u IMG.
Pokud ti nevadi JS, pak se jiste pomoci JS da zjistit, ze mas obrazky vyple a na zaklade toho zmenit na zobrazeni textu.

Hm, z luky stranky...
#chapter-one {
position:relative;
width:200px; height:80px;
overflow:hidden; }
#chapter-one span {
display:block;
position:absolute; left:0; top:0; z-index:1;
width:200px; height:80px;
background:url("chapter-one.gif") top left no-repeat; }
<h2 id="chapter-one">Chapter One<span></span></h2>

To je chytra finta, ale kdyz zvetsim pismo, tak se mi pulka nemusi zobrazit cely text, protoze je sirka jen 200px. Osobne bych to nedoporucoval!
Časová prodleva: 19 let
Toto téma je uzamčeno. Odpověď nelze zaslat.

0