IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

Mise en page CSS Discussion :

border-width:1px ≠ border:1px ?


Sujet :

CSS

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre à l'essai
    Inscrit en
    Juillet 2010
    Messages
    5
    Détails du profil
    Informations forums :
    Inscription : Juillet 2010
    Messages : 5
    Par défaut [résolu] border-width:1px ≠ border:1px ?
    Bonjour à tous. J'essaye de reprendre la base mes connaissances très lacunaires en css. Je suis la formation Elephorm qui est très très bien faite. Et voilà que j'en rencontre la première incompatibilité. Pour les dic un et deux suivantes, je n'obtient pas le même résultat. Est-ce un problème de balise obsolète [border-width] ? La un s'affiche correctement et la deux non car le bord est bien trop épais.

    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
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    <style>
    body {
    	padding:5px;
    	}
    h2 {
    	margin-top:0px;
    	margin-bottom:0px;
    	border:#666;
    	border-width:1px;
    	background-color:#CCC;
    	padding-left:5px;
    }
     
    div#un{
    	border: 1px solid gray;
     
    	padding:5px;
    	margin-bottom:10px;
    	}
     
    div#deux{
    	border-width: 1px;
    	border: solid;
    	border-color: gray;
     
    	padding:5px;
    	margin-bottom:10px;
    	}
    </style>


    ne donne rein de bon non plus.

  2. #2
    Membre actif
    Profil pro
    Webmaster
    Inscrit en
    Août 2009
    Messages
    41
    Détails du profil
    Informations personnelles :
    Localisation : France, Vaucluse (Provence Alpes Côte d'Azur)

    Informations professionnelles :
    Activité : Webmaster

    Informations forums :
    Inscription : Août 2009
    Messages : 41
    Par défaut
    personnelle je n'ai jamais vu border-width
    Je pense effectivement que c'est un problème de balise obsolète.

    Ta syntaxe
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    border: 1px solid gray;
    est la bonne

  3. #3
    Membre à l'essai
    Inscrit en
    Juillet 2010
    Messages
    5
    Détails du profil
    Informations forums :
    Inscription : Juillet 2010
    Messages : 5
    Par défaut
    Merci.

    C'est DreamWeaver (mon cauchemar ! je déteste cette app) qui me la propose.
    Donc border demande toujours les 3 paramètres pour fonctionner ? Taille, type, couleur ? Pas très tolérante comme propriété. Enfin, ça reste logique...

    Je me demande si border-width n'est pas une propriété inline seulement.

  4. #4
    Modérateur
    Avatar de Bisûnûrs
    Profil pro
    Développeur Web
    Inscrit en
    Janvier 2004
    Messages
    9 931
    Détails du profil
    Informations personnelles :
    Âge : 42
    Localisation : France, Rhône (Rhône Alpes)

    Informations professionnelles :
    Activité : Développeur Web

    Informations forums :
    Inscription : Janvier 2004
    Messages : 9 931
    Par défaut
    Ca tombe bien, il y a justement un article pour débutants sur les bordures qui vient de paraître sur Developpez :
    http://plambert.developpez.com/tutoriel/css/bordures/

    Donc non, border-width n'est pas obsolète ou je ne sais quoi. C'est comme si on disait que background-color était obsolète parce que background existe. Ce n'est pas la même chose ...

  5. #5
    Membre éprouvé Avatar de tsunamichups
    Inscrit en
    Octobre 2009
    Messages
    161
    Détails du profil
    Informations forums :
    Inscription : Octobre 2009
    Messages : 161
    Par défaut
    Dreaweaver s'est un outil, mais ils te propose tout. A toi de faire la part des choses parce que si tu ne raisonne pas par toi même dreamweaver t'enverra vers ta perte

    L'autocompletion, s'est bien mais faut avoir des base
    http://www.webdevout.net/browser-support-css

    Le lien ci dessus montre les balise interprétée par les navigateur (très très très util )

    Bon,ne chance dans réaprentissage

  6. #6
    Membre à l'essai
    Inscrit en
    Juillet 2010
    Messages
    5
    Détails du profil
    Informations forums :
    Inscription : Juillet 2010
    Messages : 5
    Par défaut
    merci pour votre accueil très sympa et vos conseils. Je réponds tardivement car je n'ai pas vu le dernier e-mail d'avis de réponse.

    Par contre je tombe à nouveau sur border-width dans la formation (rien d'étonnant, donc ).

    je vais consulter vos liens.

+ Répondre à la discussion
Cette discussion est résolue.

Discussions similaires

  1. overflow:hidden et border: 1px solid green
    Par JefReb dans le forum Mise en page CSS
    Réponses: 2
    Dernier message: 19/12/2012, 20h33
  2. [XHTML] width + border sous IE
    Par Death83 dans le forum Balisage (X)HTML et validation W3C
    Réponses: 15
    Dernier message: 03/10/2006, 13h32
  3. [HTML] Tableau avec border 1px solid black
    Par Jihnn dans le forum Balisage (X)HTML et validation W3C
    Réponses: 1
    Dernier message: 25/05/2006, 05h25
  4. [CSS]width:100% avecmargin/padding/border ?
    Par Raay dans le forum Mise en page CSS
    Réponses: 14
    Dernier message: 03/11/2005, 15h15

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo