taille en rapport avec une autre // 2 div se touches... - HTML/CSS - Programmation

Marsh Posté le 21-06-2008 à 15:30:35   

Reply

Marsh Posté le 21-06-2008 à 16:33:18    

et le HTML associé stp, car là il n'y a AUCUNE SOLUTION sans qu'on ai le code HTML associé

Reply

Marsh Posté le 22-06-2008 à 01:28:56    

html associé:
 
 <div id="banner"><font size=5><u><center><b>'.$titre.'</b></center></u></font></div>
 <div id="left"></div>
 <div id="right"></div>
 <div id="content"><center><font color=#000000>'.nl2br($texte).'</font></center></body></div>
 <div id="footer"><center><font color=#FFFFFF><b>News ajoutée le '.$date.'</b></center></div><br><br>
 
c'est du html insérer dans un echo d'un page php ce qui expliques les '.$......'


Message édité par fox-servers le 22-06-2008 à 01:32:35
Reply

Marsh Posté le 22-06-2008 à 05:33:13    

tu me vires les heights qui ne servent à RIEN.

 

englobe #left, #right et #content d'un div

Code :
  1. <div id="container">
  2. <div id="left"></div>
  3. <div id="right"></div>
  4. <div id="content"><center><font color=#000000>'.nl2br($texte).'</font></center></body></div>
  5. </div>
 

et en CSS suffit de rajouter ça :

Code :
  1. #container {overflow:hidden; zoom:1;}
  2. #left, #right, #content {padding-bottom:32000px; margin-bottom:-32000px;}


Message édité par gatsu35 le 22-06-2008 à 05:34:36
Reply

Marsh Posté le 22-06-2008 à 18:30:58    

A Mince, Autre Petit Problème, jvoudrais que left et right touche content
 
html:
<div id="banner"><font size=5><u><center><b><TITRE></b></center></u></font></div>
 <div id="container">
 <div id="left"></div>
 <div id="right"></div>
 <div id="content"><center><font color=#000000><TEXTE><SUITE><br><br><COMMENT><IMPRIMER><ENVOYER></font></center></body></div>
 </div>
 <div id="footer"><font color=#FFFFFF><center><b>News ajoutée le <DATE></b></center></div>
 
css:
<style type="text/css">
body{margin:0 auto;}
div{border:0px solid #333;}
#banner{width:765px;background-repeat:repeat;background-image:url(planete.jpg);}
#left{width:69px;float:left;background-repeat:repeat;background-image:url(planete.jpg);}
#content{width:625px;float:center;background-color:#ffffff;}
#footer{width:765px;clear:left;background-repeat:repeat;background-image:url(planete.jpg);}             #right{width:69px;float:right;background-repeat:repeat;background-image:url(planete.jpg);}
#container {overflow:hidden; zoom:1;}
#left, #right, #content {padding-bottom:32000px; margin-bottom:-32000px;}
</style>
 
Sinon Merci Beaucoups A Toi Gatsu35, ça M'A Bien Avancer


Message édité par fox-servers le 22-06-2008 à 18:33:06
Reply

Marsh Posté le 24-06-2008 à 11:46:25    

up

Reply

Marsh Posté le 24-06-2008 à 12:00:30    

arf corrige d'abord ton code HTML, il y a des chevauchement de balises dans tout les sens.
 
En somme ton code HTML c'est de la merde,  
vire les font (c'est obsolete)

Reply

Marsh Posté le 24-06-2008 à 13:30:13    

<div id="banner"><u><b><TITRE></b></u></div>
 <div id="container">
 <div id="left"></div>
 <div id="right"></div>
 <div id="content"><center><TEXTE><SUITE><br><br><COMMENT><IMPRIMER><ENVOYER></center></body></div>
 </div>
 <div id="footer"><b>News ajoutée le <DATE></b></div>


Message édité par fox-servers le 24-06-2008 à 13:31:32
Reply

Marsh Posté le 25-06-2008 à 16:06:54    

j'ai trouver la solution !!!
 
css:
<style type="text/css">
body{margin:0 auto;}
div{border:0px solid #333;}
#banner{width:763px;height:25px;background-repeat:repeat;background-image:url(planete.jpg);}
#left{width:69px;float:left;background-repeat:repeat;background-image:url(planete.jpg);}
#content{width:625px;float:center;background-color:#ffffff;}
#footer{width:763px;clear:left;background-repeat:repeat;background-image:url(planete.jpg);}
#right{width:69px;float:right;background-repeat:repeat;background-image:url(planete.jpg);}
#container {overflow:hidden; zoom:1; width:763px;}
#left, #right, #content {padding-bottom:32000px; margin-bottom:-32000px;}
</style>
 
html:
 <div id="banner"><font size=5><u><center><b><TITRE></b></center></u></font></div>
 <div id="container">
 <div id="left"></div>
 <div id="right"></div>
 <div id="content"><center><font color=#000000><TEXTE><SUITE><br><COMMENT><IMPRIMER><ENVOYER></font></center></body></div>
 </div>
 <div id="footer"><center><font color=#FFFFFF><b>News ajoutée le <DATE></b></center></div>
 
Et L'avantage c'est que ça fonctionne correctement sur IE....
Merci a vous !!


Message édité par fox-servers le 25-06-2008 à 16:07:14
Reply

Marsh Posté le 25-06-2008 à 16:48:31    

ton code HTML est toujours de la merde

Reply

Marsh Posté le 25-06-2008 à 16:48:31   

Reply

Marsh Posté le 26-06-2008 à 00:21:01    

J'aime particulièrement le </body> au milieu du bazar !
Encore plus fort que <center><font color=#FFFFFF><b> dans le #footer, c'est pour dire  :love:


Message édité par David Boring le 26-06-2008 à 00:21:26
Reply

Marsh Posté le 26-06-2008 à 00:48:34    

Pour être plus constructif, je vais quand même te montrer comment bien faire ton footer
 
Avant

Code :
  1. <div id="footer"><center><font color=#FFFFFF><b>News ajoutée le <DATE></b></center></div>


deviens

Code :
  1. <p id="footer">News ajoutée le <DATE></p>
  2. #footer{
  3. width:763px;
  4. clear:left;
  5. background:url(planete.jpg) repeat;
  6. text-align:center;
  7. font-weight:bold;
  8. color:#fff;
  9. }


 
Le but du jeu, c'est de mettre le style dans un fichier à part, comme cela l'utlisateur le télécharge une fois, et le mets en cache.
Dans ton cas, il est dans ta page html, et elle devient plus lourde or elle ne se mets pas en cache.  
 

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed