28172 sujets

CSS et mise en forme, CSS3

Bonjour,

J'ai un soucis de calque, avec FireFox!

J'ai une zone, que je veux voir réactive, j'applique donc un calque dessus :

#lien_web
{
	width:100px;
	height:40px;
	position:relative;
	left:590px;
	top:45px;
}

Le calque apparait sans soucis, sous IE comme sous FF, lorsqu'il est coloré avec un border. Le soucis est relatif au lien que je mets dessus :

	<div id="lien_web"><a href="http://www.google.com/"><img src="images/lien.png" width="100" height="40" alt=""></a></div>

Sous IE, le lien fonctionne nickel, sous FF, il ne fonctionne pas.. Ca n'est d'ailleurs pas que pour ce calque, c'est pareil pour tous les autres, sous FF ..

Je prends toutes les suggestions, merci ^^
Modifié par ZeroCool (19 Jan 2009 - 13:41)
Bonjour,

Il faut faire attention au vocabulaire, tu n'utilise pas de calque mais un div.

Sans le reste du code, il va être difficile de t'aider, car je pense que le problème vient d'une intéraction malheureuse avec le reste de la page et du positionnement relatif (s'il n'est pas bien gérer).

ps. : édite ton message pour que les portions de code s'affichent comme du code (bbcode : [ code ] (sans les espaces) ou bouton "code" sous la zone de saisie.
mouep, malheureusement, c'est pour un projet professionnel, dont je ne suis pas autorisé a divulger le code...

Est ce que tu peux me préciser quelle partie du code pourrait être en cause? Une partie de code ne donne pas tout le code ...
Aucune idée sans voir le global, désolée.

Essaye de vérifier s'il n'y aurait pas une div placée par dessus les autres qui empècherait de cliquer sur les liens.
hmm, en fait la construction du site est la suivante :



<body>
	<div id="fond">
		<div id="usines">		
                blabla
                </div>
		<div id="coordonnees"></div>
		<div id="icones">
                        <ul><li>bla bla</li></ul>
                </div>
 	        <div id="lien_web"><a href="http://www.google.com/"><img src="images/lien.png" width="100" height="40" alt=""></a></div>
		<div id="lien_imprimer"><a href="#" onclick="window.print();"><img src="images/lien32.png" width="32" height="32" alt=""></a></div>
		<div id="lien_contact"><a href="#" onclick="window.print();"><img src="images/lien32.png" width="32" height="32" alt=""></a></div>
		<div id="lien_back"><a href="#" onclick="window.print();"><img src="images/lien32.png" width="32" height="32" alt=""></a></div>
         </div>
</body>
Salut,

Essaye de placer ton lien en display: block; de supprimer ton <div>

#lien_web
{
	width:100px;
	height:40px;
	position:relative;
	left:590px;
	top:45px;
display: block;
}

<a href="http://www.google.com/" id="lien_web><img src.... </a>


Sans omettre de remplir correctement l'alternative textuelle (attribut alt de l'image), il va sans dire et sûrement mieux en le disant... Smiley cligne