28173 sujets

CSS et mise en forme, CSS3

Bonjour,

J'aimerai savoir pourquoi le roll over fonctionne sous internet Explorer mais pas Firefox sachant que ce dernier est validé par w3.org.

Ci joint :

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
	<head>
		<title>test</title>
		
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<meta http-equiv="Content-Style-Type" content="text/css" />
		<meta http-equiv="Content-Language" content="fr" />
		<meta name="author" content="test" />
		<meta name="email" content="test@nospam@test.fr" />


		<style type="text/css">
		a.rollover1
		{
     			width: 143px ;
     			height: 83px ;
     			background: url(1_up.jpg) ;
     			border: 0 ;
		}

		a.rollover1:hover 
		{
     		background: url(1_down.jpg) ;
		}
		</style>
	</head>			

<body>


<p>Voici un test.
<a class="rollover1" href="test" ></a></p>
</body>
</html>


Merci d'avance Smiley biggrin
Modifié par aper0 (23 Jan 2007 - 14:19)
Je peux t'aider, si tu veux :

Attention ! Spoiler ! ^^

Le problème vient des dimensions que tu essaies d'appliquer au lien. La balise <a> est de type inline, elle ne devrait donc pas réagir aux propriétés CSS "width" & "height", elle s'adapte à son contenu.

En forçant le passage à "display: block", les dimensions sont appliquées. Note, les liens vont maintenant se superposer au lieu de se mettre les uns à côté des autres ...
Justement, concernant la disposition, pourquoi il saute une ligne automatiquement ?
Je ne veux plus les avoir les un à coté des autres ? Smiley bawling
Uep voila, enfait le principe, cest une image découpée en morceaux avec roll over sur chaque partie pour renvoyer vers un lien.
En gros, un puzzle menu...
Tu arrives à visualiser le truc ? Tu n as pas une astuce pour m'aider à réussir dans cette honnorable quète ?

Merci d'avance en tout cas Smiley smile
Mais si je le mets en forme avec des td et tr ce n est pas possible ?
Pfff ca me parait chiant et j ai la flemme Smiley fache
Meuh nan, c'est pas compliqué ... et depuis tout à l'heure, t'as dû avoir le temps de te reposer Smiley lol

Il y a combien de pièces, à ton puzzle ? Combien de rangées, de colonnes ? Toutes les pièces sont de la même taille ?