Tom's Guide > Forum > Programmation > [resolu] le texte et hor de ma div

[resolu] le texte et hor de ma div

Forum Programmation : [resolu] le texte et hor de ma div

TomsGuide.com : 800 000 inscrits répondent à toutes vos questions high-tech et informatique. Pour obtenir de l'aide, inscrivez-vous gratuitement !
Créer un nouveau sujet Répondre
Mot :    Pseudo :           
 
andrelec1   13-09-2006 à 15:51:05

bonjour a tous
alors voila
je suis entrain de cree un site web
mais j'ai un probleme
sur une div

le texe se place sous cette div et non dedans

mais pourquoi ?


Message édité par andrelec1 le 24-09-2006 à 10:51:55
------------------------------ XD --> peut aussi se dessiner --> XP
Microsoft se fout-il pas ne notre tete avec son XP ???
Répondre
Liens sponsorisés
Inscrivez-vous ou connectez-vous pour masquer ceci.
Badge Programmation Bronze crazycat@idn   13-09-2006 à 15:59:09
- 0 +

parce que!

avec ton code, je pourrais t'en dire plus, mais pas avec si peu d'infos.

------------------------------ Réseau IRC Francophone | g33k-zone
 Répondre à crazycat@idn
andrelec1   13-09-2006 à 16:12:48
- 0 +

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 ???

------------------------------ XD --> peut aussi se dessiner --> XP
Microsoft se fout-il pas ne notre tete avec son XP ???
 Répondre à andrelec1
Badge Programmation Bronze crazycat@idn   13-09-2006 à 16:40:33
- 0 +

oui, la CSS pourrait être utile, et aussi de savoir quel div te pose un problème...

------------------------------ Réseau IRC Francophone | g33k-zone
 Répondre à crazycat@idn
andrelec1   13-09-2006 à 17:49:18
- 0 +

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 ;
}


Message édité par andrelec1 le 13-09-2006 à 17:51:50
------------------------------ XD --> peut aussi se dessiner --> XP
Microsoft se fout-il pas ne notre tete avec son XP ???
 Répondre à andrelec1
andrelec1   15-09-2006 à 19:59:07
- 0 +

up svp

toujour mon probleme
mais sur IE toute mais div sont decaller
mais le texte et bien dedans la div

------------------------------ XD --> peut aussi se dessiner --> XP
Microsoft se fout-il pas ne notre tete avec son XP ???
 Répondre à andrelec1
Sethpolma   16-09-2006 à 13:22:24
- 0 +

Tu peux mettre l'URL de ton site ? Perso, je préfère comme ça. J'y vois mieux avec NotePad++, et on peut voir vraiment le problème.

Répondre à Sethpolma
andrelec1   20-09-2006 à 17:01:47
- 0 +

Ben non puisque pour le moment je travaille en local pour le moment
mais je peut te metre des screemshoot si tu veux ??

Répondre à andrelec1
OmaR   21-09-2006 à 14:03:44
- 0 +

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

Répondre à OmaR
andrelec1   22-09-2006 à 18:01:55
- 0 +

alors oui
je te redone la source de ma page :

Code :
  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>
  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>
  20. </div>
  22. <div id="corps">
  23. <h1>Bienvenu <br /> sur <br /> Vla
  26. </div>
  28. <div id="pub">
  30.     <p>
  31.         selui la de texte !!
  33.     </p>
  35. </div>
  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


Répondre à andrelec1
OmaR   23-09-2006 à 17:42:11
- 0 +

Ok,

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

J'ai changé deux trois trucs vite fait :

Code :
  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. }
  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. }
  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. }
  38. #pub
  39. {
  40.     float:left;
  41.     text-align: center;
  42.     width: 120px;
  43.     padding: 5px; 
  44.     background-color: red; 
  45. }
  47. #corps
  48. {
  49.     float: left ;
  50.     width: 600px;
  51.     padding: 5px; 
  52.     background-color: cyan; 
  53.     border: 10px ridge silver ;
  54. }
  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>
  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>
  88. <div id="pub">
  89.       selui la de texte !!
  90. </div>
  92. <div id="corps">
  93.   <h1>Bienvenu <br /> sur <br /> Vla
  95. </div>
  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>

Répondre à OmaR
andrelec1   23-09-2006 à 21:19:06
- 0 +

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 .....

Répondre à andrelec1
OmaR   23-09-2006 à 22:19:56
- 0 +

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é.

Répondre à OmaR
andrelec1   24-09-2006 à 10:16:40
- 0 +

mué mais bon

alors le truc avec la banierre prizee
c'est quelle se place aussi sous la div

si non le probleme et que quand j'ai remi les couleur et les cadre
ben la mise en forme ny est plus :cry:

la div pub et toute petit et est place sur la div corp

http://img237.imageshack.us/img237/7249/site1gx2.png

snif snif

Répondre à andrelec1
andrelec1   24-09-2006 à 10:51:24
- 0 +

c'est bon j'ai trouvais
il sufiser d'inverser la div pub avec la div corp
et de deplacer un float et tou marche

Répondre à andrelec1
Créer un nouveau sujet Répondre
Tom's Guide > Forum > Programmation > [resolu] le texte et hor de ma div
Aller à :

Il y a 1417 utilisateurs connus et inconnus. Pour voir la liste des connectés connus, cliquez ici.

Plan du forum
Forum Bestofmedia ©
2000-2009 Bestofmedia Group
Page générée en 0,313 secondes
Attention

Vous allez répondre sur un sujet resté inactif pendant plus de 6 mois.
Assurez-vous d'apporter des éléments nouveaux à la discussion avant de poursuivre.

Répondre Annuler
Liens