18073 sujets

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

[Résolu] Exit Frames, Welcome CSS & Php !

Bonjour à toutes et à tous!
Ceci est mon premier post sur ce forum Smiley smile pour un soucis qui me fait m'arracher les cheveux. Après avoir abandonné les frames grâce à plusieurs de vos (excellentissimes!) tutoriels, j'ai réalisé cette page :
Mon soucis est le suivant (au risque de paraître bête Smiley sweatdrop : Des bordures apparaissent autour des images, alors que je n'ai aucun attribut border (sauf dans :
body {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 0.8em;
margin: 0;
padding: 0;
border: 0px;
}

Voici le code entier de la page :
<!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" lang="fr">
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style type="text/css">
/* CSS issu des tutoriels css.alsacreations.com/ */

* {
margin: 0;
padding: 0;
}
body {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 0.8em;
margin: 0;
padding: 0;
border: 0px;
}
#pied {
height: 20px ;
margin: 0;
background: #FFF ;
text-align: center;
}
#header {
height: 100px;
background-color: #99CCCC;
text-align: center;
}
#conteneur {
position: absolute;
width: 750px;
left: 50%;
margin-left: -375px;
background-color:#CCCCFF;
}
#centre {
background-color:#9999CC;
margin-left: 350px;
height: 500px;
}
#gauche {
position: absolute;
left:0;
width: 350px;
height: 500px;
}

.menugauche {
list-style-type: none ;
margin: 0;
padding: 0;
line-height: 0pt;
}
.menugauche li {
margin: 0;
padding: 0;
line-height: 0pt;
}
.menugauche a {
margin: 0;
color: #000000;
text-decoration: underline;
}
.menugauche a:hover {
text-decoration: none;
}
p {margin: 0 0 10px 0;}
</style>
</head>

<body>

<div id="conteneur">
<div id="header"><img src="img/02.png" alt="" width="700" height="100" /></div>
<div id="pied"></div>
<div id="gauche">
<ul class="menugauche">
<li><a href="modele3.php?page=actualites"><img src="img/actualites.png" alt="Actualités" width="350" height="45" /></a></li>
<li><a href="modele3.php?page=presentation"><img src="img/presentation.png" alt="Présentation" width="350" height="45" /></a></li>
<li><a href="modele3.php?page=produits"><img src="img/produits.png" alt="Produits" width="350" height="45" /></a></li>
<li><a href="modele3.php?page=sav"><img src="img/sav.png" alt="Service Après Vente" width="350" height="45" /></a></li>
<li><a href="modele3.php?page=documents"><img src="img/documents.png" alt="Documents" width="350" height="45" /></a></li>
<li><a href="modele3.php?page=referencement"><img src="img/referencement.png" alt="Référencement" width="350" height="45" /></a></li>
<li><a href="modele3.php?page=informationspratiques"><img src="img/informationspratiques.png" alt="Informations Pratiques" width="350" height="90" /></a></li>
<li><a href="modele3.php?page=offresdemploi"><img src="img/offresdemploi.png" alt="Offres d'Emploi" width="350" height="45" /></a></li>
</ul>
</div>
<div id="centre">
<?php
if (!isset($_GET['page'])) $page= 'actualites'; else $page= $_GET['page']; 
 switch($page)
{
case 'actualites': include ('txt/actualites.html');break;
case 'presentation': include ('txt/presentation.html');break;
case 'produits':include ('txt/produits.html');break;
case 'sav':include ('txt/sav.html');break;
case 'documents':include ('txt/documents.html');break;
case 'referencement':include ('txt/referencement.html');break;
case 'informationspratiques':include ('txt/informationspratiques.html');break;
case 'offresdemploi':include ('txt/offresdemploi.html');break;
}
?>
</div>
<div id="pied">
</div>
</div>

</body>
</html>


C'est sans doute un problème tout bête, mais j'ai du mal à prendre du recul et à voir ce qui cloche Smiley confused
D'avance, merci à celles et ceux qui liront ce message et tenteront de m'aider!
Fred
Modifié par drf_ (16 Mar 2006 - 11:52)
Oops! J'avais le nez trop collé contre mon écran pour m'en rendre compte Smiley sweatdrop .
Avec :
img {
border: none;
margin: 0px;
padding: 0px;
}

tout va mieux!
A force de se compliquer la vie, on passe à côté de l'essentiel Smiley smile !
Désolé d'avoir un peu posté "pour rien" Smiley confused
Fred
Sujet clos
Aller à