[css] border-style

**youbyoub** · 09/01/2006, 18h58

Salut tous le monde, ça fait un moment que j'essai de regler ce petit souci sans succé. Mon code s'affiche correctement sur IE mai beug sur les autre navigateur:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
P.etatcivile{
 
	width       : 470px;
	border-width: 1px 1px 1px 3px; 
	padding: 0 0.5em;
	border-color: blue;
	border-style: dashed;	
	background  : #99FFFF;
 
}

Sur firefoxe par exemple une seule bordure haurizontale est déssinnée au dessus de mon paragraphe et pas les autres, de plus pas de couleur d'arrière plan. Meci d'avance pour votre aide

**Nesmontou** · 09/01/2006, 20h01

Salut, pour ton problème de background, il faut que tu mettes

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

background-color: #99FFFF;

Pour la bordure, je vais regarder ;-)

**youbyoub** · 09/01/2006, 20h07

Tout d'abord merci pour votre repense, j'ai rajouter la partie manquante
"-color" a mo CSS mais rien ne change. le fond reste toujours sans couleur.

**Nesmontou** · 09/01/2006, 20h20

Re, je viens de tester ça

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
<html>
<head>
	<style type="text/css">
	P.etatcivile{
   width       : 470px; 
   border-width: 1px 1px 1px 3px; 
   padding: 0 0.5em; 
   border-color: blue; 
   border-style: dashed;    
   background-color  : #99FFFF; 
 
}
	</style>
</head>
<body>
	<p class="etatcivile">Test</p>
</body>
</html>

et ça marche très bien sous FF 1.5 et IE 6.0

Tu as bien écrit le nom de la classe

:

**youbyoub** · 09/01/2006, 20h33

et oui j'ai bien peur qu'il n'yai pas d'explication logique. alors voila le boue de code HTML

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
<p class="etatcivile">
		<table>
		<tr>
			<td><img src="./Images/icone_adresse.gif"></td>
			<td>Cit&eacute; Universitaire Luminy, Bt: C Chambre N°117
			<br>171 Av De Luminy 13009 MARSEILLE</td><br>
 
		</tr> 
		<tr>  
		   <td><img src="./Images/icone_telephone.gif"></td><td>06.32.53.14.99</td>
		</tr>
		<tr>
		   <td><img src="./Images/icone_e-mail3.gif"></td><td><A HREF="mailto:youba.mouhoubi@gmail.com">youba.mouhoubi@gmail.com</A></td>
		</tr>
		<tr>
		<td>Age:</td><td>24 ans</td>		
		</tr>
 
		</table>
		</p>

et si ça peut t'aider à trouver l'erreur, voila le lien

http://lumimath.univ-mrs.fr/~mouhoubi/
ce qu m'agasse c'est que l'affichage et comme je le veux sur IE

**Nesmontou** · 09/01/2006, 20h43

Re, j'ai trouvé ce qui ne va pas mais pas ce qu'il faut faire pour y remédier ; en fait, le problème vient du doctype, si tu l'enlèves, ça marche sous FF et IE, mais quand il est présent, seul IE affiche correctement ta page

Je continue mes recherches.

**youbyoub** · 09/01/2006, 20h49

Emmm; merci pour la remarque, peut etre que ma page n'est pas valide vis-à-vis de la dtd

: c'est pour cela peut être que l'affichage est maudit!!nan??

**Nesmontou** · 09/01/2006, 21h02

J'ai un truc qui marche pour les 2 navigateurs :
Remplace

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
<p class="etatcivile">
  <table>
    <tr>
      <td><img src="./Images/icone_adresse.gif"></td>
      <td>Cit&eacute; Universitaire Luminy, Bt: C Chambre N°117<br>171 Av De Luminy 13009 MARSEILLE</td>
    </tr>
    <tr>  
      <td><img src="./Images/icone_telephone.gif"></td>
      <td>06.32.53.14.99</td>
    </tr>
    <tr>
      <td><img src="./Images/icone_e-mail3.gif"></td>
      <td><A HREF="mailto:youba.mouhoubi@gmail.com">youba.mouhoubi@gmail.com</A></td>
    </tr>
    <tr>
      <td>Age:</td>
      <td>24 ans</td>		
    </tr>
  </table>
</p>

par

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
  <table class="etatcivile">
    <tr>
      <td><img src="./Images/icone_adresse.gif"></td>
      <td>Cit&eacute; Universitaire Luminy, Bt: C Chambre N°117<br>171 Av De Luminy 13009 MARSEILLE</td>
    </tr>
    <tr>  
      <td><img src="./Images/icone_telephone.gif"></td>
      <td>06.32.53.14.99</td>
    </tr>
    <tr>
      <td><img src="./Images/icone_e-mail3.gif"></td>
      <td><A HREF="mailto:youba.mouhoubi@gmail.com">youba.mouhoubi@gmail.com</A></td>
    </tr>
    <tr>
      <td>Age:</td>
      <td>24 ans</td>		
    </tr>
  </table>