Résolu Problèmes de liens

Bonjour,

J'ai créé une image "accueil" pour mon blog que j'ai personnalisé avec du CSS et tout et tout ... Je le place dans un module simple avec ce code :

<div id="accueil"></div>

Puis, je place la balise HTML de lien pour que l'image soit clicable : 

<a href="http://codafish.eklablog.fr/accueil-c28811312"><div id="accueil"></div></a>

Puis, une fois enregistré, l'édition corrige et cela ne marche pas. Y aurait-il une solution ?  Un autre code possible ? 

Voici mon CSS : 

#accueil {background: url(http://zupimages.net/up/16/31/1k29.png)}
#accueil {position: fixed; top: 40px; left: 0px; width: 150px;
    
    -webkit-transition-duration: 0.3s; 
-moz-transition-duration: 0.3s;
transition-duration: 0.3s; 
    color: transparent!; background: url(http://zupimages.net/up/16/31/sa7x.png); height: 30px; background-repeat: no-repeat; webkit-transition: 500ms; /* Safari */
    transition: 0.3s;}
#accueil:hover {background : url(
    http://zupimages.net/up/16/31/t4nh.png); width: 200px!important; background-repeat: no-repeat; -webkit-transition-duration: 0.3s; 
-moz-transition-duration: 0.3s;
transition-duration: 0.3s; }

Bon, je sais, c'est un peu le bazar. ><

Merci. :) 

[Désolée mais je n'ai pas compris le principe avec Shift et tout et tout). x')

Le problème vient du html (et un peu de l'éditeur d'ekla qui aime bien corriger nos codes... ^^')

Pour faire simple, il y a deux type de balise, les balise de bloc (comme div) et les inline (comme a)

Un bloc peut entourer un autre bloc ou un inline. Les deux codes suivants sont corrects :

<div>
   </div>
   </div>
</div>

<div>
   <a>LIEN</a>
</div>

Un inline ne peut que entourer un autre inline, jamais de bloc. 

<a><span>LIEN AVEC UN STYLE DE TEXTE</span></a>

Pour régler ton problème, il faut supprimer ton div et changer le style de ton <a> en bloc avec la propriété "display" (et donc en appliquant l'id "accueil" à <a>)

<a id="accueil" href="http://codafish.eklablog.fr/accueil-c28811312"></a>

#accueil{
     display: block;
     /*met ici le reste de ton code*/
}

D'accord merci beaucoup Naga' ! :D