[css] border-style

Version imprimable

09/01/2006, 18h58
youbyoub

[css] border-style
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:

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 :wink:
09/01/2006, 20h01
Nesmontou

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

Code:

background-color: #99FFFF;

Pour la bordure, je vais regarder ;-)
09/01/2006, 20h07
youbyoub

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

Re, je viens de tester ça

Code:

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

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

Code:

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

09/01/2006, 20h43
Nesmontou

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

Je continue mes recherches.
09/01/2006, 20h49
youbyoub

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

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

Code:

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:

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>

et pour le style, remplace p.etatcivile par table.etatcivile

Ca donne quoi :?:

PS : tu peux voir si ton code est valide sur http://validator.w3.org/

09/01/2006, 21h10
youbyoub

:D Merci pour ton aide ç amarche nikel avec ta correction. Parcontre pour la validation, j'était entrain de la faire et c'est plein d'erreurs :wink: encore merci
09/01/2006, 21h21
Nesmontou

Ce n'est rien, n'oublie de cliquer sur le ch'ti :resolu: en bas à gauche de la page.

@ bientôt ;-)