Petit problème avec mon design css

Petit problème avec mon design css - HTML/CSS - Programmation

Marsh Posté le 04-11-2005 à 19:40:59    

Bonsoir,
 
J'essaye de mettre en place le design que j'ai réalisé mais voilà j'ai un petit soucis, je n'arrive pas à répéter verticalement deux images en fonction de la longueur de mes articles qui se trouvent entre ces deux images.
 
Code XHTML :
 

Code :
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" >
  3. <!--
  4. Copyright La Montagne du Destin
  5. Webmaster : Droopy
  6. -->
  7. <head>
  8. <link rel="stylesheet" media="screen" type="text/css" href="lien.css" />
  9. <link rel="stylesheet" media="screen" type="text/css" href="design.css" />
  10. <link rel="stylesheet" media="screen" type="text/css" href="menu.css" />
  11. <script type="text/javascript" src="menu.js"></script>
  12. </head>
  13. <body  onload="setHover()">
  14. <!--Bannière--!>
  15. <div id="banniere"></div>
  16. <!--Colonne de gauche--!>
  17. <div id="colonneg"></div>
  18. <!--Colonne de droite--!>
  19. <div id="colonned"></div>
  20. <!--Corps du site--!>
  21. <div id="corps">
  22.      <!--menu--!>
  23.      <?php
  24.      include('Menu/menu.php');
  25.      ?>
  26.      <br /><br />
  27.       <!--articles, informations ...--!>
  28.       <?php
  29.       include('article.php');
  30.       ?>
  31. </div>
  32. <!--Pied du site--!>
  33. <div id="pied_de_page"></div>
  34. </body>
  35. </html>


 
Code CSS :
 

Code :
  1. body
  2. {
  3.    width:980px;
  4.    color:#FFFFFF;
  5.    font-family:Verdana, Arial, Helvetica, sans-serif;
  6.    font-size:11px;
  7.    margin:auto;
  8.    margin-top:20px;
  9.    margin-bottom:20px;
  10.    background-image:url("Graph/fond.jpg" );
  11. }
  12. #banniere
  13. {
  14.    width:980px;
  15.    height:516px;
  16.    background-image:url("Graph/haut.jpg" );
  17. }
  18. #colonneg
  19. {
  20.    float:left;
  21.    background-repeat:repeat-y;
  22.    background-image:url("Graph/gauche.jpg" );
  23. }
  24. #corps
  25. {
  26.    margin-left:110px;
  27.    width:760px;
  28.    background-color:#000000;
  29. }
  30. #colonned
  31. {
  32.    float:right;
  33.    width:110px;
  34.    height:225px;
  35.    background-repeat:repeat-y;
  36.    background-image:url("Graph/droite.jpg" );
  37. }
  38. #pied_de_page
  39. {
  40.    float:bottom;
  41.    width:980px;
  42.    height:126px;
  43.    background-image:url("Graph/bas.jpg" );
  44. }


 
Au début je pensais que c'était dû aux valeurs des mes images de gauche et droite donc j'ai enlever height mais voilà cela n'affiche plus l'image!! je ne comprend pas comme faire pour que mes images se répète en fonction de la longeur "du corps".
 
Je remercie tout le monde qui me proposeront leur aide.
 
Droopy!
 
PS: voilà comment est mon graphisme mais codé avec des tableaux donc pas beau comme code !! wink http://montagnedudestin.free.fr


Message édité par Droopy4ever le 04-11-2005 à 19:42:01
Reply

Marsh Posté le 04-11-2005 à 19:40:59   

Reply

Marsh Posté le 04-11-2005 à 21:03:28    

toi ta po compris que ton code PHP on s'en cogne et que c'est du code HTML donc la page générée qu'on veut.


---------------
Les CSS c'est bon mangez-en
Reply

Marsh Posté le 04-11-2005 à 22:39:09    

Escuse moi mais c'est pas la peine de répondre aussi crument o éternle dieu de la programmation. Ici c pas mon programme php qui est en cause ce qui est généré par mon code php est juste des paragraphe avec la balise <p> (ce qui modifie la taille de mon graphisme) donc je ne vois pas en quoi ca te renseignera sur mon problème. Donc ton sarcasme tu te le garde pour toi.
 
Maintenant si tu n'as pas de solution à me proposer tu t'abstiens de me répondre et comme cela je reste toujours en galère et ta tension s'en portera meilleur.
 
De plus je ne suis pas un pro de la programmation, moi je travaille dans la chimie alors maintenant propose moi le mécanisme de la réaction de Mitsunobu et si par malchance tu fais la moindre fautes je te sauterai à la gorge !!
 
Comment se fait il que dans le domaine de la programmation informatique on soit si impitoyable et qu'on saute sur tout ce qui bouge!!
 
Maintenant je te souhaite une agréable nuit et te souhaite bonne chance pour le mécanisme de Mitsunobu (indice il y a un acide, un alcool et ...)

Reply

Marsh Posté le 04-11-2005 à 23:02:38    

parce que dans le domaine de la programmation on a des gus qui viennent tous les jours avec des trucs bancales et qui  nous demande de tout regler avec nos baguettes magique.
 
ensuite okay si j'y suis allé méchamment. Mais c'est une cat HTML/CSS/JS et on y voit du code PHP.
 
Ensuite on voit mieux qund on a un code complet avec les images >> donc éléments uploadés sur un compte free par exemple.
 
ton truc en tableau de 1901 on s'en moque ce qu'on veut c'est la page que tu as en ligne, puis les images que tu cherches à répeter.
 
Mais si tu veux repeter une image en background c'est tout simple en CSS
 
background : url(monimage.gif) repeat-y left;
 
Après tu vois ce que tu veux, mais  des gus qui nous demandent de faire des miracles sans nous donner les infos nécessaires on en veut pas.
 
Je viens déjà de me taper un TT sur Graphisme parce que j'ai engueulé un gus qui voulait faire du HTML avec PhotoShop ca me suffit là


Message édité par gatsusat le 04-11-2005 à 23:03:45

---------------
Les CSS c'est bon mangez-en
Reply

Marsh Posté le 04-11-2005 à 23:25:10    

Je comprend bien que certaine personne soit pas très explicite dans leur demande mais je pense pas être de ces personnes là. J'ai fourni mon code et essayé pour le mieux d'expliquer mon problème.
Maintenant j'ai laisser l'adresse de mon site pour que vous voyez le genre d'interface graphique que j'utilise et ce que je lui demande par contre elle est codé avec des tableaux ce qui n'est pas ce qui y'a de mieux, je l'avoue. C'est pour cela que je me suis lancé dans le css.
Donc ne pouvant pas interrompre mon site et ne possédant pas d'autre compte, je ne peux pas mettre en ligne le code css et xhtml.
 
Droopy.
 
PS: désolé pour mettre un peu énervé mais j'aime pas qu'on réponde aussi sèchement surtout quand le message n'est pas si tordu que ça ;)
Je redonne l'url du site pour ceux qui ne l'aurait pas vu http://montagnedudestin.free.fr
 
Edit: j'ai mis mon code sur lycos mais la page ne s'affiche qu'avec mozilla, je comprend pas pourquoi elle ne veut pas s'afficher avec i.e bref je donne tout de même l'adresse : http://membres.lycos.fr/tautus/


Message édité par Droopy4ever le 04-11-2005 à 23:52:34
Reply

Marsh Posté le 04-11-2005 à 23:46:16    

c'est pas dur d'enregistrer la page en HTML et d'uploader tout ca dans un repertoire de ton site. genre un repertoire qui s'appelle new.
 
M'enfin bon. commence d'abord par te debarrasser de toute ce qui est tableau et qui ne sert à rien. ya pleins de trucs que tu peux aisement remplacer par des DIV.
 
pour le moment vire les tables et fous des DIV, ensuite revient nous voir.
mais bon c'est mal barré, le mieux serait de reecrire une page entièrement et ensuite de redesigner par dessus
moi j'abandonne


---------------
Les CSS c'est bon mangez-en
Reply

Marsh Posté le 04-11-2005 à 23:54:58    

Je viens de mettre en ligne uen nouvelle page codé avec des div et du css. Je sais que le stableaux c'est rustique mais je n'arrive pas à adapter mon graphisme avec des div et du css. Je travaille dessus mais je ne suis pas trop fort en prog!  
 
Par contre je suis désolé le code ne marche qu'avec mozilla je ne sais pas pourquoi la page ne s'affiche pas avec i.e chez moi.

Reply

Marsh Posté le 05-11-2005 à 07:20:48    

parce que les CSS c'est chiants au départ mais c'est le bonheur à l'arrivée quand tu t'y connais. Toi ton but c'est d'avoir une page full CSS a parti de ton design et de ton truc minable en tableaux.???


---------------
Les CSS c'est bon mangez-en
Reply

Marsh Posté le 05-11-2005 à 08:59:40    

http://test.roane-irkana.net/2_cols_fluide.htm
 
Mise en page standard. 5 minutes de réalisation. En foutant la css dans un fichier .css externe ca sera mis en cache, le code html est minimaliste et léger.
 
De plus, dans mon cas, aucun hack à utiliser, ce que tu verras souvent en CSS dès que tu feras des choses compliquées.
 
Mais je t'assure, ayant appris à faire des sites en tables, que les CSS sont bien plus faciles d'utilisation que les tables, y a juste quelques trucs à savoir pour que cela s'affiche correctement sous tous les navigateurs.
 
Les liens openweb et alsacreations dans ma signature te seront utiles :)


---------------
http://www.alsacreations.com, http://www.openweb.eu.org. Mon CV : http://cv.roane-irkana.net. A ne surtout pas prendre en exemple : http://www.worldinternet.be
Reply

Sujets relatifs:

Leave a Replay

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