Tom's Guide > Forum > Programmation > probleme pour design de site web

probleme pour design de site web

Forum Programmation : probleme pour design de site web

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 :           
 
sikk0   09-10-2005 à 13:29:08

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

Répondre
Liens sponsorisés
Inscrivez-vous ou connectez-vous pour masquer ceci.
DanielCosta@IDN   10-10-2005 à 13:06:30
- 0 +

salut tu pourrais metre ton code html s'il te plait?

Répondre à DanielCosta@IDN
gccyrillus   10-10-2005 à 16:30:31
- 0 +

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

Répondre à gccyrillus
sikk0   10-10-2005 à 19:23:54
- 0 +

Salut

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

LE HTML:

Code :
  1. <?
  2. include("haut.php" )
  3. ?>
  5.     <?
  6.     include("menu.php" )
  7.     ?>
  9.      <div id="corps">
  11.         <h1>Titre1</h1>
  12.  
  13.         <h2>Titre2</h2>
  15.         <p>
  16.           Paragraphes
  17.         </p>
  19.     </div>
  20. <?
  21. include("bas.php" )
  22. ?>



ET LE CSS:

Code :
  1. #en_tete
  3. {
  4. width:760px;
  5. height:170px;
  6. background-image:url("images/themes/theme_bogoss/banniere.jpg" );
  7. background-repeat:no-repeat;
  8. }
  10. #menu
  11. {
  12. border-top:solid 2px black;
  13. width:164px;
  14. float:left;
  15. }
  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 :-(

Répondre à sikk0
DanielCosta@IDN   11-10-2005 à 12:04:02
- 0 +

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

Code :
  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>

Répondre à DanielCosta@IDN
sikk0   11-10-2005 à 20:50:55
- 0 +

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

Répondre à sikk0
DanielCosta@IDN   12-10-2005 à 10:51:11
- 0 +

aussi c'est peutètre que sa fait pas la bonne largeur que dans le css

Répondre à DanielCosta@IDN
sikk0   12-10-2005 à 18:09:58
- 0 +

voila tien je te mesun screen:
[img align=left]http://chabrouka.free.fr/images/espace2.jpg[/img]

Je vais verifier le Css pour voir la largeur

Répondre à sikk0
showie   13-10-2005 à 04:55:47
- 0 +

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

Code :
  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 ;)

Répondre à showie
showie   13-10-2005 à 05:06:00
- 0 +

euh j ai oublier de faire un colspan donc voila ce que ca aurais du donner :

Code :
  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 !

Répondre à showie
showie   13-10-2005 à 05:08:48
- 0 +

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 :

Code :
  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

Répondre à showie
showie   13-10-2005 à 11:20:54
- 0 +

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è!

Répondre à showie
sikk0   13-10-2005 à 16:32:57
- 0 +

Lol merci a toi je vais essayer tout ça ...

Répondre à sikk0
sikk0   13-10-2005 à 16:51:04
- 0 +

Ca marche !!!!!

merci beaucoup a vous les gars vous êtes des bons :-D ;-) !!!

Répondre à sikk0
sikk0   13-10-2005 à 19:13:25
- 0 +

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

Répondre à sikk0
sikk0   13-10-2005 à 19:20:39
- 0 +

Ah c'est bon ca remarche :-D désolé ... :-)

Répondre à sikk0
Créer un nouveau sujet Répondre
Tom's Guide > Forum > Programmation > probleme pour design de site web
Aller à :

Il y a 289 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,420 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