border-style

Version imprimable

10/01/2006, 12h19
canabral

border-style

Bonjour,

Je souhaite que la bordure de mon bloc soit en pointillé, je procéde de cette façon:

Code:

#presentation {width:570px; float: left; height: 100%; padding-left:5px; border-left: 1px dotted #CC0066;}

Mais cela ne change rien ... mon navigateur est Internet Explorer 5, il ne prend peut etre pas en charge cette propriété ???

Merci de votre aide

Salut, j'ai testé ça :
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 <html> <head> <style type="text/css"> p { width: 570px; float: left; height: 100%; padding-left: 5px; border-left: 1px dotted #CC0066; } </style> </head> <body> <p>texte</p> </body> </html>
Ca marche parfaitement sous FF et IE

Peut-être y a-t-il un problème dans ton code html

Tu peux mettre le bloc html correspondant :?:

10/01/2006, 13h56
canabral

Je viens de créer une page à partir de ton code, à l'identique... et celà ne marche pas, j'ai toujours une ligne entière ...
10/01/2006, 14h04
Nesmontou

Tu peux mettre ton css et ton code html :?: (pas tout, juste ce qu'il faut ;-))
10/01/2006, 14h08
noOneIsInnocent

ouai surtout que si tu as recopié le code tel quel ça devrait fonctionné ...

voilà ce que je vieux de copier-coller dans une page HTML vierge :

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 
  { 
    width: 570px; 
    float: left; 
    height: 100%; 
    padding-left: 5px; 
    border-left: 1px dotted #CC0066; 
  } 
  </style> 
</head> 
<body> 
   <p>texte</p> 
</body> 
</html>

Sinon moi j'avais par exemple dans ma css:

Code:

1
2
3
 
.sommaires {float: left; width:190px; padding-right: 5px; margin-top: 26px; padding-left:5px; border-left: 1px dotted #CC0066;}	 
h3.sommaire {color: #3232CD; font-size: 15px; font-weight: bold; text-align:center; border-top: 1px dotted #CC0066; border-bottom: 1px dotted #CC0066;}

et dans mon html:

Code:

1
2
3
4
 
<DIV class="sommaires">	 
<h3 class="sommaire">Plan</h3>
</DIV>

Que ce soit ma bordure de block ou de mon titre elles ne sont pas en pointillées.
Idem si j'utilise 'dashed', 'dotted', 'double' ma bordure ne change pas ...

Merci

10/01/2006, 14h28
Nesmontou

Essaie en ne mettant que la propriété sur la bordure (enlève float, font-weight..) pour voir ce que ça donne
10/01/2006, 14h38
canabral

cela revient au même ... j'ai essayé aussi avec boder-left-style, boder-left-width, ... mais cela ne change rien

Je viens de regarder ma page sur un ordinateur avec IE 6 et ça marche bien ...
10/01/2006, 14h41
Nesmontou

C'est Firefox qui te pose problème :?: Il doit y avoir un autre problème ailleurs alors, tu peux mettre un lien vers ton fichier html :?: Tu as peut-être mis des balises qui ne devraient pas contenir de bloc div comme les span

Essaie de faire valider ton code html sur http://validator.w3.org

Ou, en dernier recours, poste tout ton code html
10/01/2006, 14h43
glloq8

C'est peut-être tout simplement sa version de IE qui fait que ça ne fonctionne pas...

Pourquoi ne pas mettre la dernière version de ce "navigateur" ??
10/01/2006, 14h45
canabral

Non moi c'est IE 5 ça ne marche pas et IE 6 ça marche, firefox je n'ai pas fait le test.

Ma page n'est pas en ligne.
Mais de toute façon en utilisant ton exemple de code que j'ai copier coller sans rien ajouter (donc pas de problème de balise div ou span ou autres problèmes...) cela ne marche pas sous IE 5 et marche sous IE 6, ça doit donc être un problème de configuartion ...
10/01/2006, 14h46
glloq8

C'est un peu ce que j'ai écris juste au dessus...
10/01/2006, 14h50
canabral

oui voilà ... je vais donc mettre à jour ma version de IE ...

Merci pour votre aide.
10/01/2006, 14h50
Nesmontou

Ah, si c'est IE 5, je ne sais pas

Bon développement ;-)
10/01/2006, 15h39
SpaceFrog
sinon essaye autant que possible de mettre le type de bordure avant la taille
Code:

1 2 border:dotted 2px red
10/01/2006, 15h58
glloq8

moi, je mets toujours la taille, ensuite le style et enfin la couleur, et ça marche très bien !!

Code:

border: 2px dotted red
10/01/2006, 18h06
Nesmontou

Salut, je fais comme glloq8 et ça marche très bien ; il me semble qu'il n'y a pas d'ordre privilégié

http://www.w3.org/TR/CSS21/box.html#...and-properties