[html] Bordure autour d'un DIV

Bordure autour d'un DIV [html] - HTML/CSS - Programmation

Marsh Posté le 09-08-2002 à 00:31:46    

Comment on fait pour mettre une bordure autour d'un DIV ?
Merci.


---------------
Découvrez la version 2005 du  Site des Mains!! C'est la même qu'en 2004!
Reply

Marsh Posté le 09-08-2002 à 00:31:46   

Reply

Marsh Posté le 09-08-2002 à 00:53:28    

Reply

Marsh Posté le 09-08-2002 à 23:30:03    

J'ai mis ça:
       <div style="border-color: black;border-width: thick;height:375px;overflow:auto">
Mais il n'y  a aucune bordure qui apparait.
Pouvez-vous m'aider?


---------------
Découvrez la version 2005 du  Site des Mains!! C'est la même qu'en 2004!
Reply

Marsh Posté le 09-08-2002 à 23:46:24    

Tu dois aussi spécifier une valeur pour border-style car la valeur par défaut est à 'none' (aucune). Par exemple border-style: solid;
 
La largeur de la bordure peut aussi s'écrire en pixels : border-width: 2px;
 
Tu peux aussi regrouper border-width, border-color et border-style sous la même propriété border :
 
border: thick black solid;


Message édité par gm_superstar le 09-08-2002 à 23:48:24
Reply

Marsh Posté le 09-08-2002 à 23:58:49    

Ok merci bien!! :)  
Par contre est-ce que le 'style' marche sur tous les navigateurs?


---------------
Découvrez la version 2005 du  Site des Mains!! C'est la même qu'en 2004!
Reply

Marsh Posté le 10-08-2002 à 00:06:18    

heffer a écrit a écrit :

Ok merci bien!! :)  
Par contre est-ce que le 'style' marche sur tous les navigateurs?



Tous, non. Je crois pas que NS2 ou les navigateurs en mode texte le supporte :D Mais sur les navigateurs à peu près récents il n'y a pas de problèmes.
 
Cela dit je t'encourage à ne pas utiliser l'attribut style= mais plutôt à écrire une feuille de style séparée du code HTML.
 
* Soit en la plaçant dans le <head> de ton document :
 
<style type="text/css">
div {
  border: thick black solid;
  height: 375px;
  overflow: auto;
}
</style>
 
* Soit dans un fichier externe (que tu nommes par exemple styles.css) et que tu importes avec :
 
<link rel="stylesheet" type="text/css" href="styles.css">
 
à mettre aussi dans le <head>

Reply

Marsh Posté le 10-08-2002 à 00:21:50    

D'accord. :)  
Et pourquoi il vaut mieux utiliser une feuille de style séparée?


---------------
Découvrez la version 2005 du  Site des Mains!! C'est la même qu'en 2004!
Reply

Marsh Posté le 10-08-2002 à 01:18:56    

* Plus facile à mettre à jour
* L'attribut style n'existera plus dans les futures normes
* Meilleure modularité :
 
Tu peux créer des classes. Par exemple :
 
div.boiteRouge {
  border: 2px solid red;
}
 
.legende {
  color: green;
  font-weight: bold;
}
 
<div class="boiteRouge">Ceci est un <span class="legende">Test</span></div>
 
Voir http://www.yoyodesign.org/doc/w3c/css2/selector.html pour toutes les possibilités.

Reply

Marsh Posté le 10-08-2002 à 02:20:07    

CSS, l'essayer, cest ladopter  :D  :lol:

Reply

Marsh Posté le 10-08-2002 à 12:11:47    

gm_superstar a écrit a écrit :

* L'attribut style n'existera plus dans les futures normes




 
Et comment on devra faire pour les pages aux couleurs personnalisables? un CSS par utilisateur? ca va être la folie ca!

Reply

Marsh Posté le 10-08-2002 à 12:11:47   

Reply

Marsh Posté le 10-08-2002 à 13:38:23    

ou une css générée par php dynamiquement en fct du user ;)


---------------
...oups kernel error...
Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed