diminuer/augmenter taille police

**douceur** · 25/05/2009, 22h02

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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

**le_chomeur** · 26/05/2009, 01h09

ou est ta méthode : tailleFont ???

**douceur** · 27/05/2009, 16h49

euh, je crois jen ai pas

. ou faut-il la placer?

**douceur** · 27/05/2009, 16h52

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

exemple:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

javascript:tailleFont('styleContenu','12px')

**le_chomeur** · 27/05/2009, 17h00

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

**douceur** · 27/05/2009, 19h54

dans ma feuille css?

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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

**le_chomeur** · 28/05/2009, 00h26

le contenu de la méthode javascript

tailleFont('styleContenu','12px')

tu dois avoir

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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

**douceur** · 30/05/2009, 17h01

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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>

**le_chomeur** · 30/05/2009, 19h13

j'abandonne ......

**douceur** · 04/06/2009, 23h14

explique moi, je veux comprendre

**le_chomeur** · 05/06/2009, 09h04

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

tailleFont('styleContenu','12px')

moi ce qui m'intéresse c'est de voir la fonction complète et non comment on l'appel

**douceur** · 05/06/2009, 22h31

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

merci de m'avoir expliquer ^^

diminuer/augmenter taille police

JavaScript

Discussions similaires

Partager

Partager