Bonjour à tous,
mon deuxième message, juste après ma présentation...
J'ai commencé mon premier site, une petit blog personnel pour ma copine.
j'ai utilisé pour ça un menu css trouver sur le site Listamatics, que j'ai modifier légèrement à mes besoins.
je voudrais déjà avoir juste votre avis sur la manière dont j'ai travaillé, sachant que c'est mon premier site, de surcroit en css
aussi j'ai plusieurs petits problemes:
je n'arrive pas à coller le premier onglet au bord de mon bloc de contenu. Si je joue sur les margin ou padding, j'ai pas réussi.
Il y a probablement du code inutile aussi, je m'en excuse d'avance et je m'apprete à tester chaque ligne.
Pour coller mon bloc de contenu à mon menu, j'ai du utilisé un Float, toute les autres solutions que j'ai testé précédemment ne fonctionnaent pas dans touts les navigateurs. Me suis-je dirigé vers la bonne solutions?
et Sinon, je vous entends déjà me dire que tout est placé en absolu..... j'en suis conscient, ça ne va pas le rester, promis je vais centré tout ça.
Ce premier post est surtout là pour avoir une appréciation de la part de professionnel, et non pour me macher le travail, j'espère que je ne donne pas l'impression.
ps: je mettrai le code CSS dans une feuille externe plus tard, il est inclus dans l a page ici, juste pour n'avoir qu'une page de code ouverte quand je travaille dessus.
l'adresse de ma page
http://users.telenet.be/freeway/test/testposition.htm
le code
Modifié par Dindon (07 Aug 2005 - 05:26)
mon deuxième message, juste après ma présentation...
J'ai commencé mon premier site, une petit blog personnel pour ma copine.
j'ai utilisé pour ça un menu css trouver sur le site Listamatics, que j'ai modifier légèrement à mes besoins.
je voudrais déjà avoir juste votre avis sur la manière dont j'ai travaillé, sachant que c'est mon premier site, de surcroit en css
aussi j'ai plusieurs petits problemes:
je n'arrive pas à coller le premier onglet au bord de mon bloc de contenu. Si je joue sur les margin ou padding, j'ai pas réussi.
Il y a probablement du code inutile aussi, je m'en excuse d'avance et je m'apprete à tester chaque ligne.
Pour coller mon bloc de contenu à mon menu, j'ai du utilisé un Float, toute les autres solutions que j'ai testé précédemment ne fonctionnaent pas dans touts les navigateurs. Me suis-je dirigé vers la bonne solutions?
et Sinon, je vous entends déjà me dire que tout est placé en absolu..... j'en suis conscient, ça ne va pas le rester, promis je vais centré tout ça.
Ce premier post est surtout là pour avoir une appréciation de la part de professionnel, et non pour me macher le travail, j'espère que je ne donne pas l'impression.
ps: je mettrai le code CSS dans une feuille externe plus tard, il est inclus dans l a page ici, juste pour n'avoir qu'une page de code ouverte quand je travaille dessus.
l'adresse de ma page
http://users.telenet.be/freeway/test/testposition.htm
le code
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>sample</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
<!--
body {
background-image:url(picture/fond.gif);
margin:0;
padding:0; }
#banniere {
position: absolute;
background:#6D8F6B;
border: 1px solid;
margin-left: 50px;
top: 25px;
padding: 10px;
}
#navcontainer
{
position: absolute;
top: 200px;
margin-left: 50px;
width: 770px;
}
#navlist
{
padding: 5px 0px 3px 0px;
margin-left: 0px;
margin-bottom: 0px;
border-bottom: 1px solid #2B5D2D;
font: bold 12px Verdana, sans-serif;
}
#navlist li
{
list-style: none;
margin: 0;
display: inline;
}
#navlist li a
{
padding: 3px 5px;
margin-left: 3px;
border: 1px solid #2B5D2D;
border-bottom: none;
background: #6D8F6B;
text-decoration: none;
}
#navlist li a:link { color: #003300; }
#navlist li a:visited { color: #003300; }
#navlist li a:hover
{
color: #AA7103;
background: #336633;
border-color: #003300;
}
#navlist li a#current
{
background: #CEE1CD;
border-bottom: 1px solid #CEE1CD;
}
#corps {
float: left;
background:#CEE1CD;
border: 1px solid #2B5D2D;
border-top: none;
padding: 20px;
margin-top: 0px;
}
-->
</style>
</head>
<div id="banniere">
<img src="picture/banniere.jpg" height="125" width="750" alt="banniere">
</div>
<div id="navcontainer">
<ul id="navlist">
<li id="active"><a href="#" id="current">Home</a></li>
<li><a href="#">Ma famille</a></li>
<li><a href="#">Mon pays</a></li>
<li><a href="#">Célébrités</a></li>
<li><a href="#">Mes amis</a></li>
<li><a href="#">Mes photos</a></li>
</ul>
<div id="corps">
</div>
</div>
</body>
</html>
Modifié par Dindon (07 Aug 2005 - 05:26)