Probleme d'image éspacées

Probleme d'image éspacées - HTML/CSS - Programmation

Marsh Posté le 21-06-2005 à 09:39:10    

Salut tout le monde [:dawa] (sismo [:dawacube]
 
Bon, va fait un bout de temps que je suis pas viendu ni que j'ai trifouiller dans l'xhtml, donc je sèche sur un truc tout con [:ktulu]  
 
J'ai cree un chtit menu sur un coté qui, sous FF donne le bon resultat a savoir
 
http://if-faw.com/forum/problems/ffbien.jpg
 
bien sur sous IE 6, ca merde pour changer, ca donne
 
http://if-faw.com/forum/problems/iemerde.jpg
 
Voici le css
 

Code :
  1. #sidetop {
  2.  width:165px;
  3.  height:2px;
  4.  background-image:url('../images/encart_top.gif');
  5.  margin-top:5px;
  6.  background-repeat:no-repeat;
  7. }
  8. .sidetopunderbtm {
  9.  width:165px; b
  10.  ackground-image:url('../images/encart_repeat.gif');
  11.  height:2px;
  12. }
  13. #siderepeat {
  14.  width:165px;
  15.  background-image:url('../images/encart_repeat.gif');
  16. }
  17. #print {
  18.  background-image:url('../images/bouton_imprimer.gif');
  19.  width:165px;
  20.  height:19px;
  21.  margin-bottom:1px;
  22. }
  23. #print a {
  24.  display:block;
  25.  height:100%;
  26.  width:100%;
  27. }
  28. #beetweenfunction {
  29.  width:165px;
  30.  background-image:url('../images/encart_repeat.gif');
  31.  height:1px;
  32. }
  33. #envoyer {
  34.  background-image:url('../images/bouton_envoyerpage.gif');
  35.  width:165px;
  36.  height:19px;
  37. }
  38. #envoyer a {
  39.  display:block;
  40.  height:100%;
  41.  width:100%
  42. }
  43. #bottom {
  44.  width:165px;
  45.  height:2px;
  46.  background-image:url('../images/encart_bottom.gif');
  47.  background-repeat:no-repeat;
  48. }


 
 
et le css utilisé
 
 

Code :
  1. echo "<div style=\"width:165px; float:left;\">";
  2. echo "<div id=\"sidetop\"></div>";
  3. echo "<div class=\"sidetopunderbtm\"></div>";
  4. echo "<div id=\"siderepeat\">
  5.  <div id=\"print\"><a href=\"?page=imprimer\"></a></div>
  6.  <div id=\"beetweenfunction\"></div>
  7.  <div id=\"envoyer\"><a href=\"?page=envoyer\"></a></div>
  8. </div>";
  9. echo "<div class=\"sidetopunderbtm\"></div>";
  10. echo "<div id=\"bottom\"></div>";


 
Un peu d'aide serait le bienvenu [:moule_bite]


Message édité par Profil supprimé le 21-06-2005 à 09:39:48
Reply

Marsh Posté le 21-06-2005 à 09:39:10   

Reply

Marsh Posté le 21-06-2005 à 09:43:59    

tu aurai collé directement le code HTML généré plutot que ta suite de echo stp

Reply

Marsh Posté le 21-06-2005 à 09:45:40    

pas con [:icon8]
 

Code :
  1. <div style="width:165px; float:left;">
  2. <div id="sidetop"></div>
  3. <div class="sidetopunderbtm"></div>
  4. <div id="siderepeat">
  5.  <div id="print"><a href="?page=imprimer"></a></div>
  6.  <div id="beetweenfunction"></div>
  7.  <div id="envoyer"><a href="?page=envoyer"></a></div>
  8. </div>
  9. <div class="sidetopunderbtm"></div>
  10. <div id="bottom"></div>
  11. </div>


 
 :jap:

Reply

Marsh Posté le 21-06-2005 à 11:32:32    

svp :/

Reply

Marsh Posté le 21-06-2005 à 11:53:52    

et en forcant les margin et paddings à 0 partout ?

Reply

Marsh Posté le 21-06-2005 à 12:08:07    

nan c'est pareil [:icon9]

Reply

Marsh Posté le 21-06-2005 à 12:45:29    

Quel est l'intérêt d'un bouton "imprimer" sur la page webe? [:dawa]
 
10 contre 1 que t'as pas mis le doctype qui va bien et que MSIE est en quirks [:dawa]


---------------
Stick a parrot in a Call of Duty lobby, and you're gonna get a racist parrot. — Cody
Reply

Marsh Posté le 22-06-2005 à 08:57:10    

pasque l'impression est une page avec une presentation autre, et qu'un css print peu pas faire ce qu'on veux faire :)
 
sinon mon doctype est
 

Code :
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">


 
j'ai essayer transitional c'est pareil [:icon8]
 

Reply

Marsh Posté le 22-06-2005 à 09:00:21    

si tu avait un site propre sur le XHTML et une bonne feuille CSS print, tu ferai vraiment ce que tu veux.
tu sais que justement il faut cacher les éléments que tu ne veux pas afficher. ????

Reply

Marsh Posté le 22-06-2005 à 09:03:30    

oui je sais comment ca marche, et je sais le faire.
 
Bon, meme si le fait qu'un print soit la ou pas, le fait reste que le bloc, peu importe ce qu'il contient, foire.

Reply

Marsh Posté le 22-06-2005 à 09:03:30   

Reply

Marsh Posté le 22-06-2005 à 09:08:05    

bah ta CSS est pourrie alors

Reply

Marsh Posté le 22-06-2005 à 09:22:09    

c'est sympa de dire l'evidence :heink:
 
Le but etant quand meme d'aider a corriger ca :/

Reply

Marsh Posté le 22-06-2005 à 10:14:03    


Faudrait commencer par corriger le markup je pense :o

echo "<div style=\"width:165px; float:left;\">";
echo "<div id=\"sidetop\"></div>";
echo "<div class=\"sidetopunderbtm\"></div>";
echo "<div id=\"siderepeat\">
    <div id=\"print\"><a href=\"?page=imprimer\"></a></div>
    <div id=\"beetweenfunction\"></div>
    <div id=\"envoyer\"><a href=\"?page=envoyer\"></a></div>
</div>";
echo "<div class=\"sidetopunderbtm\"></div>";
echo "<div id=\"bottom\"></div>";


Enlever le style du premier div, changer les id pour qu'ils soient plus clairs (parce que là c'est clair comme du jus de chique au fond d'un puit par une nuit sans lune [:moule_bite], enlever le div "betweenfunction" (il sert à quoi, d'abord? [:mlc] ), ajouter des vrais mots dans les deux liens et les mettre en span (ça me semblerait plus logique que des divs)


---------------
Stick a parrot in a Call of Duty lobby, and you're gonna get a racist parrot. — Cody
Reply

Marsh Posté le 22-06-2005 à 10:17:34    

Et aussi, virer ces doubles-quotes, style :

echo '<div id="sidetop"></div>';


On n'oublie pas que les double-quotes provoquent un parsing de la chaîne à la recherche de variables ;)

Reply

Marsh Posté le 22-06-2005 à 10:18:58    

FlorentG a écrit :

Et aussi, virer ces doubles-quotes, style :

echo '<div id="sidetop"></div>';


On n'oublie pas que les double-quotes provoquent un parsing de la chaîne à la recherche de variables ;)


Ouais mais en même temps "\n" ça marche pas avec les simples quotes ([:sisicaivrai]) et personnellement j'aime bien en mettre pour sortir un code HTML propre et lisible [:cupra]


---------------
Stick a parrot in a Call of Duty lobby, and you're gonna get a racist parrot. — Cody
Reply

Marsh Posté le 22-06-2005 à 10:19:51    

Donc :

echo '<div id="sidetop"></div>', "\n";


:D

Reply

Sujets relatifs:

Leave a Replay

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