mettre trois div sur la meme ligne...

Le premier forum francophone sur l'éditeur de pages Web multiplateforme (Linux, Mac OS X, Windows) qui monte… KompoZer, héritier de Nvu, permet de créer vos pages Web graphiquement (wysiwyg) sans aucune connaissance du langage HTML.

Modérateur : chinon37

Répondre
legarspol
Arias
Messages : 9
Inscription : 12 mai 2008, 22:05

mettre trois div sur la meme ligne...

Message 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>
&nbsp;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"> &nbsp; &nbsp; &nbsp;
&nbsp;</div>
</div>
<div id="pub">pub</div>
<br>
<div id="menududessous">Legarspol&nbsp;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
Haut
chinon37
Animal mythique
Messages : 5319
Inscription : 21 mars 2005, 10:17

Message 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>
&nbsp;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"> &nbsp; &nbsp;
&nbsp;
&nbsp;</div>
</div><br /><div id="menududessous">Legarspol&nbsp;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...
Préferez Kompozer 0.8 à Nvu
Défendons nos valeurs, adhérons à l'APRIL
La Démocratie, c'est quand on frappe à votre porte à 6h00 du matin, et que c'est le laitier.
Haut
legarspol
Arias
Messages : 9
Inscription : 12 mai 2008, 22:05

Message 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
Haut
legarspol
Arias
Messages : 9
Inscription : 12 mai 2008, 22:05

Message 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
Haut
Ymai
Tyrannosaurus Rex
Messages : 4220
Inscription : 12 mars 2005, 11:36

Message 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
ymai
« Un enfant de cinq ans comprendrait cela ! Allez me chercher un enfant de cinq ans ! »
Groucho Marx.
Haut
legarspol
Arias
Messages : 9
Inscription : 12 mai 2008, 22:05

Message par legarspol »

cependant si on change la résolution de l'écran la pub se bar...
quand a la pub MÔÔÔSIEUR :wink: 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
Haut
Répondre

Revenir à « Kompozer et Nvu »

Qui est en ligne ?

Utilisateurs parcourant ce forum : Aucun utilisateur inscrit et 8 invités