voila je voudrais changer la taille de mon texte mais je n'y arrive pas.
C'est vrai que j'ai un fichier css mais en principe quand on met une balise dans le code ca annule le css non?
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" >
<head>
<title>index</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" media="screen" type="text/css" title="Exemple" href="design_emeline4.css" />
<!-- DEBUT DU SCRIPT -->
<script type="text/javascript">
function rollover(id) {
var img = document.getElementById("id_" + id);
if(img.alt == id + "_on") {
img.src = "image/" + id + "_off.jpg";
img.alt = id + "_off";
} else {
img.src = "image/" + id + "_on.jpg";
img.alt = id + "_on";
}
}
</script>
<!-- FIN DU SCRIPT -->
</head>
<body>
<div id="unite">
<div class="en_tete">
<img src="image/bande_haut_index.jpg">
</div>
<div class="menu">
<img src="image/gauche_bouton.jpg">
<a href="presentation.php"><img src="image/presentation_off.jpg" id="id_presentation" alt="presentation_off" onmouseover="rollover('presentation')" onmouseout="rollover('presentation')" /></a>
<a href="jourj.php"><img src="image/jourj_off.jpg" id="id_jourj" alt="jourj_off" onmouseover="rollover('jourj')" onmouseout="rollover('jourj')" /> </a>
<a href="infospratiques.php"><img src="image/infos_pratiques_off.jpg" id="id_infos_pratiques" alt="infos_pratiques_off" onmouseover="rollover('infos_pratiques')" onmouseout="rollover('infos_pratiques')" /> </a>
<a href="contact.php"><img src="image/contact_off.jpg" id="id_contact" alt="contact_off" onmouseover="rollover('contact')" onmouseout="rollover('contact')" /> </a>
</div>
<div class="bas_page">
<img src="image/bande_bas_index.jpg">
<font size="5"> Si vous ne souhaitez pas que des informations ou photos vous concernant soient publiées sur ce site, rendez-vous sur la page Contact pour nous le dire, nous les retirons immédiatement ! </font>
</div>
</div>
</body>
</html>
body {
background-color: #FBE3DE;
font-family: "times new roman", arial, times, serif;
font-style: italic;
}
h1
{
text-align: center;
color: rgb(218,79,65);
font-family: Times New Roman, Times, serif;
font-style: italic;
font-size: 42px;
text-decoration: underline;
}
h2
{
color: rgb(218,79,65);
font-family: Times New Roman, Times, serif;
font-style: italic;
font-size: 17px;
text-decoration: underline;
}
h3
{
color: rgb(218,79,65);
font-family: Times New Roman, Times, serif;
font-style: italic;
font-size: 22px;
text-decoration: underline;
}
h4
{
color: black;
font-family: Times New Roman, Times, serif;
font-style: italic;
font-weight: bold;
font-size: 15px;
text-decoration: none;
text-align: center;
}
a
{
color: rgb(153,102,153); /* Les liens seront en rouge au lieu de bleu */
font-style: italic; /* Les liens seront en italique (pourquoi pas ?) */
}
a:hover
{
color: #541F54; /* Les liens seront en rouge au lieu de bleu */
font-style: italic; /* Les liens seront en italique (pourquoi pas ?) */
text-decoration: none;
}
img {
border:0;
vertical-align:middle;
}
a {
text-decoration:none; }
#unite
{
position:absolute;
left:50%;
margin-left:-490px;
width: 980px;
top:50%;
margin-top:-271px;
height: 542px;
background-image : url("image/fond_emeline.jpg");
background-repeat: no-repeat;
border :2px solid black;
}
#rubrique
{
position:absolute;
left:50%;
margin-left:-490px;
width: 980px;
top:50%;
margin-top:-271px;
height: 542px;
background-image: url("image/fond_rubrique.jpg");
background-repeat: no-repeat;
border :2px solid black;
}
#texte
{
overflow:auto;
width: 645px;
height: 420px;
margin-left:330px;
margin-top:15px;/* espace qui sépare de la ligne du dessus*/
}
#toffe
{
width:300px;
border:1px solid black;
margin:auto;
}
#enfant img
{
border:1px solid black;
display:inline;
}
#rubrique2
{
width: 980px;
height: 542px;
margin: auto;
background-image : url("image/fond_rubrique.jpg");
background-repeat: no-repeat;
border :2px solid black;
}
.menu
{
width: 980px;
height: 126px;
}
.en_tete
{
width: 980px;
height: 173px;
}
.bas_page
{
width: 980px;
height: 243px;
}
/* pour le menu deroulant */
#menuderoulant
{
width: 644px;
list-style-type: none;
margin: 0;
padding: 0;
border: 0;
}
#menuderoulant li
{
float: left;
margin: 0;
padding: 0;
border: 0;
}
#menuderoulant .sousmenu
{
list-style-type: none;
margin: 0;
padding: 0;
border: 0;
background: yellow;
}
#menuderoulant .sousmenu li
{
margin: 0;
padding: 0;
border: 0;
}
/* on cache tout les menus avec la propriété display none*/
#menuDeroulant li a:link, #menuDeroulant li a:visited
{
display: block;
height: 1%;
color: #FFF;
background: #3B4E77;
margin: 0;
padding: 4px 8px;
border-right: 1px solid #fff;
text-decoration: none;
}
#menuDeroulant li a:hover { background-color: #F2462E; }
#menuDeroulant li a:active { background-color: #5F879D; }
#menuDeroulant .sousMenu li a:link,
#menuDeroulant .sousMenu li a:visited
{
display: block;
color: #FFF;
margin: 0;
border: 0;
text-decoration: none;
}
#menuDeroulant .sousMenu li a:hover
{
background-image: none;
background-color: #F2462E;
}
en bas de ma page html j'ai une phrase que je voudrais réduire en taille.
<font size="5"> Si vous ne souhaitez pas que des informations ou photos vous concernant soient publiées sur ce site, rendez-vous sur la page Contact pour nous le dire, nous les retirons immédiatement ! </font>
comme vous pouvez le voir j'ai utilisé font size mais ca marche pas
6 avril 2009 à 10:38
<font size="5"> Si vous ne souhaitez pas que des informations ou photos vous concernant soient publiées sur ce site, rendez-vous sur la page Contact pour nous le dire, nous les retirons immédiatement ! </font>
comme vous pouvez le voir j'ai utilisé font size mais ca marche pas