border-style

**canabral** · 10/01/2006, 13h19

Bonjour,

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

Code :

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

#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

**Nesmontou** · 10/01/2006, 13h47

Salut, j'ai testé ç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
<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

:

**canabral** · 10/01/2006, 14h56

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

**Nesmontou** · 10/01/2006, 15h04

Tu peux mettre ton css et ton code html

: (pas tout, juste ce qu'il faut ;-))

**noOneIsInnocent** · 10/01/2006, 15h08

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

**canabral** · 10/01/2006, 15h24

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

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

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

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 :

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

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

**Nesmontou** · 10/01/2006, 15h28

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

**canabral** · 10/01/2006, 15h38

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

**Nesmontou** · 10/01/2006, 15h41

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

**glloq8** · 10/01/2006, 15h43

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

**canabral** · 10/01/2006, 15h45

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

**glloq8** · 10/01/2006, 15h46

C'est un peu ce que j'ai écris juste au dessus...

**canabral** · 10/01/2006, 15h50

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

Merci pour votre aide.

**Nesmontou** · 10/01/2006, 15h50

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

Bon développement ;-)

**SpaceFrog** · 10/01/2006, 16h39

sinon essaye autant que possible de mettre le type de bordure avant la taille

Code :

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

1
2
 
border:dotted 2px red

**glloq8** · 10/01/2006, 16h58

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

Code :

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

border: 2px dotted red

**Nesmontou** · 10/01/2006, 19h06

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

border-style

HTML

Vue hybride

Discussions similaires

Partager

Partager