18114 sujets

Questions générales et questions de débutants

Enlever marges

Bonjour, Smiley decu je voudrais savoir comment je pourrais dans cette page ne plus voir la bordure orange de mon contener ou si vous vouler que ma photo et mon commentaire soit au raz de ma page merci de m'aiderhttp://www.alyzes.com/aep/home/www/agence.htmldéjà que je suis très malade d'une gastro j'ai pas envie de m'énerver la dessus Smiley bawling
Boudiou la page de 2 Mo... heureusement que j'ai l'ADSL, parce que sinon j'étais bon pour un quart d'heure d'attente pour charger quelques malheureuses images...

Je crois que ces images ont furieusement besoin d'être redimmensionnées et optimisées (aussi bien le logo que les deux photos), parce que je doute qu'une image de 1600px de large (et de 1Mo !) soit nécessaire pour l'afficher sur 693px de large...

Pour cette histoire de marge, j'avoue ne pas trop savoir de quelle marge orange ou bordure orange il s'agit... il y a du orange un peu partout, donc ça ne saute pas tout de suite aux yeux. Smiley cligne
Bonsoir,je pense avoir réussi est ce que quelqu'un peut vérifier si c'est juste au niveau de la position dans le code ?
<!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" lang="fr"> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> 
<title>projets</title> 
<style type="text/css"> 
* { 
margin: 0; 
padding: 0; 
} 
/*Mon corps*/ 
body { 
color: #fff; 
font-family: Century Gothic; 
font-size: 11px; 
text-align: center; 
background-color: #FFF; 
background-image: url(); 
} 
div#container { 
margin: 0 auto; 
width: 760px; 
background-color: #FE9903; 
} 
/*Ma tête*/ 
#header p { 
font-size: 1em; 
font-weight: bold; 
color: #FFF; 
text-align: left; 
padding: 1em; 
} 
/* Mon menu*/ 
div#menu { 
float: left; 
padding: 1em; 
width: 150px; 

} 
#menu ul { 
text-align: left; 
} 
#menu li { 
list-style: none; 
line-height: 3em; 
} 
#menu a { 
font-weight: bold; 
} 
[#red]/*Mon contenu photo*/ 
div#contenu { 
width: 560px;
position: relative;
margin: 0px;
}[#green]
 /*Ma barre dherbe*/
div#div 1{
width: 700px;
}
div#div 2{
float: left;
text-align: left; 
padding :1em
}
/*Les liens*/ 
a:link, a:visited, a:active { 
color: #FFF; 
text-decoration: none; 
} 
a:hover { 
text-decoration: none; 
background-color:#20A42E; /* Le fond du paragraphe change de couleur */ 
} 
/*les autres bien utiles parfois*/ 
hr.spacer { 
visibility: hidden; 
clear: both; 
} 
a:link {
	color: #fff;
}
.Style1 {color: #20A42E}
a:active {
	color: #FFFFFF;
}
a:visited {
	color: #FFFFFF;
}
.Style3 {font-size: 16px}
.Style4 {font-size: 16px; font-weight: bold; }
</style> 
</head> 
<body> 
<div id="container"> 
<!--Début du menu-->
<div id="menu"> 
<img src="images/logo-vert.gif" alt="logo" width="174" height="74" />
<ul><li><a href="accueil.html" title="" tabindex="" accesskey="">Accueil</a></li> 
<li><a href="agence.html" title="" tabindex="">L'agence</a></li> 
<li><a href="projets.html" title="" tabindex="">Les projets</a></li> 
<li><a href="design.html" title="" tabindex="">Le design</a></li> 
<li><a href="scenograhie.html" title="" tabindex="">La scenographie urbaine </a></li> 
<li><a href="contact.html" title="" tabindex="" accesskey="">Contact</a></li> 
</ul> 
</div> 
<!--Début du contenu--> 

<div id="contenu">
  
<table width="100%" border="0" cellspacing="0" cellpadding="0">
  <tr>  </tr>
  <tr>
    <td><img src="images/joue2.jpg" alt="joué les tours" width="561" height="374" /></td>
  </tr>
</table>
<p></p> 
</div>
	<div id="div 1"><img src="images/barre.jpg" alt="herbe" width="100%" height="25" /></div>
  <div id="div 2"><table width="100%" height="100%" border="0" cellpadding="0" cellspacing="0">
  <tr>
    <td width="26%" rowspan="9" valign="bottom">
      <p align="left">Copyright © 2006 <a href="http://www.alyzes.com" title="" tabindex="" hreflang="fr">A&P-Design</a> <br />
        Tous droits reservé </p>
      </td>
    <td width="70%" rowspan="9" bgcolor="#FFFFFF"><div align="center"><strong><span class="Style1">Un mot d'accueil concernant tous les projets<br />
    </span></strong></div></td>
    <td width="4%" background="images/barre.jpg">
        <p align="center"><strong><a href="pj.html" class="Style3">PJ</a></strong></p>		</td>
  </tr>
  <tr>
    <td background="images/barre.jpg"><div align="center" class="Style3"><strong><a href="amedeberges.html">AB</a></strong></div></td>
  </tr>
  <tr>
    <td background="images/barre.jpg"><div align="center" class="Style3"><strong><a href="zoneactivites.html">ZA</a></strong></div></td>
  </tr>
  <tr>
    <td background="images/barre.jpg"><div align="center" class="Style3"><strong><a href="issoudun.html">AU</a></strong></div></td>
  </tr>
  <tr>
    <td background="images/barre.jpg"><div align="center" class="Style3"><strong><a href="traversees.html">T</a></strong></div></td>
  </tr>
  <tr>
    <td background="images/barre.jpg"><div align="center" class="Style3"><strong><a href="zonehabitation.html">ZH</a></strong></div></td>
  </tr>
  <tr>
    <td background="images/barre.jpg"><div align="center" class="Style3"><strong><a href="centresportif.html">CS</a></strong></div></td>
  </tr>
  <tr>
    <td background="images/barre.jpg"><div align="center" class="Style3"><strong><a href="etscolaire.html">ES</a></strong></div></td>
  </tr>
  <tr>
    <td background="images/barre.jpg"><div align="center" class="Style3"><strong><a href="autoroute.html">A</a></strong></div></td>
  </tr>
  
</table>
 </div>
<!--Début du footer--> 
<div id="footer">
  <div align="left"></div>
</div> 
</div> 
</body> 
</html>
Sujet clos
Aller à