Votre question

Liens et class html

Tags :
  • Php
  • Programmation
Dernière réponse : dans Programmation
4 Octobre 2009 22:32:09

Bonjour, voila je vous expose mon problème apres avoir hélas ne pas avoir trouver sur le net la réponse.

Je souhaiterais qu'une class renvoi vers un lien.
J'ai essayés plusieurs choses sans résultats.

Citation :
<a href="lol.php"><div class="box1"></div></a>


Citation :
<p><a href="lol.php" class="box1"></a></p>


Citation :
<div class="box1"><a class="box1" href="lol.php" ></a></div>


Merci de vos réponses :hello: 

Autres pages sur : liens class html

4 Octobre 2009 22:35:34

La solution serait plutôt de transformer ton <a> en élement de type bloc.

xHTML :

  1. <a href="#" class="unbongrosliencarre">Contenu de mon gros carré, clic clic :)</a>


CSS :

  1. .unbongrosliencarre {
  2. color:blue;
  3. background-color:red;
  4. height:200px;
  5. width:200px;
  6. display:block; /* le plus important ! */
  7. }
m
0
l
4 Octobre 2009 22:46:31

Merci de ta réponse SiM07 au combien des plus rapide, mais je ne veux pas afficher de texte sur cette class et sur le bloc.
Voila le contenu de mon css pour vous aider à cerner la chose:

Citation :
#dbox {
width: 50px;
height: 185px;
background: #000000;
float: right;
margin-right: 5px;
margin-top: 20px;
}

}
.box1 a:link, .box1 a:visited, .box1 a:hover, .box1 a:active { /* pas de lien sur zone cliquable */
text-decoration:none;
border-bottom:none;
}

.box1 {
width: 41px;
height: 41px;
margin: 4px;
background: #616161;
}

[...]


et de mon (x)html

Citation :
<div id="dbox">
<a href="lol.php" class="box1"></a>
<p class="box2"></p>
<p class="box3"></p>
<p class="box4"></p>
</div>

m
0
l
Contenus similaires
9 Octobre 2009 18:45:36

Salut,
Enlève tes balises <a ... et remplace le div par
  1. <div id="dbox" onclick="window.location.href='lol.php'">


:hello: 
m
0
l
9 Octobre 2009 20:20:20

DrSnake, ta solution est bonne mais ne fonctionne pas sur IE <7 malheureusement. SI tu ne veux pas de texte met donc le caractère espace ( ) a savoir <a> </a> et ainsi tu auras du contenu dans ton lien et il ne sera pas visible.

Désolé, je n'avais pas vu qu'il y avait eu une réponse.
m
0
l
Tom's guide dans le monde
  • Allemagne
  • Italie
  • Irlande
  • Royaume Uni
  • Etats Unis
Suivre Tom's Guide
Inscrivez-vous à la Newsletter
  • ajouter à twitter
  • ajouter à facebook
  • ajouter un flux RSS