Bonjour,
Voila, j'ai un code .css mais avec ce code, tt les "é" partent en cacahuète ainsi que lles "û"
voici le code css
Pouvez vous m'aider svp ? je vous remercie d'avance Smiley smile

<html>
<head>

  <style type="text/css">
body {
	background-image: url(http://photos1.blogger.com/blogger/7994/1253/1600/eden2.gif);
	overflow-x: hidden;
	margin: 0px;
	padding: 0px;
	background-position: top left;
	font-family: arial;
	font-size: 0.7em;
	color: #A5C733;
	scrollbar-face-color: #000000;
	scrollbar-highlight-color: #000000;
	scrollbar-shadow-color: #000000;
	scrollbar-3dlight-color: #000000;
	scrollbar-arrow-color: #A5C733;
	scrollbar-track-color: #A5C733;
	scrollbar-darkshadow-color: #000000;
	width: 365px;
  } 
#image { 
  position: relative; 
  top: 0px;
  left: 0px; 
  width: 800px; 
  height: 600px; 
  background-image: url('http://photos1.blogger.com/blogger/7994/1253/1600/edenoriginal1.gif'); 
  background-repeat: no-repeat;
  }
#posts { 
  position: absolute;
  top: 275px;
  left: 95px;
  width: 365px;
  padding: 3px;
  }
#nav { 
  position: absolute;
  top: 400px;
  left: 500px;
  padding: 10px;
  width: 180px;
  text-align: right;
  } 
#nav ul { 
  margin: 3px 0px 0px 0px; 
  padding: 0px;
  list-style-type: none;
  }
#nav ul li {
  margin: 3px;
  }
#nav p { 
  margin: 3px 0px 0px 0px;
  }
#nav ul a {
  color: #A5C733;
  font-weight: bold;
  font-size: 1em;
  padding-right: 20px; 
  background-image: url(http://photos1.blogger.com/blogger/7994/1253/1600/othereden4.gif); 
  background-repeat: no-repeat; 
  background-position: right top; 
  text-decoration: none;
  }
#nav ul a:hover { 
  color: #A5C733; 
  background-image: url(http://photos1.blogger.com/blogger/7994/1253/1600/othereden3.gif); 
  background-repeat: no-repeat;
  background-position: right top;
  }
a {
  color: #A5C733;
  font-weight: bold;
  font-size: 1em; 
  text-decoration: none;
  }
a:hover { 
  color: #FFFFFF;
  }
strong, em, i, b { 
  color: #FFFFFF;
  }
u { 
  text-decoration: none;
  color: #FFFFFF;
  border-bottom: 1px solid #A5C733;
  }
blockquote { 
  color: #000000; 
  background-color: #A5C733; 
  border: 1px solid #000000;
  padding: 3px;
  }
h1 {
  color: #FFFFFF;
  font-family: arial;
  font-weight: bold;
  text-transform: lowercase;
  font-size: 20pt;
  line-height: 20px;
  text-align: left;
  letter-spacing: pt;
  }
h2 {
  color: #A5C733;
  font-family: arial;
  font-weight: bold;
  text-transform: lowercase;
  font-size: 15pt;
  line-height: 15px;
  text-align: left;
  letter-spacing: pt;
  margin-top: -20px;
  }
h3 {
  color: #FFFFFF;
  font-family: arial;
  font-weight: bold;
  text-transform: lowercase;
  font-size: 15pt;
  line-height: 15px;
  letter-spacing: pt;
  }
.style1 {color: #FFFFFF}


  </style>
</head>


        
        
<html>

<div id="image"></div>

<div id="posts">
		<h1><a href="<$BlogURL$>" title="Revenir à l'acceuil">Le blog de Jam Trizo</a></h1>
<br>		
<br/>
<br>
<MainOrArchivePage>


<Blogger>

				
			<div class="post">
				<font size="5"><b><u><$BlogItemTitle$></b></u></font><br>
				Ecrit par <$BlogItemAuthorNickname$> @ <$BlogItemDateTime$> le 
<BlogDateHeader><$BlogDateHeaderDate$></BlogDateHeader><br><br>
				
			
					<$BlogItemBody$>
			
		
				<p class="postmetadata"><$BlogItemControl$>
     
     
     <BlogItemCommentsEnabled>
>> <a class="comment-link" href="<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnclick$>>Ecrire un commentaire</a> - <small> 
          <$BlogItemCommentCount$> commentaire(s) </small> 
</BlogItemCommentsEnabled>				
<br/>
<br/>

			</p></div>
	


</Blogger>

<small>
<p align="center" class="footer"> &copy; 2006 <a href="<$BlogURL$>" 

title="<$BlogTitle$>"><$BlogTitle$></a></p></small>
</div>

</MainOrArchivePage>
	
<ItemPage>

<Blogger>
    
	  
		<div class="post">
			<h2 id="post-<$BlogItemNumber$>"><$BlogItemTitle$></h2>
	
			<div class="entrytext">
				<$BlogItemBody$>

    
				<p class="postmetadata graybox">
					<small>
						This entry was posted
						on <BlogDateHeader><$BlogDateHeaderDate$></BlogDateHeader> at <$BlogItemDateTime$>.

									
<BlogItemCommentsEnabled>
							You can skip to the end and leave a response.
</BlogItemCommentsEnabled>		
						
						<$BlogItemControl$>
						
					</small>
				</p>
	
	
               </Blogger><div class="center">&laquo; <a href="<$BlogURL$>">Home</a><BloggerPreviousItems> | <a href="<$BlogItemPermalinkURL$>">Next</a> &raquo;</div><div style="display:none"></BloggerPreviousItems></div><Blogger>
           
           
			</div>
		</div>
		
  <div id="comments">

	<BlogItemCommentsEnabled><a name="comments"></a>
        <h4>
 
 
 
            <script type="text/javascript">var a = <$BlogItemCommentCount$>; if(a == 0) {document.write('pas de commentaire');} else if(a == 1) {document.write('1 commentaire:');}else{document.write(a+' commentaires:');}</script>
	


</h4>
        <BlogItemComments>
        <a name="c<$BlogCommentNumber$>"></a>
        <dt id="c<$BlogCommentNumber$>"><a name="c<$BlogCommentNumber$>"></a>
          Le <a href="#c<$BlogCommentNumber$>" title="comment permalink"><$BlogCommentDateTime$></a>,
          <$BlogCommentAuthor$> a écrit : 
        </dt>
        <br />
        <p style="padding-left:15px"><$BlogCommentBody$> &nbsp; <$BlogCommentDeleteIcon$></p>
        <br /><br />
        </BlogItemComments>
		
        
        
        &raquo; <$BlogItemCreate$>
    </BlogItemCommentsEnabled>

</div>
    </div>
	
	</div>

</Blogger>
</ItemPage>
<div id="nav">
  <div align="right">
<h3>Archives</h3>
<ul>
<BloggerArchives>
<li><a class="menu" href="<$BlogArchiveURL$>"><$BlogArchiveName$></a></li>
</BloggerArchives>
</ul>

</div>


</html>
Salut, vouloir modifier un template de www.canalblog.com c'est bien, connaître les bases du html c'est mieux. Smiley cligne
Fais un copier-coller de ce que tu nous as donné comme code dans une page vierge et tu verras qu'on ne peut pas faire grand chose. Tes problèmes d'accents viennent surement de ta base de données et ça n'a pas grand chose à voir avec les css Smiley eek

Bon courage Smiley murf
C'est un template pour blogger... La base de donné c'est pas moi. Donc en fait si je comprends bien, je ne peux rien faire ? Alors pourquoi lorsque je remets un autre .css, ça marche les accents?
Après bonne déduction, force est de constater que ça vient de ce .css non ? enfin je sais pas..
Salut,

Tu as essayé de forcer l'affichage des caractères avec par exemple :
a écrit :
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />

? Smiley cligne
pachouille a écrit :
Donc en fait si je comprends bien, je ne peux rien faire ?

Probablement que si, mais tu dois d'abord commencer par nettoyer le code parce qu'en l'état c'est in-dé-bug-able : pas de DOCTYPE, 2 ouvertures de <html>, pas de <body>, pas de <title>, du <p> entouré de <small>, etc.

Rien ne dit pas que ce nettoyage règlera ton problème d'encodage, mais ça aidera grandement à y voir plus clair.
merci pour les réponses, dès que je place le doctype, ça me foire des trucs.. j'ai replacé la balise <html> au bon endroit etc... tjours la même truc.
genre là ça me donne

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> 


<head>

  <style type="text/css">
body {
	background-image: url(http://photos1.blogger.com/blogger/7994/1253/1600/eden2.gif);
	overflow-x: hidden;
	margin: 0px;
	padding: 0px;
	background-position: top left;
	font-family: arial;
	font-size: 0.7em;
	color: #A5C733;
	scrollbar-face-color: #000000;
	scrollbar-highlight-color: #000000;
	scrollbar-shadow-color: #000000;
	scrollbar-3dlight-color: #000000;
	scrollbar-arrow-color: #A5C733;
	scrollbar-track-color: #A5C733;
	scrollbar-darkshadow-color: #000000;
	width: 365px;
  } 
#image { 
  position: relative; 
  top: 0px;
  left: 0px; 
  width: 800px; 
  height: 600px; 
  background-image: url('http://photos1.blogger.com/blogger/7994/1253/1600/edenoriginal1.gif'); 
  background-repeat: no-repeat;
  }
#posts { 
  position: absolute;
  top: 275px;
  left: 95px;
  width: 365px;
  padding: 3px;
  }
#nav { 
  position: absolute;
  top: 400px;
  left: 500px;
  padding: 10px;
  width: 180px;
  text-align: right;
  } 
#nav ul { 
  margin: 3px 0px 0px 0px; 
  padding: 0px;
  list-style-type: none;
  }
#nav ul li {
  margin: 3px;
  }
#nav p { 
  margin: 3px 0px 0px 0px;
  }
#nav ul a {
  color: #A5C733;
  font-weight: bold;
  font-size: 1em;
  padding-right: 20px; 
  background-image: url(http://photos1.blogger.com/blogger/7994/1253/1600/othereden4.gif); 
  background-repeat: no-repeat; 
  background-position: right top; 
  text-decoration: none;
  }
#nav ul a:hover { 
  color: #A5C733; 
  background-image: url(http://photos1.blogger.com/blogger/7994/1253/1600/othereden3.gif); 
  background-repeat: no-repeat;
  background-position: right top;
  }
a {
  color: #A5C733;
  font-weight: bold;
  font-size: 1em; 
  text-decoration: none;
  }
a:hover { 
  color: #FFFFFF;
  }
strong, em, i, b { 
  color: #FFFFFF;
  }
u { 
  text-decoration: none;
  color: #FFFFFF;
  border-bottom: 1px solid #A5C733;
  }
blockquote { 
  color: #000000; 
  background-color: #A5C733; 
  border: 1px solid #000000;
  padding: 3px;
  }
h1 {
  color: #FFFFFF;
  font-family: arial;
  font-weight: bold;
  text-transform: lowercase;
  font-size: 20pt;
  line-height: 20px;
  text-align: left;
  letter-spacing: pt;
  }
h2 {
  color: #A5C733;
  font-family: arial;
  font-weight: bold;
  text-transform: lowercase;
  font-size: 15pt;
  line-height: 15px;
  text-align: left;
  letter-spacing: pt;
  margin-top: -20px;
  }
h3 {
  color: #FFFFFF;
  font-family: arial;
  font-weight: bold;
  text-transform: lowercase;
  font-size: 15pt;
  line-height: 15px;
  letter-spacing: pt;
  }
.style1 {color: #FFFFFF}


  </style>
</head>


        
        


<div id="image"></div>

<div id="posts">
		<h1><a href="<$BlogURL$>" title="Revenir à l'acceuil">Le blog de Jam Trizo</a></h1>
<br>		
<br/>
<br>
<MainOrArchivePage>


<Blogger>

				
			<div class="post">
				<font size="5"><b><u><$BlogItemTitle$></b></u></font><br>
				Ecrit par <$BlogItemAuthorNickname$> @ <$BlogItemDateTime$> le 
<BlogDateHeader><$BlogDateHeaderDate$></BlogDateHeader><br><br>
				
			
					<$BlogItemBody$>
			
		
				<p class="postmetadata"><$BlogItemControl$>
     
     
     <BlogItemCommentsEnabled>
>> <a class="comment-link" href="<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnclick$>>Ecrire un commentaire</a> - <small> 
          <$BlogItemCommentCount$> commentaire(s) </small> 
</BlogItemCommentsEnabled>				
<br/>
<br/>

			</p></div>
	


</Blogger>

<small>
<p align="center" class="footer"> &copy; 2006 <a href="<$BlogURL$>" 

title="<$BlogTitle$>"><$BlogTitle$></a></p></small>
</div>

</MainOrArchivePage>
	
<ItemPage>

<Blogger>
    
	  
		<div class="post">
			<h2 id="post-<$BlogItemNumber$>"><$BlogItemTitle$></h2>
	
			<div class="entrytext">
				<$BlogItemBody$>

    
				<p class="postmetadata graybox">
					<small>
						This entry was posted
						on <BlogDateHeader><$BlogDateHeaderDate$></BlogDateHeader> at <$BlogItemDateTime$>.

									
<BlogItemCommentsEnabled>
							You can skip to the end and leave a response.
</BlogItemCommentsEnabled>		
						
						<$BlogItemControl$>
						
					</small>
				</p>
	
	
               </Blogger><div class="center">&laquo; <a href="<$BlogURL$>">Home</a><BloggerPreviousItems> | <a href="<$BlogItemPermalinkURL$>">Next</a> &raquo;</div><div style="display:none"></BloggerPreviousItems></div><Blogger>
           
           
			</div>
		</div>
		
  <div id="comments">

	<BlogItemCommentsEnabled><a name="comments"></a>
        <h4>
 
 
 
            <script type="text/javascript">var a = <$BlogItemCommentCount$>; if(a == 0) {document.write('pas de commentaire');} else if(a == 1) {document.write('1 commentaire:');}else{document.write(a+' commentaires:');}</script>
	


</h4>
        <BlogItemComments>
        <a name="c<$BlogCommentNumber$>"></a>
        <dt id="c<$BlogCommentNumber$>"><a name="c<$BlogCommentNumber$>"></a>
          Le <a href="#c<$BlogCommentNumber$>" title="comment permalink"><$BlogCommentDateTime$></a>,
          <$BlogCommentAuthor$> a écrit : 
        </dt>
        <br />
        <p style="padding-left:15px"><$BlogCommentBody$> &nbsp; <$BlogCommentDeleteIcon$></p>
        <br /><br />
        </BlogItemComments>
		
        
        
        &raquo; <$BlogItemCreate$>
    </BlogItemCommentsEnabled>

</div>
    </div>
	
	</div>

</Blogger>
</ItemPage>




<div id="nav">


  <div align="right">


<br>
<h3>Kranchou radio</h3>
<ul>
<embed allowScriptAccess="never" allownetworking="internal" src= "http://srv11.votreradio.com/PLAYERS/player_23.m3u" autostart="true" loop="true" height="25" width="145"><br>
<br>
                
</ul>

<h3>photos</h3>
<ul>
</a><li><a href="http://rezal404.org/pachouille/gallerie-mariage/category.php" target="_blank"> Mariage Loubna & Jojo</li>
</a><li><a href="http://www.freshpoulp.net/pachouille/blog/photos/Gallerie/Mael/" target="_blank"> Mael</li>
</a><li><a href="http://www.freshpoulp.net/pachouille/blog/photos/Gallerie/Japon/" target="_blank"> Zurbi</li>
</a><li><a href="http://www.freshpoulp.net/pachouille/blog/photos/Gallerie/beberan/" target="_blank"> Beber&Beran</li>
</a><li><a href="http://www.freshpoulp.net/pachouille/blog/photos/Gallerie/SouthPark/" target="_blank"> South Park</li>
</a><li><a href="http://www.freshpoulp.net/pachouille/blog/photos/Gallerie/maroc/" target="_blank"> Maroc</li></a>                
</ul>
<h3>Musiques</h3>
<ul>
</a><li><a href="http://www.freshpoulp.net/pachouille/blog/Sons/Toma%20-%20Nadir%20Point.mp3" target="_blank"> Toma - Nadir point</li>
</a><li><a href="http://www.freshpoulp.net/pachouille/blog/Sons/Toma%20-%20White%20sahara.mp3" target="_blank"> Toma - White sahara</li>
</a><li><a href="http://www.freshpoulp.net/pachouille/blog/Sons/Pachouille%20-%20Attempt.mp3" target="_blank"> Pachouille - Attempt</li>
</a><li><a href="http://www.freshpoulp.net/pachouille/blog/Sons/Shout/Shout/" target="_blank"> Shout</li></a>        
</ul>
<h3>Vidéos</h3>
<ul>
</a><li><a href="http://www.freshpoulp.net/pachouille/blog/photos/jamtrizo-clip.htm" target="_blank"> Jam trizo</li>
</a><li><a href="http://freshpoulp.net/pachouille/blog/videos/fete_henne_julo.nsv" target="_blank"> Fête du hénné</li>
</a><li><a href="http://www.freshpoulp.net/pachouille/blog/videos/Enterrement%20vie%20de%20gar%e7on%20de%20Marco.nsv" target="_blank"> Marco&Manue</li>
</a><li><a href="http://zurbi.chez-alice.fr/Mes%20documents/Serveur%20Zurbi//www/Vietnam/Hanoi/Temple-de-la%20Litterature-Van-Mieu-8.MPG" target="_blank"> Zurbi - Viet Nam</li>
</a><li><a href="http://www.freshpoulp.net/pachouille/blog/videos/video-mael1.avi" target="_blank"> Mael percu</li>
</a><li><a href="http://www.freshpoulp.net/pachouille/blog/videos/video-mael2.avi" target="_blank"> Mael phone</li>
</a><li><a href="http://www.freshpoulp.net/pachouille/blog/videos/video%2009-12-05.AVI" target="_blank"> Phone assistance</li>
</a><li><a href="http://www.freshpoulp.net/pachouille/blog/videos/TripOmans.avi" target="_blank"> TripOmans</li>
</a><li><a href="http://www.freshpoulp.net/download.php?file=PROMO/Ictus/ictus_-_bebert.nsv" target="_blank"> Annif infratunes</li>
</a><li><a href="http://www.freshpoulp.net/pachouille/blog/videos/caracas.AVI" target="_blank"> Caracas</li>
</a><li><a href="http://www.freshpoulp.net/pachouille/blog/videos/cotes.AVI" target="_blank"> Vénézuela</li>
</a><li><a href="http://www.freshpoulp.net/pachouille/blog/videos/montagnes.AVI" target="_blank"> Vénézuela 2</li></a>     
</ul>
<h3>Liens</h3>
<ul>
	<li><a href="http://www.kranchou.net/" target="_blank"> Kranchou.net</a></li>
         <li><a href="http://infratunes.com/" target="_blank"> Infratunes.com</a></li>
         <li><a href="http://radio404.org" target="_blank"> Radio 404</a></li>
         <li><a href="http://www.azekka.org" target="_blank"> Azekka</a></li>
         <li><a href="http://venezuelapues.blogspot.com" target="_blank"> Beber&Beran</a></li>
         <li><a href="http://adventureland.canalblog.com/" target="_blank"> Candice</a></li>
         <li><a href="http://www.myspace.com/pachouille" target="_blank"> myspace</a></li>
         <li><a href="http://tinemfou.blogspot.com/" target="_blank"> TiNemFou</a></li>
         <li><a href="http://rezal404.org/blog404/" target="_blank"> 404</a></li>
         <li><a href="http://www.ville-lucon.fr" target="_blank"> Luçon</a></li>      
</ul>



<h3>Archives</h3>
<ul>
<BloggerArchives>
<li><a class="menu" href="<$BlogArchiveURL$>"><$BlogArchiveName$></a></li>
</BloggerArchives>
</ul>

</div>


</html>