Page 1 sur 1
mettre trois div sur la meme ligne...
Publié : 17 mai 2008, 20:42
par legarspol
voila mon code,
ouvrer le juste avec kompozer je vous jure se ne seras pas long.
Code : Tout sélectionner
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta content="text/html; charset=ISO-8859-1"
http-equiv="content-type">
<title>preparationstyle</title>
<style type="text/css">
#menuduhaut {
margin-top: 10px;
margin-bottom: 10px;
margin-left: 200px;
font-family: "Times New Roman",Times,serif;
font-size: 50px;
font-weight: bold;
height: 120px;
text-align: left;
}
#titremenu {
float: left;
width: 190px;
text-transform: capitalize;
text-align: center;
font-weight: bold;
font-family: MS Serif;
background-image: url(menuhaut.png);
background-repeat: no-repeat;
background-color: #9abd9f;
}
#menu {
float: left;
clear: left;
width: 180px;
text-transform: capitalize;
list-style-type: disc;
background-color: #9abd9f;
background-image: url(menubas.png);
background-position: left bottom;
background-repeat: no-repeat;
padding-left: 10px;
display: list-item;
}
#textedumilieu {
margin-right: 100px;
background-color: #9abd9f;
width: 660px;
margin-left: 200px;
}
#titre {
font-family: "Times New Roman",Times,serif;
font-size: 40px;
font-weight: bold;
text-align: center;
background-image: url(haut.png);
background-repeat: no-repeat;
}
#soustitre {
font-family: "Times New Roman",Times,serif;
font-size: xx-large;
}
#texte {
padding: 10px;
}
#bas {
background-image: url(bas.png);
background-repeat: no-repeat;
background-position: left bottom;
}
#pub {
font-family: Arial,Helvetica,sans-serif;
margin-left: 870px;
float: left;
}
#menududessous {
clear: left;
margin-left: 200px;
margin-top: 10px;
margin-right: 100px;
text-align: center;
}
#caca {
font-family: "Courier New",Courier,monospace;
}
#pipi {
font-family: "Times New Roman",Times,serif;
}
</style>
</head>
<body>
<div id="menuduhaut"><img alt="Le site du mouton"
src="baniere.png"><br>
</div>
<div id="titremenu">menu<br>
</div>
<div id="menu">
<br>
<a href="http://www.raconte-moi-un-mouton.com/index.php">accueil</a><big><br>
</big><a
href="http://www.raconte-moi-un-mouton.com/mouton.html"></a><br>
<br>
<br>
<br>
</div>
<div id="textedumilieu">
<div id="titre">Déscription du mouton</div>
<div id="texte">
<br>
<div id="soustitre"><br>
Durée
de vie :</div>
l'espérance de vie naturelle est d'environ 13 ans.<br>
en
élevage la durée de vie pratiquée est d'environ 8 ans<br>
</div>
<div id="bas">
</div>
</div>
<div id="pub">pub</div>
<br>
<div id="menududessous">Legarspol 2005-2008<br>
</div>
<br>
</body>
</html>
voila
quesque je dois mettre pour que pub soit a droite du texte du milieu ???
Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.8.1.14) Gecko/20080404 Firefox/2.0.0.14
Publié : 17 mai 2008, 20:47
par chinon37
quel idée de mettre de la pub!!
la solution:
Code : Tout sélectionner
<!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">
<head><meta content="text/html; charset=ISO-8859-1"
http-equiv="content-type" /><title>preparationstyle</title>
<style type="text/css">
#menuduhaut {
margin-top: 10px;
margin-bottom: 10px;
margin-left: 200px;
font-family: "Times New Roman",Times,serif;
font-size: 50px;
font-weight: bold;
height: 120px;
text-align: left;
}
#titremenu {
float: left;
width: 190px;
text-transform: capitalize;
text-align: center;
font-weight: bold;
font-family: MS Serif;
background-image: url(menuhaut.png);
background-repeat: no-repeat;
background-color: #9abd9f;
}
#menu {
float: left;
clear: left;
width: 180px;
text-transform: capitalize;
list-style-type: disc;
background-color: #9abd9f;
background-image: url(menubas.png);
background-position: left bottom;
background-repeat: no-repeat;
padding-left: 10px;
display: list-item;
}
#textedumilieu {
margin-right: 100px;
background-color: #9abd9f;
width: 660px;
margin-left: 200px;
}
#titre {
font-family: "Times New Roman",Times,serif;
font-size: 40px;
font-weight: bold;
text-align: center;
background-image: url(haut.png);
background-repeat: no-repeat;
}
#soustitre {
font-family: "Times New Roman",Times,serif;
font-size: xx-large;
}
#texte {
padding: 10px;
}
#bas {
background-image: url(bas.png);
background-repeat: no-repeat;
background-position: left bottom;
}
#pub {
font-family: Arial,Helvetica,sans-serif;
margin-left: 870px;
float: right;
}
#menududessous {
clear: left;
margin-left: 200px;
margin-top: 10px;
margin-right: 100px;
text-align: center;
}
#caca {
font-family: "Courier New",Courier,monospace;
}
#pipi {
font-family: "Times New Roman",Times,serif;
}
</style></head><body><div id="menuduhaut"><img
alt="Le site du mouton" src="baniere.png" /><br />
</div><div id="titremenu">menu<br />
</div><div id="pub">pub</div><div id="menu">
<br /><a href="http://www.raconte-moi-un-mouton.com/index.php">accueil</a><big><br />
</big><br /><br /><br /><br />
</div><div id="textedumilieu"><div id="titre">Déscription
du mouton</div>
<div id="texte"><br /><div id="soustitre"><br />Durée
de vie :</div>
l'espérance de vie naturelle est d'environ 13 ans.<br />
en
élevage la durée de vie pratiquée est d'environ 8 ans<br />
</div><div id="bas">
</div>
</div><br /><div id="menududessous">Legarspol 2005-2008<br />
</div><br /></body>
</html>
lLe div de droite est en premier dans le code avec flottant droit, puis le div en flottant gauche (menu), puis le div central...
Publié : 17 mai 2008, 20:55
par legarspol
et quesque tu as changé a part
float: right;
et la place du div ?
Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.8.1.14) Gecko/20080404 Firefox/2.0.0.14
Publié : 17 mai 2008, 20:59
par legarspol
sa ne marche pas...
le titre du menu est séparé du menu...
la solution serais peut etre d'inclure le titre dans le menu ?
EDIT:et dans se cas la si je met plus de ligne dans pub alors le menu descend...
Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.8.1.14) Gecko/20080404 Firefox/2.0.0.14
Publié : 17 mai 2008, 22:24
par Ymai
Rien ne vaut les auteurs classiques:
http://css.alsacreations.com/Modeles-de ... age-en-CSS
Message envoyé avec : Mozilla/5.0 (X11; U; Linux i686; fr; rv:1.9b5) Gecko/2008050509 Firefox/3.0b5
Publié : 17 mai 2008, 22:47
par legarspol
cependant si on change la résolution de l'écran la pub se bar...
quand a la pub MÔÔÔSIEUR
quand on est
très jeune et pas un sou on peu espéré payer la moiter de son hébergement au bout de 10 ans...
Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.8.1.14) Gecko/20080404 Firefox/2.0.0.14