Se connecter avec
S'enregistrer | Connectez-vous

[resolu] le texte et hor de ma div

Dernière réponse : dans Programmation
Lassé par la pub ? Créez un compte
Expert Programmation

le voila

<html xml:lang="fr" >
<head>
<title>Bienvenue sur mon site !</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" media="screen" type="text/css" title="Design" href="6.css" />
</head>
<body>
<div id="en_tete">
</div>

<div id="menu">
<h3 align=center >Menu</h3>
<h4 align=center ><a href="index.html">Accueil </a></h4>
<h4 align=center ><a href="404.html">News</a></h4>
<h4 align=center ><a href="404.html">Qui sommes-nous?</a></h4>
<h4 align=center ><a href="404.html">Jeux</a></h4>
<h4 align=center ><a href="404.html">Forum</a></h4>
<h4 align=center ><a href="404.html">Blagues, Poèmes et autres textes...</a></h4>
</div>

<div id="corps">
<h1>Mon super site</h1>

<p>
Bienvenue sur mon super site !<br />
Vous allez adorer ici, c'est un site génial qui va parler de... heu... Je cherche encore un peu le thème de mon site :-D
</p>

<h2>A qui s'adresse ce site ?</h2>
<p>
A tout le monde ! Si je commence à privilégier certaines personnes, on va m'accuser de discrimination ;o)<br />
Que vous soyez fans de fusils à pulsion plasma ou de Barbie et Ken, ce site est fait pour vous ! Si si !
</p>

<h2>L'auteur</h2>
<p>
L'auteur du site ? Bah, c'est moi, quelle question :-p<br />
Je vais essayer de faire le meilleur site du monde (ça doit pas être bien compliqué). Mon objectif est d'attirer un maximum de visiteurs, de les rendre accros à mon site, puis de les mettre en mon pouvoir.<br />
Je prendrai ensuite le contrôle du Monde. Une fois que ce sera fait, j'irai explorer les confins de l'Univers à la recherche de nouveaux peuples à soumettre à ma terrible puissance. MooUUuUuuUAhahHaaAhAAaaah !!! (rire diabolique).
</p>
</div>

<div id="pub">

<p>
et oui !!
</p>

</div>

<div id="pied_de_page">
<p>Copyright "Tout pourri Corporation" 2005, tous droits réservés</p>
</div>
</body>
</html>


il te faux ma feuille css ou pas ???
Expert Programmation

alors c'est la div pub
enfette le texte le place desous
entre lespace qui se situ sous la dic pub et la div pied page

voila le css



body
{
width: 760px;
margin: auto;
margin-top: 20px;
margin-bottom: 20px;
background-color: rgb(0,128,255);
}

#en_tete
{
float: left;
width: 346px;
height: 319px;
background-image: url("logo.bmp");
background-repeat: no-repeat;
margin-top: 0px;
margin-bottom:0px;
border: 10px ridge silver ;
}

#menu
{
width: 400px;
height: 319px;
border: 10px ridge silver ;
margin-top: 20px;
margin-bottom: 20px;
margin-left : 370px;
background-color: rgb(242,252,69);
}

#pub
{
text-align: center;
width: 120px;
height: 600px;
padding: 5px;
background-color: rgb(242,252,69);
border: 10px ridge silver ;
}

#corps
{
margin-left : 160px;
float: left ;
width: 600px;
height: 600px;
padding: 5px;
background-color: rgb(242,252,69);
border: 10px ridge silver ;
}



#pied_de_page
{
padding: 5px;
text-align: center;
width: 760px;
height: 50px;
color: rgb (31 , 2 , 193 );
background-color: rgb(242,252,69);
background-repeat: repeat-x;
margin-top: 20px;
margin-bottom: 20px;
border: 10px ridge silver ;
}
Expert Programmation

oui mais le problème, c'est que dans la source que tu nous donnes, y'a rien d'équivalent avec le screenshot.
Si on sait pas ou t'écris "selui la de text !!!" on va pas pouvoir t'aider...
Si t'écris ça en dehors d'une div... :x
Expert Programmation

alors oui
je te redone la source de ma page :

  1. <html xml:lang="fr" >
  2.    <head>
  3.        <title>Bienvenue sur mon site !</title>
  4.        <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
  5. 	   <link rel="stylesheet" media="screen" type="text/css" title="Design" href="6.css" />
  6.    </head>
  7.    <body>
  8. 	<div id="en_tete">
  9. 	</div>
  10.  
  11. <div id="menu">
  12. 		<h3 align=center >Menu</h3>
  13. 		<h4 align=center ><a href="index.html">Accueil </a></h4> 
  14. 		<h4 align=center ><a href="404.html">News</a></h4> 
  15. 		<h4 align=center ><a href="404.html">Qui sommes-nous?</a></h4> 
  16. 		<h4 align=center ><a href="404.html">Jeux</a></h4> 
  17. 		<h4 align=center ><a href="404.html">Forum</a></h4> 
  18. 		<h4 align=center ><a href="404.html">Blagues, Poèmes et autres textes...</a></h4>
  19.  
  20. </div>
  21.  
  22. <div id="corps">
  23. <h1>Bienvenu <br /> sur <br /> Vla
  24.  
  25.  
  26. </div>
  27.  
  28. <div id="pub">
  29.  
  30. 	<p>
  31. 		selui la de texte !!
  32.  
  33. 	</p>
  34.  
  35. </div>
  36.  
  37. <div id="pied_de_page">
  38.    <p>Copyright "Tout pourri Corporation" 2005, tous droits réservés</p>
  39. </div>
  40.    </body>
  41. </html>


le css reste inchanger


Expert Programmation

Ok,

T'as une façon bizarre de positionner tout ça...

J'ai changé deux trois trucs vite fait :

  1. <html xml:lang="fr" >
  2.   <head>
  3.         <title>Bienvenue sur mon site !</title>
  4.         <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
  5.      <style type="text/css">
  6. 	 body
  7. {
  8.    width: 760px;
  9.    margin: auto;  
  10.    margin-top: 20px;  
  11.    margin-bottom: 20px;  
  12.    background-color: rgb(0,128,255);
  13. }
  14.  
  15. #en_tete  
  16. {
  17.    float: left;
  18.    width: 346px;
  19.    height: 319px;
  20.    background-image: url("logo.bmp" );
  21.    background-repeat: no-repeat;
  22.    margin-top: 0px;  
  23.    margin-bottom:0px;    
  24.    border: 10px ridge silver ;
  25. }
  26.  
  27. #menu
  28. {
  29.     width: 400px;
  30.     height: 319px;
  31.     border: 10px ridge silver ;
  32.     margin-top: 20px;  
  33.     margin-bottom: 20px;    
  34.     margin-left : 370px;
  35.     background-color: yellow;
  36. }
  37.  
  38. #pub
  39. {
  40. 	float:left;
  41.     text-align: center;
  42.     width: 120px;
  43.     padding: 5px;  
  44.     background-color: red;  
  45. }
  46.  
  47. #corps
  48. {
  49.     float: left ;
  50.     width: 600px;
  51.     padding: 5px;  
  52.     background-color: cyan;  
  53.     border: 10px ridge silver ;
  54. }
  55.  
  56.  
  57.  
  58. #pied_de_page
  59. {
  60.     clear:both;
  61. 	padding: 5px;
  62.     text-align: center;
  63.     width: 760px;
  64.     height: 50px;
  65.     color: rgb (31 , 2 , 193 );
  66.     background-color: rgb(242,252,69);
  67.     background-repeat: repeat-x;
  68.     margin-top: 20px;  
  69.     margin-bottom: 20px;    
  70.     border: 10px ridge silver ;
  71. }
  72. 	 </style>
  73.     </head>
  74.     <body>
  75.      <div id="en_tete">
  76.      </div>
  77.  
  78.  <div id="menu">
  79.          <h3 align=center >Menu</h3>
  80.          <h4 align=center ><a href="index.html">Accueil </a></h4>
  81.          <h4 align=center ><a href="404.html">News</a></h4>
  82.          <h4 align=center ><a href="404.html">Qui sommes-nous?</a></h4>
  83.         <h4 align=center ><a href="404.html">Jeux</a></h4>
  84.          <h4 align=center ><a href="404.html">Forum</a></h4>
  85.         <h4 align=center ><a href="404.html">Blagues, Poèmes et autres textes...</a></h4>
  86.  </div>
  87.  
  88.  <div id="pub">
  89.        selui la de texte !!
  90. </div>
  91.  
  92. <div id="corps">
  93.    <h1>Bienvenu <br /> sur <br /> Vla
  94.  
  95.  </div>
  96.  
  97.  
  98.  
  99.  <div id="pied_de_page">
  100.     <p>Copyright "Tout pourri Corporation" 2005, tous droits réservés</p>
  101. </div>
  102.     </body>
  103. </html>
Expert Programmation

Heuu muai

sauf que c'est aps sa que je veux ,mais presque .

enfette je veux garder le meme design que j'ai deja ( les couleurs , la disposition , les cadres )

mais dans mon code quand je place du texte ou une image dans la div pub le texte ou l'image aparer desous !!!

Ps : Je peut te filer un screemshoot avec un banier Prizee

Ps2 : Moi "une façon bizarre de positionner tout ça..."
Je peut dire "Toi ta une façon bizarre de coder tout ça... "
pasque un coup tu prent la couleur en rgb ou soit tu utilise sont apre tu mais pas la meme couleur partou .....

Expert Programmation

Citation :
enfette je veux garder le meme design que j'ai deja ( les couleurs , la disposition , les cadres )


Euh, les couleurs, j'ai juste mis des couleurs arbitraires pour savoir à quel bloc correspondait quel CSS, et quel place il prend.
Si t'as tout de la même couleur, j'avais la flemme de deviner que celui-ci c'était ça, et celui-ci c'était ça, donc je met des couleurs différentes pour savoir lequel est lequel.

La disposition, rien n'a changé, c'est juste que la hauteur n'est pas fixe (chose très mauvaise une hauteur fixe, car si tu dépasses en hauteur, bah ça affiche un scroll... supeeeeeeer !)
Et les cadres sont respectés, alors je vois pas trop de quoi tu veux parler... si je t'ai modifié une couleur, t'es plus capable de remettre la même ? T'es neuneu ?

Ensuite, si y'a des problèmes avec l'emplacement, c'est parce que t'as déclaré des "height" à tes éléments. Quand tu déclares un height:600px à ton élément corps, ça t'empèche d'écrire dans ton cadre pub.

Ensuite, c'est quoi le rapport avec la bannière Prizee ?

Et ton PS2 (on dit PPS au passage), j'ai pas de façon bizarre de coder tout ça... Tout ce que j'ai fait, c'est reprendre ton code pourri (:D ), de changer des couleurs pour savoir quel bloc correspond à quoi.
Et j'avais pas que ça à faire de changer toutes les couleurs. Donc j'ai laissé tes couleurs RGB, et j'ai modifiéquelques autres couleurs pour savoir quel bloc était quoi. Alors, si tu juges sur ce truc pourri qui te montre juste comment tu peux avoir ton code dans ton bloc, la façon dont je code, t'es vraiment mal barré.
Lassé par la pub ? Créez un compte

Répondre Créer un nouveau sujet

Tom's guide dans le monde