taille en rapport avec une autre // 2 div se touches... - HTML/CSS - Programmation
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é
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 '.$......'
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 :
|
et en CSS suffit de rajouter ça :
Code :
|
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
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)
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>
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 !!
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
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 :
|
deviens
Code :
|
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.
Marsh Posté le 21-06-2008 à 15:30:35