28221 sujets

CSS et mise en forme, CSS3

[resolu]Un bloc lien

Bonjour.
J'ai un petit soucis sur ma page d'accueil, j'ai quatre div avec un peu de texte de présentation et je voudrais que ses blocs soit clicables
Voici mon code :


<div class="titre4para">
<a href="coucou.htm">
mon texte
</a>
</div>




Comme c'est là, ca fonctionne bien avec firefox mais avec IE, seul le texte dans mes blocs est réactif.
Quelqu'un a une solution ?
merci.

Je viens aussi de voir que le texte que j'ai encodé pour faire ce message affiche bien les retours à la ligne lorsque j'ai fait ENTER.
Ca serait bien pour mon interface de mise à jour (HTML et PHP)
Quelqu'un sait comment on fait ? est-ce facile à appliquer?
Modifié par gabnico (26 May 2005 - 11:22)
Administrateur
Salut,

La balise <a> est de type inline, ce qui signifie qu'elle n'a pas de dimensions par défaut (elle n'occupe que la place du texte).

Si tu veux pouvoir lui donner des dimensions, il faut la passer en type bloc.

Sur ce tutoriel, tu as une explication complète du principe.

Bonne chance Smiley cligne
Modifié par Raphael (25 May 2005 - 10:41)
ok, merci j'ai adapté et ca fonctionne.
Mais un autre problème est apparu et il est tellement loufoque que je ne sais pas ou chercher. ca le fait avec firefox mais pas avec explorer.
quand je rafraichis ma page, la couleur du titre de mon quatrième bloc redevient noir alors qu'il est normallement blanc.en fait c'est assez aléatoire, si je rafraichis encore, il repasse blanc . Smiley confus
je redonne le code d'un de mes 4 blocs :

  <div class="BlocsAccueil2">
    <a href="/formation.php">	
      <div class="TitresAccueil2">
        c est ici que la couleur du texte change
      </div>
      <div class="TextesAccueil2">
        <?php echo $para3 ?>
      </div>
    </a> 	
</div>


et ma CSS:


.BlocsAccueil2{
	min-height:45px;
	background-color: #E6EAE8;
	margin-bottom: 7px;
	border-right:1px solid #000000;
	border-bottom:1px solid #000000;
}
.BlocsAccueil2 a{
	display:block;
	width:100%;
	height:100%;
}
.TitresAccueil2{
	background-image: url(/image/titre.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left:5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-style: italic;
	color: #FFFFFF;	
}
.TextesAccueil2{
	margin:0px 3px 3px 3px;
}


Quelqu'un a déja eu ce probleme ?
Sujet clos
Aller à