28220 sujets

CSS et mise en forme, CSS3

bonjour,
édit par Igor: attention à ne pas afficher d'images géantes qui déforment le forum. Merci d'utiliser le bouton "créer une miniature" lorsque vous chargez une image.
regarder ce probleme Smiley fache dans mozilla mais dans internet explorer je vois po ce probleme comment reglé ca pour mozilla ?

merci pour votre aide !! le css:


/* body style */
body
{
  width: 810px;
  background-color: #CCCC99;
  margin: auto;
  margin-top: 10px;
  margin-bottom: 20px;
  
}

#haut_bg
{
  width: 810px;
  height: 100px;
  background: url("images/haut_bg.jpg");
}

#corps_bg
{
  width: 810px;
  background: url("images/home_bg.jpg");
}

#bas_bg
{
  width: 810px;
  height: 25px;
  background: url("images/bas_bg.jpg");
}

#menu_haut
{
  text-align: center;
  width: 780px;
  height: 18px;
  background: url("images/menu.jpg");
  margin: 0px;
  margin-left: 15px;
  padding: 0px;
  padding-top: 17px;
  padding-bottom: 17px;
  color: #CCCCCC;
  font-size: 12px;
  text-align: center;
  font-family: Arial;
}

#menu_haut a
{
  color: #FFFFFF;
  text-decoration: none;
}

#menu_haut a:hover
{
  color: #CCCC99;
}

#droite
{
  float: right;
  width: 300px;
  padding: 0px;
  padding-right: 20px;
  margin: 0px;
  margin-top: 5px;
}

#corps
{
  width: 430px;
  padding: 0px;
  padding-left: 20px;
  margin: 0px;
  margin-top: 5px;
}

#bas
{
  width: 770px;
  margin: 0px;
  margin-top: 10px;
  padding: 0px;
  padding-left: 20px;
  padding-right: 20px;
  text-align: center;
}

.image_home
{
  width: 229px;
  height: 119px;
  float: left;
  margin: 0px;
  margin-right: 5px;
  margin-bottom: 5px; 
}

.news_haut
{
  width: 420px;
  border-bottom: 1px solid #FFFFFF; 
  padding: 0px; 
  padding-left: 3px;
  color: #FFFFFF;
  padding-bottom: 3px;
}

.news
{
  text-align: justify; 
  width: 415px; 
  padding: 3px; 
  color: #FFFFFF;
  border: 1px solid #FFFFFF;
  border-top: none;
}

.news a
{
  text-decoration: none;
  color: #FFFFFF;
}

.news_haut a
{
  text-decoration: none;
  color: #FFFFFF;
}


et le html :

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr">
   <head>
       <meta http-equiv="Content-Language" content="fr" />
       <title>Bienvenue sur mon site !</title>
       <meta http-equiv="Content-Type" content="text/html; charset=windows-1252" />
       <link rel="stylesheet" media="screen" type="text/css" title="News2Foot" href="style.css" /> 
   </head>
   <body>
       <div id="haut_bg"><!-- pas touche ici [cligne]--></div>

       <div id="corps_bg">
       <!-- debut de la page -->
         <div id="menu_haut"><a href="index.php" title="La Une">La Une</a> | <a href="ligue_1.php" title="Ligue 1">Ligue 1</a> | <a href="Ligue_2.php" title="Ligue 2">Ligue 2</a> | <a href="les_bleus.php" title="Les Bleus">Les Bleus</a> | <a href="ligue_des_champions.php" title="Ligue Des Champions">Ligue Des Champions</a> | <a href="coupe_de_eufa.php" title="Coupe D'Eufa">Coupe D'Eufa</a> | <a href="coupe_de_france.php" title="Coupe De France">Coupe De France</a> | <a href="coupe_de_la_ligue.php" tilte="Coupe De La Ligue">Coupe De La Ligue</a> | <a href="transferts.php" title="Transferts">Tranferts</a> | <a href="autre.php" title="Autre Championnats">Autre</a></div>

         <div id="droite">Droite</div>
         <div id="corps"><div class="news_haut"><b><a href="/News2foot/index.php?subaction=showfull&amp;id=1156604302&amp;archive=&amp;start_from=&amp;ucat=1&amp;">Lyon en danger ?</a></font></b></div>
	<div class="news"><a href="/News2foot/index.php?subaction=showfull&amp;id=1156604302&amp;archive=&amp;start_from=&amp;ucat=1&amp;"> <img border="0" class="image_home" alt="" src="http://localhost/News2foot/news/data/upimages/malouda.jpg">Après sa démonstration de force à Bordeaux, Lyon se rend chez une équipe de Nice en crise de confiance. Mais l'OL se méfie quand même.</a></div><!-- News Powered by CuteNews:  http://cutephp.com/  --></div>
         <div id="bas">Copyright © 2005 - 2006 News2foot.com - Touts droits reservés</div>
       <!-- fin de la page -->
       </div>

       <div id="bas_bg"><!-- pas touche ici [cligne] --></div>
      
   </body>
</html>


j'ai oublié de dire que j'utilise cutephp... Smiley sweatdrop
Modifié par pra95 (27 Aug 2006 - 00:18)
Bonjour

A défaut d'image, est-il possible d'avoir un lien avec un exemple en ligne ou la partie HTML?
Merci
tien le html :

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr">
   <head>
       <meta http-equiv="Content-Language" content="fr" />
       <title>Bienvenue sur mon site !</title>
       <meta http-equiv="Content-Type" content="text/html; charset=windows-1252" />
       <link rel="stylesheet" media="screen" type="text/css" title="News2Foot" href="style.css" /> 
   </head>
   <body>
       <div id="haut_bg"><!-- pas touche ici [cligne]--></div>

       <div id="corps_bg">
       <!-- debut de la page -->
         <div id="menu_haut"><a href="index.php" title="La Une">La Une</a> | <a href="ligue_1.php" title="Ligue 1">Ligue 1</a> | <a href="Ligue_2.php" title="Ligue 2">Ligue 2</a> | <a href="les_bleus.php" title="Les Bleus">Les Bleus</a> | <a href="ligue_des_champions.php" title="Ligue Des Champions">Ligue Des Champions</a> | <a href="coupe_de_eufa.php" title="Coupe D'Eufa">Coupe D'Eufa</a> | <a href="coupe_de_france.php" title="Coupe De France">Coupe De France</a> | <a href="coupe_de_la_ligue.php" tilte="Coupe De La Ligue">Coupe De La Ligue</a> | <a href="transferts.php" title="Transferts">Tranferts</a> | <a href="autre.php" title="Autre Championnats">Autre</a></div>

         <div id="droite">Droite</div>
         <div id="corps"><div class="news_haut"><b><a href="/News2foot/index.php?subaction=showfull&amp;id=1156604302&amp;archive=&amp;start_from=&amp;ucat=1&amp;">Lyon en danger ?</a></font></b></div>
	<div class="news"><a href="/News2foot/index.php?subaction=showfull&amp;id=1156604302&amp;archive=&amp;start_from=&amp;ucat=1&amp;"> <img border="0" class="image_home" alt="" src="http://localhost/News2foot/news/data/upimages/malouda.jpg">Après sa démonstration de force à Bordeaux, Lyon se rend chez une équipe de Nice en crise de confiance. Mais l'OL se méfie quand même.</a></div><!-- News Powered by CuteNews:  http://cutephp.com/  --></div>
         <div id="bas">Copyright © 2005 - 2006 News2foot.com - Touts droits reservés</div>
       <!-- fin de la page -->
       </div>

       <div id="bas_bg"><!-- pas touche ici [cligne] --></div>
      
   </body>
</html>
Je n'ai pas les images et ne sais pas quelle est ta question.
Ajoute la propriété "clear: both" dans la balise "bas", ça peut déjà résoudre un problème.
Et donne-nous plus de détails. Merci.