Problème de bordures incomplètes (CSS)
Résolu
rick7
Messages postés
258
Date d'inscription
Statut
Membre
Dernière intervention
-
rick7 Messages postés 258 Date d'inscription Statut Membre Dernière intervention -
rick7 Messages postés 258 Date d'inscription Statut Membre Dernière intervention -
Bonjour,
J’ai cherché sur le net et fais de multiples tests, mais je n’arrive pas à prolonger certaines bordures.
Comme sur la capture écran (ci-dessous), si j’ai un logo/image la bordure à droite est bien complète, mais à partir du moment où j’ai du texte la bordure est incomplète.
Dans l’exemple, on voit "test" qui tient sur une ligne, dans ce cas la bordure s’arrête sur la première ligne, si il y a deux lignes la bordure s’arrêtera sur la deuxième ligne et ainsi de suite.
Si quelqu’un à une idée merci.
J’ai cherché sur le net et fais de multiples tests, mais je n’arrive pas à prolonger certaines bordures.
Comme sur la capture écran (ci-dessous), si j’ai un logo/image la bordure à droite est bien complète, mais à partir du moment où j’ai du texte la bordure est incomplète.
Dans l’exemple, on voit "test" qui tient sur une ligne, dans ce cas la bordure s’arrête sur la première ligne, si il y a deux lignes la bordure s’arrêtera sur la deuxième ligne et ainsi de suite.
Si quelqu’un à une idée merci.
A voir également:
- Problème de bordures incomplètes (CSS)
- Bordure de page word - Guide
- Css download - Télécharger - HTML
- Background color css ✓ - Forum CSS
- Panneau de configuration nvidia incomplet - Forum PC portable
- Enlever le soulignement d'un lien css ✓ - Forum Réseaux sociaux
2 réponses
Bonjour,
Merci pour ton aide 1Seb, je suis encore sur le code pour essayer de comprendre d'où vient le problème. J'ai préféré remettre le code tel qu'il était au départ (avec le problème de bordure à droite également à côté du logo/image).
Le code CSS :
Merci pour ton aide 1Seb, je suis encore sur le code pour essayer de comprendre d'où vient le problème. J'ai préféré remettre le code tel qu'il était au départ (avec le problème de bordure à droite également à côté du logo/image).
Le code CSS :
.chart1 {
WIDTH: 900px; FLOAT: left
}
.chart_1_row_1 {
TEXT-ALIGN: center;
WIDTH: 900px;
FONT: bold 11px/24px Verdana, Arial, Helvetica, sans-serif;
BACKGROUND: #a23040;
FLOAT: left;
COLOR: #ffffff;
}
.chart_1_row_1 .col11 {
WIDTH: 34px;
FLOAT: left;
BORDER-RIGHT: #ffffff 1px solid;
}
.chart_1_row_1 .col12 {
WIDTH: 140px;
FLOAT: left;
BORDER-RIGHT: #ffffff 1px solid;
}
.chart_1_row_1 .col13 {
WIDTH: 60px; FLOAT: left; BORDER-RIGHT: #ffffff 1px solid
}
.chart_1_row_1 .col14 {
WIDTH: 365px; FLOAT: left; BORDER-RIGHT: #ffffff 1px solid
}
.chart_1_row_1 .col15 {
WIDTH: 280px; FLOAT: left; BORDER-RIGHT: #ffffff 1px solid
}
.chart_1_row_1 .col16 {
WIDTH: 50px; FLOAT: left; BORDER-RIGHT: #ffffff 1px solid
}
.chart_1_row_1 .col17 {
WIDTH: 128px; FLOAT: left; BORDER-RIGHT: #ffffff 1px solid
}
.chart_1_row_1 .col18 {
WIDTH: 177px; FLOAT: left
}
.chart_1_row_2 {
TEXT-ALIGN: center; PADDING-BOTTOM: 4px; PADDING-LEFT: 0px; WIDTH: 900px; PADDING-RIGHT: 0px; FONT: bold 11px/38px Verdana, Arial, Helvetica, sans-serif; BACKGROUND: #eee; FLOAT: left; COLOR: #000; PADDING-TOP: 4px; BORDER-RIGHT: #ffffff 1px solid
}
.chart_1_row_2 .col11 {
WIDTH: 35px; FLOAT: left
}
.chart_1_row_2 .col12 {
PADDING-BOTTOM: 2px; PADDING-LEFT: 0px; WIDTH: 140px; PADDING-RIGHT: 0px; FLOAT: left; PADDING-TOP: 2px;
}
.chart_1_row_2 .col13 {
WIDTH: 60px; FLOAT: left; PADDING-TOP: 4px; font-weight: normal; line-height: normal; font-size: 1.1em;
}
.chart_1_row_2 .col14 {
WIDTH: 365px; FLOAT: left; PADDING-TOP: 4px; font-weight: normal; line-height: normal; font-size: 1.1em; PADDING-RIGHT: 0px;
}
.chart_1_row_2 .col15 {
WIDTH: 280px; FLOAT: left; PADDING-TOP: 4px; font-weight: normal; line-height: normal; font-size: 1.1em;
}
.chart_1_row_2 .co1l6 {
WIDTH: 50px; FLOAT: left; PADDING-TOP: 4px; font-weight: normal; line-height: normal; font-size: 1.1em;
}
.chart_1_row_2 .col17 {
WIDTH: 128px; FLOAT: left; PADDING-TOP: 9px
}
.chart_1_row_2 .col18 {
WIDTH: 177px; FLOAT: left
oui. Merci pour ton aide, voilà le code HTML :
<DIV class=main_contaime> <DIV class=clear> </DIV> <DIV class=chart1> <DIV class=chart_1_row_1> <DIV class=col12>a</DIV> <DIV class=col13>b</DIV> <DIV class=col14>c</DIV> <DIV class=col15>d</DIV> <DIV class=col16>e</DIV> <DIV class=chart_1_row_2> <DIV style="VERTICAL-ALIGN: top" class=col12> <A href="" rel="nofollow" target="_blank"> <IMG border=0 align=center src="images/screen1.gif" width=100 height=35></A></DIV> <DIV class=col13>TEST1</DIV> <DIV class=col14>A</DIV> <DIV class=col15>B</DIV> <DIV class=col16>C</DIV> </DIV> <DIV class=chart_1_row_3> <DIV style="VERTICAL-ALIGN: top" class=col12> <A href="" rel="nofollow" target="_blank"> <IMG border=0 align=center src="images/screen2.gif" width=100 height=35></A></DIV> <DIV class=col13>TEST2</DIV> <DIV class=col14>A</DIV> <DIV class=col15>B</DIV> <DIV class=col16>C</DIV> </DIV>
