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

Recherche :

Mot : Pseudo : Filtrer
Bas de page
Auteur	Sujet : Problème d'arrondis (images) avec fond en couleur

le_duc

PlaTyPuS

Salut à tous!

Voilà, ca c'est une partie de ma page web :

Pourquoi il y a encore un ptit espace vert autour des arrondis dans les bords ?

Voilà le code pour 1 arrondi :

Code :

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

et la classe qui va avec :

Code :

.fond-vert1 { background: #336666;
text-align: left;
vertical-align: top;
}

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

Publicité

le_duc

PlaTyPuS

panchopa

le lama de Lima

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

le_duc

PlaTyPuS

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 !

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

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

merci pour vos réponses!

Hermes le Messager

Breton Quiétiste

Le_Duc a écrit :

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

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

le_duc

PlaTyPuS

Hermes le Messager a écrit :

mais calme-toi Hermes

j'l'ai les enlevés les trucs Kro$oft! voilà ce que j'ai maintenant :

Code :

<td width="20%" class="fond-vert1">
<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

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

panchopa

le lama de Lima

Citation :

style="border:0px none;"

:non: [:tomtom75]

panchopa

le lama de Lima

HotShot a écrit :

Oops inversé oui
Border:0px none;

[:the time]

non, c'est
BoRdeR: none false 0px;

le_duc

PlaTyPuS

panchopa a écrit :

Citation :

style="border:0px none;"

:non: [:tomtom75]

:??:

le_duc

PlaTyPuS

panchopa a écrit :

[:the time]

non, c'est
BoRdeR: none false 0px;

ah ok, je change ca de suite!

Publicité

le_duc

PlaTyPuS

j'ai ca :

Code :

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

mais ca marche tjs pas :cry:

le_duc

PlaTyPuS

HotShot a écrit :

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

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

panchopa

le lama de Lima

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

valaaaaaaaaa :sarcastic:

le_duc

PlaTyPuS

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

panchopa

le lama de Lima

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

le_duc

PlaTyPuS

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 :

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

Pour la table qui englobe cette cellule :

Code :

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

...

le_duc

PlaTyPuS

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

le_duc

PlaTyPuS

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:

le_duc

PlaTyPuS

:bounce:

Hermes le Messager

Breton Quiétiste

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

le_duc

PlaTyPuS

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

le_duc

PlaTyPuS

:bounce:

panchopa

le lama de Lima

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

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

le_duc

PlaTyPuS

panchopa a écrit :

arfeu

Citation :

"style="border:0px none false;

Citation :

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

valaaaaaaaaa

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]

le_duc

PlaTyPuS

mais ca change à rien... :cry:

le_duc

PlaTyPuS

:bounce:

Profil supprimé

.x
{
border: none;

}

gm_superstar

Appelez-moi Super

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

le_duc

PlaTyPuS

gm_superstar a écrit :

décidémment, tu n'arrêteras pas de m'impressionner

ca roxx :love: , mercI !

@++

Publicité

FORUM HardWare.fr

Programmation

HTML/CSS

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

Sujets relatifs
Programmation : problème de tableauxet de for assez complexe...	Comment mettre une page html en fond ecran W2000
comment changer la couleur d'un texte de maniere simple	[JAVA] probleme de VM ? ou autre chose ....
image de fond	[problème] programme en assembleur pour convertir lettre en hexa
probleme apache/sql	[Php] Problème avec objet COM
[PHP] Problème avec Array_push / Array_merge	[ASP_newbies]Probleme lorsque je veux acceder a ma base de donnée!
Plus de sujets relatifs à : Problème d'arrondis (images) avec fond en couleur

Page générée en 0.087 secondes