Discussion :

[oceane751]

bonjour à tous

comme le titre de mon post l'indique j'ai un soucis avec une div

l'erreur

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
 
document type does not allow element "div" here; missing one of "object", "applet", "map", "iframe", "button", "ins", "del" start-tag

l'une des div qui pose problème

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
 
 
.maville {
background-image:url(../images/ma_ville.gif);
background-repeat:no-repeat;
width:89px;
height:33px;
}

puis qui va avec

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
 
.maville:hover
{
background-image:url(../images/on_ma_ville.gif);
background-repeat:no-repeat;
width:89px;
height:33px;
}

le bout de code de ma page

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
 
  <a href="spip.php?rubrique3">
 
  <div class="maville"></div></a>

donc quand je survole la premiere image j'ai le hover qui m'affiche on_ma_ville.gif

j'ai trouvé un site qui m'explique les erreurs
et l'exemple qu'il y a pour illustrer mon erreur est

là c'est pas bon

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
 
<font size=2><p>abc</p></font>

là c'est bon

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
 
<p><font size="2">abc</font></p>

donc là je sèche completement enfin je comprends un peu qu'il faut peut etre pas mettre de <a> avant une div mais comment faire alors?

quelqu'un pourrait il 'maider à mieux comprendre?

merci beaucoup !

[michel.bosseaux]

tu as le choix entre :
- mettre le <a> à l'intérieur du <div>
- définir l'évènement onclick du <div> (onclick="document.location.href='ton adresse'")

[oceane751]

arf
ya que le onClick comme solution? (l'autre ne fonctionne pas)

[desert]

Bonjour,
Pas besoin de onclick ici.

Code xhtml :

Sélectionner tout - Visualiser dans une fenêtre à part

<div class="maville"><a href="spip.php?rubrique3"></a></div>

Code css :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
.maville a {
    display: block;
    background: url(../images/ma_ville.gif) no-repeat;
    width: 89px;
    height: 33px;
}
.maville a:hover {
    background-image:url(../images/on_ma_ville.gif);
}

[oceane751]

ah va voilà
en faite ce qui me manquait c'était le

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
 
display: block;

ça marche c'est cool merci

[oceane751]

je reviens vers toi

j'ai tenté de refaire la meme chose mais là ça ne marche plus

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
 
.plusactu {
display: block;
background-image:url(images/plus_actus.gif); 
background-repeat:no-repeat; 
float:right;
background-position:bottom right;
width:108px; 
height:16px;
}

puis mon code de ma page

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
 
<div class="plusactu"><a href="spip.php?page=actualites"></a></div>

snif

tu peux m'aider à comprendre (encore)

merci beaucoup