diminuer/augmenter taille police
Bonjour
je suis en train de refaire mon site et je souhaite que le visiteur mette la police comme il veut (la grosseur), donc les 3 A ==
il s'affiche, mais ca ne fais rien ^^
un ptit coup de main please
code html
Code:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54
| <!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"><head>
<link href="css/pages.css" rel="stylesheet" type="text/css" />
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Principal</title>
<head>
</head>
<body>
<div id="content">
<div id="ban"><img src="image/banniere.jpg" /></img></div>
</div>
<!-- Début du menu déroulant-->
<div id="menu">
<ul id="menuDeroulant">
<li><a href="index.html">Accueil</a></li>
<li><a href="#">Créations</a>
<ul class="sousMenu">
<li><a href="">Montage d'image </a></li>
<li><a href="#">Montage vidéos </a></li>
</ul>
</li>
<li><a href="#"> Causes</a></li>
<li><a href="#">webmastrice</a>
<ul class="sousMenu">
<li><a href="">personnes importantes </a></li>
<li><a href="#">mes passions </a></li>
</ul>
</li>
<li><a href="">Newsletter</a></li>
<li><a href="">livre d'or</a></li>
<li><a href="">Contact</a></li>
</ul>
</div>
<div id="resize_text">
<a class="small" title="Réduire la taille du texte" href="javascript:tailleFont('styleContenu','12px')">A</a>
<a class="medium" title="Taille par défaut" href="javascript:tailleFont('styleContenu','16px')">A</a>
<a class="large" title="Augmenter la taille du texte" href="javascript:tailleFont('styleContenu','23px')">A</a>
</div>
<div id="contenu" class="styleContenu">
<div id="bienvenue">
<center><img src="image/bienvenue.png" /></center></img><br></div>
</div |
code css
Code:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21
| #resize_text a{
color:#FFFFFF;
text-decoration:none;
position:relative;
right:60px;
margin-top:-200px;
}
#resize_text a:hover {
color:#FEBE35;
}
.small {
font-size:12px;
}
.medium {
font-size:16px;
}
.large {
font-size:23px;
}
/*pour la page */ |