HTML/JS Nav Bar

-1

Je travaille sur un site en ce moment et j'ai rencontré un problème dont je ne suis pas sûr si le problème est avec mes images ou le code html/JS.HTML/JS Nav Bar

Je crée un menu de navigation avec 7 images qui auront un effet de survol et passeront à une autre image.

Ceci est mon code pour la première image. Lorsque j'ai créé les images dans PS, j'ai également utilisé la tranche et enregistré pour les périphériques Web et png-24. Cependant les deux images externes sont png, et les 5 internes sont gif. Est-ce le problème, ou est-ce mon code, et comment puis-je le réparer?

ref: over_culture.gif (onmouseover) norm_culture.gif (vol stationnaire/onmouseout)

Source

2012-07-28 Anonymous

Vous n'avez pas réellement décrit de problème? Et je ne sais pas ce que vous voulez dire par * outer * et * inner *, mais il n'y a pas d'images 'png' référencées dans ce que vous avez dans la question. –

cela peut se faire qu'avec css, comme suit: (changer la largeur et la hauteur en fonction de votre taille de l'image)

<style> 
#nav-menu a{display:block;} 
a.culture {width:100px;height:100px; background: url(/images/nav/norm_culture.gif) no-repeat 0 0 } 
a.culture:hover{background: url(/images/nav/over_culture.gif) no-repeat 0 0} 
</style> 
<div id="nav-menu"> 
<a href="Culture.html" class="culture">Culture</a> 
</div>

Source

2012-07-28 12:43:27 Dementic

HTML/JS Nav Bar

Répondre

Questions connexes