Se connecter avec
S'enregistrer | Connectez-vous

probleme pour design de site web

Dernière réponse : dans Programmation

Salut a tous
Voila mon probleme:
je suis entrain de créer un nouveau design pour mon site web; un design avec la bannière qui se confond avec le corps si vous voyez ce que je veux dire.
Mais voila quand je mets le corps et la bannière l'un en dessous de l'autre, il y'a un éspace entre les deux: je vous mets un screen car c'est difficile a comprendre:
[img align=left]http://chabrouka.free.fr/images/espace.gif[/img]

Comme vous pouvez le voir, quand je mets une ligne (Border-top) la banniere touche le menu (ça fait pareil avec le corps) Mais ca gache un peu le design...
J'ai déja essayé le "margin-top: none" mais ça change rien.
Donc si vous avez une solution merci je suis preneur ;-)
Bye!!!

Autres pages sur : probleme design site web

Lassé par la pub ? Créez un compte

salut,
si ton probleme n'est pas dans IE mais FF alors met un margin:0; a tes balises p, h1 ,...h6. il y a des chances que cela suffise, sinon un bout de code mettant le bug en evidence ou un lien, c'est l'ideal, car il y a dix milles façon de coder sa page :-D :-P
a plus

Salut

Voila pour plus de precision je vous mets les deux codes (html et css)

LE HTML:

  1. <?
    

  2. include("haut.php")
    

  3. ?>
    

  4.  
  5. 	<?
    

  6. 	include("menu.php")
    

  7. 	?>
    

  8.  
  9. 	 <div id="corps">
    

  10.  
  11. 		<h1>Titre1</h1>
    

  12.  
  13. 		<h2>Titre2</h2>
    

  14.  
  15. 		<p>
    

  16. 		  Paragraphes
    

  17. 		</p>
    

  18.  
  19. 	</div>
    

  20. <?
    

  21. include("bas.php")
    

  22. ?>


ET LE CSS:

  1. #en_tete
    

  2.  
  3. {
    

  4. width:760px;
    

  5. height:170px;
    

  6. background-image:url("images/themes/theme_bogoss/banniere.jpg");
    

  7. background-repeat:no-repeat;
    

  8. }
    

  9.  
  10. #menu
    

  11. {
    

  12. border-top:solid 2px black;
    

  13. width:164px;
    

  14. float:left;
    

  15. }
    

  16.  
  17. #corps
    

  18. {
    

  19. margin-left:165px;
    

  20. background-image:url("images/themes/theme_bogoss/corps.gif");
    

  21. background-repeat:repeat-y;
    

  22. padding-left:25px;
    

  23. padding-right:37px;
    

  24. padding-bottom:20px;
    

  25. }


Je n'ai pas mis le code CSS en entier (trop long) j'ai donc mis juste les parties concernées.

PS:j'ai deja essayé le "margin-top:none" pour le corps...sans resultat :-(

salut, essay sa pour le corp de la page...

  1. <table width="925" border="0" cellspacing="0" cellpadding="0">
    

  2.   <tr>
    

  3.     <td width="165" rowspan="3">
    

  4. 	<?
    

  5.     include("menu.php")
    

  6.     ?>
    

  7. 	</td>
    

  8.     <td width="760" height="170">
    

  9. 	<?
    

  10. 	include("haut.php")
    

  11. 	?>
    

  12. 	</td>
    

  13.   </tr>
    

  14.  
  15.   <tr>
    

  16.     <td>
    

  17. 	     <div id="corps">
    

  18.  
  19.         <h1>Titre1</h1>
    

  20.  
  21.         <h2>Titre2</h2>
    

  22.  
  23.         <p>
    

  24.           Paragraphes
    

  25.         </p>
    

  26.  
  27.     </div>
    

  28. 	</td>
    

  29.   </tr>
    

  30.   <tr>
    

  31.     <td>
    

  32. 	<?
    

  33. 	include("bas.php")
    

  34. 	?>
    

  35. 	</td>
    

  36.   </tr>
    

  37. </table>

Non ca ne marche toujours pas... :-(

Le corps colle a la banniere mais le menu est fortement décalé vers la gauche ...
bon c'est pa grave je vais voir un tuto sur les tableaux merci de m'avoir doné l'idée DanielCosta ;-)

Salut je suis assez d accord avec daniel mais je l aurais plutot vu comme ca moi :

  1. <table width="760" border="0" cellspacing="0" cellpadding="0">
    

  2.   <tr>
    

  3.     <td width="760" height="170">
    

  4.     <?
    

  5.     include("haut.php")
    

  6.     ?>
    

  7.     </td>
    

  8.   </tr>
    

  9.  
  10.   <tr>
    

  11.     <td width="165" rowspan="2">
    

  12.     <?
    

  13.     include("menu.php")
    

  14.     ?>
    

  15.     </td>
    

  16.     <td>
    

  17.          <div id="corps">
    

  18.  
  19.         <h1>Titre1</h1>
    

  20.  
  21.         <h2>Titre2</h2>
    

  22.  
  23.         <p>
    

  24.           Paragraphes
    

  25.         </p>
    

  26.  
  27.     </div>
    

  28.     </td>
    

  29.   </tr>
    

  30.   <tr>
    

  31.     <td>
    

  32.     <?
    

  33.     include("bas.php")
    

  34.     ?>
    

  35.     </td>
    

  36.   </tr>
    

  37. </table>


Mais vu l heure epu etre que je me trompe ;) 

euh j ai oublier de faire un colspan donc voila ce que ca aurais du donner :
  1. <table width="760" border="0" cellspacing="0" cellpadding="0">
    

  2.   <tr>
    

  3.     <td width="760" height="170" colspan="2">
    

  4.     <?
    

  5.     include("haut.php")
    

  6.     ?>
    

  7.     </td>
    

  8.   </tr>
    

  9.  
  10.   <tr>
    

  11.     <td width="165" rowspan="2">
    

  12.     <?
    

  13.     include("menu.php")
    

  14.     ?>
    

  15.     </td>
    

  16.     <td>
    

  17.          <div id="corps">
    

  18.  
  19.         <h1>Titre1</h1>
    

  20.  
  21.         <h2>Titre2</h2>
    

  22.  
  23.         <p>
    

  24.           Paragraphes
    

  25.         </p>
    

  26.  
  27.     </div>
    

  28.     </td>
    

  29.   </tr>
    

  30.   <tr>
    

  31.     <td>
    

  32.     <?
    

  33.     include("bas.php")
    

  34.     ?>
    

  35.     </td>
    

  36.   </tr>
    

  37. </table>


voila comme ca a mon avis ca dois etre bon !

il faut aussi un colspan en bas !! bon sorry tout le monde c est mon dernier post et je vais me coucher

en fait il fallais ca en bas :
  1. <tr>
    

  2.     <td colspan="2">
    

  3.     <?
    

  4.     include("bas.php")
    

  5.     ?>
    

  6.     </td>
    

  7.   </tr>


bon bonne nuit tout le monde je vais dodo sinon je serais jamais lev" pour 8h00

Tiens maintenant que j ai mieux dormis je vient de voir que ma dernière correction est fausse pas besoin de colspan en bas car il y a déja le rowspan au dessus autant pour moi c est la dernière fois que je post aussi fatiguè!

Oh bein flute alors !

Le design est parfait mais quand je met un padding left au corps (pour que le texte se décale du menu), l'image de fond (background) se décale également avec le texte ! donc je me retrouve encore avec un espace non desiré.... :-(
Lassé par la pub ? Créez un compte

Créer un nouveau sujet

Tom's guide dans le monde