Forum |  HardWare.fr | News | Articles | PC | S'identifier | S'inscrire | Shop Recherche
3024 connectés 

  FORUM HardWare.fr
  Programmation
  HTML/CSS

  Probleme d'image éspacées

 
 


 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

Probleme d'image éspacées

n°1125880
Profil sup​primé
Posté le 21-06-2005 à 09:39:10  answer
 

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
mood
Publicité
Posté le 21-06-2005 à 09:39:10  profilanswer
 

n°1125890
gatsusat
Posté le 21-06-2005 à 09:43:59  profilanswer
 

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

n°1125896
Profil sup​primé
Posté le 21-06-2005 à 09:45:40  answer
 

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:

n°1126065
Profil sup​primé
Posté le 21-06-2005 à 11:32:32  answer
 

svp :/

n°1126111
gatsusat
Posté le 21-06-2005 à 11:53:52  profilanswer
 

et en forcant les margin et paddings à 0 partout ?

n°1126136
Profil sup​primé
Posté le 21-06-2005 à 12:08:07  answer
 

nan c'est pareil [:icon9]

n°1126181
masklinn
í dag viðrar vel til loftárása
Posté le 21-06-2005 à 12:45:29  profilanswer
 

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
n°1127002
Profil sup​primé
Posté le 22-06-2005 à 08:57:10  answer
 

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]
 

n°1127006
gatsusat
Posté le 22-06-2005 à 09:00:21  profilanswer
 

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. ????

n°1127007
Profil sup​primé
Posté le 22-06-2005 à 09:03:30  answer
 

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.

mood
Publicité
Posté le 22-06-2005 à 09:03:30  profilanswer
 

n°1127011
gatsusat
Posté le 22-06-2005 à 09:08:05  profilanswer
 

bah ta CSS est pourrie alors

n°1127024
Profil sup​primé
Posté le 22-06-2005 à 09:22:09  answer
 

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

n°1127066
masklinn
í dag viðrar vel til loftárása
Posté le 22-06-2005 à 10:14:03  profilanswer
 


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
n°1127073
FlorentG
Unité de Masse
Posté le 22-06-2005 à 10:17:34  profilanswer
 

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

n°1127078
masklinn
í dag viðrar vel til loftárása
Posté le 22-06-2005 à 10:18:58  profilanswer
 

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
n°1127080
FlorentG
Unité de Masse
Posté le 22-06-2005 à 10:19:51  profilanswer
 

Donc :

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


:D


Aller à :
Ajouter une réponse
  FORUM HardWare.fr
  Programmation
  HTML/CSS

  Probleme d'image éspacées

 

Sujets relatifs
IMAP et probleme Recent UnseenMenu déroulant CSS avec une image sur 1er bouton
Probléme variable espaceImage fixe sur mon <body Background>
Problème avec des Variables de Session sous Free[VB_Access] Probleme Verrou BD access
probleme pour parser flux xmlproblème chmod / lecture de fichiers sur un serveur
Petit probleme de Background avec ie.[Réglé] probleme pour inclure une page
Plus de sujets relatifs à : Probleme d'image éspacées

Forum MesDiscussions.Net, Version 2010.2
(c) 2000-2011 Doctissimo
Page générée en 0.128 secondes

Copyright © 1997-2022 Hardware.fr SARL (Signaler un contenu illicite / Données personnelles) / Groupe LDLC / Shop HFR