Problème d'arrondis (images) avec fond en couleur

Problème d'arrondis (images) avec fond en couleur - HTML/CSS - Programmation

Marsh Posté le 22-01-2003 à 15:43:56    

Salut à tous!
 
Voilà, ca c'est une partie de ma page web :
http://www.duotone.ch/~duotone/menu.gif
 
Pourquoi il y a encore un ptit espace vert autour des arrondis dans les bords ?
 
Voilà le code pour 1 arrondi :

Code :
  1. <td width="20%" height="1" class="fond-vert1">
  2.                 <img src="images/arrondi_gauche_haut_vertfonce.gif"></td>


 
et la classe qui va avec :

Code :
  1. .fond-vert1 {    background: #336666;
  2.       text-align: left;
  3.                      vertical-align: top;
  4.  }


 
 
 :??: comprends pas...y'a une autre méthode pour arrondir les coins d'une cellule ? (j'vois pas en tout cas...)


Message édité par le_duc le 22-01-2003 à 18:28:36
Reply

Marsh Posté le 22-01-2003 à 15:43:56   

Reply

Marsh Posté le 22-01-2003 à 17:28:35    

up

Reply

Marsh Posté le 22-01-2003 à 17:37:51    

je sais pas, mais tu devrais vite remplacer img border="0" par style="border:none" avant que GM vienne te tapper sur les doigts !  :)

Reply

Marsh Posté le 22-01-2003 à 17:46:26    

panchopa a écrit :

je sais pas, mais tu devrais vite remplacer img border="0" par style="border:none" avant que GM vienne te tapper sur les doigts !  :)  


 
:D (ouais..mais c pas pour moi ce site...et je suis obligé de bosser avec Frontpage...et c'est lui qui me met cette merde! alors bon..tanpis)
 
les propriété du tableau :

Code :
  1. <table border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse" width="100%" id="AutoNumber3">


 
merci pour vos réponses!

Reply

Marsh Posté le 22-01-2003 à 17:51:36    

Le_Duc a écrit :


 
:D (ouais..mais c pas pour moi ce site...et je suis obligé de bosser avec Frontpage...et c'est lui qui me met cette merde! alors bon..tanpis)
 
les propriété du tableau :

Code :
  1. <table border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse" width="100%" id="AutoNumber3">


 
merci pour vos réponses!


 
Ben tant pis alors. Si tu refuses de virrer les merdes de microsoftn je vois mal ce qu'on pourrait faire pour toi. Soit tu nous écoutes, soit tu viens pas nous demander de t'aider. T'es pas au supermarché ici.

Reply

Marsh Posté le 22-01-2003 à 18:04:08    

Hermes le Messager a écrit :


 
Ben tant pis alors. Si tu refuses de virrer les merdes de microsoftn je vois mal ce qu'on pourrait faire pour toi. Soit tu nous écoutes, soit tu viens pas nous demander de t'aider. T'es pas au supermarché ici.  


 
mais calme-toi Hermes ;)
 
j'l'ai les enlevés les trucs Kro$oft! voilà ce que j'ai maintenant :

Code :
  1. <td width="20%" class="fond-vert1">
  2.                 <img src="images/arrondi_gauche_haut_vertfonce.gif" style="border:0px none;"></td>


 
mais ca change à rien...
 
PS: ce que je voulais dire par le "tanpis", c que je vais pas me faire chier à enlever toute cette merde sur tout le site!
 
 
edit: donc tu peux m'aider mtn, tout est propre :D
 
edit2 : HotShot> c koi un attribut pour un image ? je change ca comment ? ou je rajoute comment ?


Message édité par le_duc le 22-01-2003 à 18:06:28
Reply

Marsh Posté le 22-01-2003 à 18:11:31    

Citation :

style="border:0px none;"

 
 
 :non:   [:tomtom75]

Reply

Marsh Posté le 22-01-2003 à 18:15:20    

HotShot a écrit :

Oops inversé oui  :D  
Border:0px none;

[:the time]  
 
non, c'est  
BoRdeR: none false 0px;  

Reply

Marsh Posté le 22-01-2003 à 18:15:57    

panchopa a écrit :

Citation :

style="border:0px none;"

 
 
 :non:   [:tomtom75]  


 
 :??:

Reply

Marsh Posté le 22-01-2003 à 18:16:22    

panchopa a écrit :

[:the time]  
 
non, c'est  
BoRdeR: none false 0px;  


 
ah ok, je change ca de suite! ;)

Reply

Marsh Posté le 22-01-2003 à 18:16:22   

Reply

Marsh Posté le 22-01-2003 à 18:18:27    

j'ai ca :

Code :
  1. <td width="20%" class="fond-vert1">
  2.                 <img src="images/arrondi_gauche_haut_vertfonce.gif" style="border:none false 0px"></td>


 
mais ca marche tjs pas  :D  :cry:

Reply

Marsh Posté le 22-01-2003 à 18:21:32    

HotShot a écrit :

et mon post t'en fais quoi ?  [:marc]  


 
tu parles de l'attribut ?  je sais pas comment changer l'attribut :whistle:

Reply

Marsh Posté le 22-01-2003 à 18:22:15    

reprend mon premier post :  tu devrais vite remplacer img border="0" par style="border:none"
 
valaaaaaaaaa  :sarcastic:

Reply

Marsh Posté le 22-01-2003 à 18:28:08    

panchopa a écrit :

reprend mon premier post :  tu devrais vite remplacer img border="0" par style="border:none"
 
valaaaaaaaaa  :sarcastic:  


 
 :??:  :??:  :??:  
 
mais c déjà remplacé...


Message édité par le_duc le 22-01-2003 à 18:29:23
Reply

Marsh Posté le 22-01-2003 à 18:40:13    

Le_Duc a écrit :


 
 :??:  :??:  :??:  
 
mais c déjà remplacé...


 
bin nan, tu avais mis  

Code :
  1. style="border:0px none;"


s'pas pareil et s'pas bien  

Reply

Marsh Posté le 22-01-2003 à 18:42:00    

HotShot a écrit :

et un style display:block aussi. Et vérifier que tu fous pas des CSS à ton "table" qui déteindraient sur les "td"


 
alors voilà :
 
Pour la cellule et l'image contenue dedans :

Code :
  1. <td width="20%" class="fond-vert1">
  2.                 <img src="images/arrondi_gauche_haut_vertfonce.gif" style="border:0px none false; display:block"></td>
  5. .fond-vert1{ background: #336666;
  6.  text-align: left;
  7.  vertical-align: top;
  8. }


 
 
 
Pour la table qui englobe cette cellule :

Code :
  1. <table width="100%" class="table1" height="316">
  4. .table1 {  border-collapse: collapse;
  5.    border-width: 0px;
  6.    font-family: Verdana, Arial, Helvetica;
  7.    font-size: 10pt;
  8.    color: black;
  9.    background: transparent;
  10. }


 
...

Reply

Marsh Posté le 22-01-2003 à 18:53:55    

HotShot a écrit :

Une question : à quoi ça te sert le border-collapse ?  [:meganne]  


 
euh...je dirais pas à grand chose, à part un confort visuel. Et il sans le border-collapse, il y'a + d'espace entre les cellules il me semble...

Reply

Marsh Posté le 22-01-2003 à 19:01:07    

HotShot a écrit :

Sachant qu'il y a pas de bordure, déjà... vire-le de toute façon.


 
j'ai essayé, ca change à rien  :cry:

Reply

Marsh Posté le 22-01-2003 à 23:05:55    

:bounce:

Reply

Marsh Posté le 22-01-2003 à 23:18:02    

Oui, montres la page complête. Ce sera plus facile de t'aider.  :jap:

Reply

Marsh Posté le 23-01-2003 à 10:56:40    

voilà l'adresse :
 
http://www.duotone.ch/~duotone/spep/default.html
 
-> au milieu de la page, à gauche!
 
Pour retrouver l'emplacement dans le code source, faites une recherche avec ca : "style="border:0px none false; display:block" -> vous tomberez exactement sur l'emplacement qui cause problème (un des 4 coins donc)
 
merci pour votre aide!


Message édité par le_duc le 23-01-2003 à 10:57:26
Reply

Marsh Posté le 23-01-2003 à 14:15:14    

:bounce:

Reply

Marsh Posté le 23-01-2003 à 17:12:32    

arfeu  :(  
 
 

Citation :

"style="border:0px none false;

c´était une boutade. Je te l'avais dit a mon premier post de mettre "style="border: none;" et je te l'ai même répété ensuite.  
 
mettre none en bordure signifie "aucune bordure", donc c'est non seulement pas la peine de répéter 0px, mais en plus c'est synataxiquement faux. Pour déconner j'avais rajouté un border : false (bah oui tant qu'à faire) .  Je pensais que tu avais compris le truc !  
 
J'ai bien essayé de rectifier le tir plusieurs fois :  
 
 

Citation :

reprend mon premier post :  tu devrais vite remplacer img border="0" par style="border:none"
 
valaaaaaaaaa  

et  

Citation :

Le_Duc a écrit :
 
 
 
:??:   :??:   :??:  
 
mais c déjà remplacé...
 
bin nan, tu avais mis  
Code :
 
  style="border:0px none;"  
 
s'pas pareil et s'pas bien  

 
 
Désolé si je t'ai embrouillé, c'était pas méchant mais le coup du border none 0px false me paraissait tellement gros, j'croyais pas que tu allais le recopier tel quel :/

Reply

Marsh Posté le 23-01-2003 à 18:52:15    

panchopa a écrit :

arfeu  :(  
 
 

Citation :

"style="border:0px none false;

c´était une boutade. Je te l'avais dit a mon premier post de mettre "style="border: none;" et je te l'ai même répété ensuite.  
 
mettre none en bordure signifie "aucune bordure", donc c'est non seulement pas la peine de répéter 0px, mais en plus c'est synataxiquement faux. Pour déconner j'avais rajouté un border : false (bah oui tant qu'à faire) .  Je pensais que tu avais compris le truc !  
 
J'ai bien essayé de rectifier le tir plusieurs fois :  
 
 

Citation :

reprend mon premier post :  tu devrais vite remplacer img border="0" par style="border:none"
 
valaaaaaaaaa  

et  

Citation :

Le_Duc a écrit :
 
 
 
:??:   :??:   :??:  
 
mais c déjà remplacé...
 
bin nan, tu avais mis  
Code :
 
  style="border:0px none;"  
 
s'pas pareil et s'pas bien  

 
 
Désolé si je t'ai embrouillé, c'était pas méchant mais le coup du border none 0px false me paraissait tellement gros, j'croyais pas que tu allais le recopier tel quel :/


 
[:sinclaire]  
 
[:whyme] [:pioupiou]

Reply

Marsh Posté le 23-01-2003 à 18:53:54    

mais ca change à rien...  :cry:

Reply

Marsh Posté le 24-01-2003 à 09:11:43    

:bounce:

Reply

Marsh Posté le 24-01-2003 à 09:27:15    

.x
    {
     border: none;
         
    }

 :)

Reply

Marsh Posté le 26-01-2003 à 14:54:56    

Plusieurs choses :
 
- Si tu mets tes images en display: block; text-align et vertical-align n'auront plus d'effet sur leur alignement (en tout cas ça passe mal dans Mozilla, les coins de droite ne sont pas à droite)
- Utilises les pixels comme unité (px) au lieu des points (pt) qui sont plus orientés pour l'impression.
- ton problème de "bordure" est en fait dû au padding des cellules, qui par défaut n'est pas nul. Les images ne sont donc pas collées au bord et le fond coloré provoque un effet de bordure.


---------------
Incongru : une FAQ abandonnée sur les Standards du Web - FAQ périmée de blabla@Prog
Reply

Marsh Posté le 27-01-2003 à 14:05:58    

gm_superstar a écrit :

Plusieurs choses :
 
- Si tu mets tes images en display: block; text-align et vertical-align n'auront plus d'effet sur leur alignement (en tout cas ça passe mal dans Mozilla, les coins de droite ne sont pas à droite)
- Utilises les pixels comme unité (px) au lieu des points (pt) qui sont plus orientés pour l'impression.
- ton problème de "bordure" est en fait dû au padding des cellules, qui par défaut n'est pas nul. Les images ne sont donc pas collées au bord et le fond coloré provoque un effet de bordure.


 
décidémment, tu n'arrêteras pas de m'impressionner ;)
 
ca roxx  :love: , mercI !
 
@++

Reply

Marsh Posté le    

Reply

Sujets relatifs:

Leave a Replay

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