diminuer/augmenter taille police

Version imprimable

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 */

26/05/2009, 01h09
le_chomeur

ou est ta méthode : tailleFont ???
27/05/2009, 16h49
douceur

euh, je crois jen ai pas :roll:. ou faut-il la placer?
27/05/2009, 16h52
douceur

finalement, je lai retrouver, elle est dans mon javascript dans mon html

exemple:

Code:

javascript:tailleFont('styleContenu','12px')
27/05/2009, 17h00
le_chomeur

:calim2: il s'agit de l'appel , moi je voudrais voir le contenu :aie:

dans ma feuille css?
Code:

1 2 3 4 5 6 7 8 9 10 11 12 #resize_text a:hover { color:#FEBE35; } .small { font-size:12px; } .medium { font-size:16px; } .large { font-size:23px; }
sinon j du loupé quelque chose alors :?

28/05/2009, 00h26
le_chomeur
le contenu de la méthode javascript :roll:

tailleFont('styleContenu','12px')

tu dois avoir
Code:

1 2 tailleFont(un truc , un autre truc){ }

Code:

1
2
3
<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>

30/05/2009, 19h13
le_chomeur

j'abandonne ......:calim2::calim2::calim2:
04/06/2009, 23h14
douceur

explique moi, je veux comprendre
05/06/2009, 09h04
le_chomeur
heureusement que ton pseudo est "Douceur" je vais donc y aller comme ça en douceur ...

une fonction est une suite d'instruction permettant d'effectuer une ou plusieurs action ,

en gros tu devrais avoir :
Code:

1 2 3 4 function tailleFont(un truc , un autre truc){ ic plein de ligne de code }
c'est ça que j'ai besoins de voir :)

pour exécuter ta fonction ( l'appeler en fait , mais je vais dire exécuter pour que ce soir plus clair ;) )

on le fait comme ceci (dans ton cas ) :

Code:

tailleFont('styleContenu','12px')

moi ce qui m'intéresse c'est de voir la fonction complète et non comment on l'appel :)
05/06/2009, 22h31
douceur

AAh ok, oup, je..je l'ai oublié.

merci de m'avoir expliquer ^^