[html] Bordure autour d'un DIV

Recherche :

Mot : Pseudo : Filtrer
Bas de page
Auteur	Sujet : [html] Bordure autour d'un DIV

heffer

PDG du Site des Mains

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!

Publicité

gm_superstar

Appelez-moi Super

http://www.yoyodesign.org/doc/w3c/ [...] properties

heffer

PDG du Site des Mains

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!

gm_superstar

Appelez-moi Super

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

heffer

PDG du Site des Mains

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!

gm_superstar

Appelez-moi Super

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

heffer

PDG du Site des Mains

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!

gm_superstar

Appelez-moi Super

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

Maxime

CSS, l'essayer, cest ladopter :lol:

gizmo

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!

Publicité

ethernal

Chercheur de vérité...

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

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

FORUM HardWare.fr

Programmation

HTML/CSS

[html] Bordure autour d'un DIV

Sujets relatifs
[HTML PHP] Include,templates........gener icite du code	[HTML] Cohabitation HTML-PHP et Design-Programmation
[HTML] Envoyer un email avec le contenu d'un formulaire ? simple ?	[ HTML ] mettre des infos sur son site
Recherche bon éditeur HTML freeware	[HTML, JS] Faire une fonction javascript qui detecte les espaces
Récupérer tous des choix multiples d'une form en HTML dans une servlet	[HTML] Positionnement d une image.........
[HTML] je suis total paume avec ces histoires..........	Placer les balise html <img> autour d'une url.
Plus de sujets relatifs à : [html] Bordure autour d'un DIV

Page générée en 0.061 secondes