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 :

Ecraser un style CSS


Sujet :

CSS

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre confirmé Avatar de islyoung2
    Homme Profil pro
    Inscrit en
    Juin 2008
    Messages
    236
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 42

    Informations forums :
    Inscription : Juin 2008
    Messages : 236
    Par défaut Ecraser un style CSS
    slt tlm;
    voila j cree le div suivant :
    Code html : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    <div id="nav">
        <ul>
            <li><a href="index.php">PRESENTATION</a></li>
    	<li font: 10px "arial narrow", arial, sans-serif;><a href="index.php">ACTUALITE</a></li>
        </ul>
    </div>
    et le fichier styles.css :
    Code css : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    #nav li {
      list-style: none;
      font: 14px "arial narrow", arial, sans-serif;
      border-top: 1px solid #959595;
      background: 188px 10px url(images/arr_white.gif) no-repeat;
      padding: 7px 0 0 31px;
    }
    lorsque j'affiche ma page le 2em li reste toujour avec la police 14px

  2. #2
    Membre Expert Avatar de Er3van
    Homme Profil pro
    Architecte Logiciel
    Inscrit en
    Avril 2008
    Messages
    1 430
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Rhône (Rhône Alpes)

    Informations professionnelles :
    Activité : Architecte Logiciel
    Secteur : Industrie

    Informations forums :
    Inscription : Avril 2008
    Messages : 1 430
    Par défaut
    C'est normal, tu utilise du CSS sans appel au CSS :
    Code HTML : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    <div id="nav">
    <ul>
    <li><a href="index.php">PRESENTATION</a></li>
    <li style="font: 10px 'arial narrow', arial, sans-serif;"><a href="index.php">ACTUALITE</a></li>
    </ul>
    </div>

    Ca ira bcp mieux

  3. #3
    Membre expérimenté Avatar de romain_ci
    Profil pro
    Inscrit en
    Octobre 2007
    Messages
    262
    Détails du profil
    Informations personnelles :
    Âge : 39
    Localisation : France, Paris (Île de France)

    Informations forums :
    Inscription : Octobre 2007
    Messages : 262
    Par défaut
    Citation Envoyé par Er3van Voir le message
    Code HTML : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    <div id="nav">
    <ul>
    <li><a href="index.php">PRESENTATION</a></li>
    <li style="font: 10px 'arial narrow', arial, sans-serif;"><a href="index.php">ACTUALITE</a></li>
    </ul>
    </div>
    Oulala Attention ! A quoi ca sert que tes un fichier CSS, si c'est pour en mettre directement sur une balise... (Pas approprier en passer par là ! et si tu fait du Xhtml Strict , tu sera pas valide W3C !!)

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
     
    <div id="nav">
    <ul>
    <li><a href="index.php">PRESENTATION</a></li>
    <li class="class_nav"><a href="index.php">ACTUALITE</a></li>
    </ul>
    </div>
    et dans ton css

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
     
    .class_nav{
    font: 10px 'arial narrow', arial, sans-serif;
    }
    a bientot

  4. #4
    Membre Expert Avatar de Er3van
    Homme Profil pro
    Architecte Logiciel
    Inscrit en
    Avril 2008
    Messages
    1 430
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Rhône (Rhône Alpes)

    Informations professionnelles :
    Activité : Architecte Logiciel
    Secteur : Industrie

    Informations forums :
    Inscription : Avril 2008
    Messages : 1 430
    Par défaut
    Citation Envoyé par romain_ci Voir le message
    Oulala Attention ! A quoi ca sert que tes un fichier CSS, si c'est pour en mettre directement sur une balise... (Pas approprier en passer par là ! et si tu fait du Xhtml Strict , tu sera pas valide W3C !!)
    Dans certains cas tu peux être amené à définir un élément ponctuel qui n'a pas besoin d'avoir une id, c'est l'intérêt du CSS inline qui est complètement valide xHTML, Strict ou pas. Je viens d'en faire le test hier même

  5. #5
    Membre Expert Avatar de Erwan31
    Profil pro
    Inscrit en
    Février 2008
    Messages
    2 177
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Février 2008
    Messages : 2 177
    Par défaut
    Citation Envoyé par romain_ci Voir le message
    et si tu fait du Xhtml Strict , tu sera pas valide W3C !!)
    A mon avis tu confonds avec l'invalidité en strict due à la présence d'attributs de
    présentation (pas systématique pour info > table et images)

  6. #6
    Membre confirmé Avatar de islyoung2
    Homme Profil pro
    Inscrit en
    Juin 2008
    Messages
    236
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 42

    Informations forums :
    Inscription : Juin 2008
    Messages : 236
    Par défaut
    ca marche ok merci?

  7. #7
    Membre Expert Avatar de Erwan31
    Profil pro
    Inscrit en
    Février 2008
    Messages
    2 177
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Février 2008
    Messages : 2 177
    Par défaut
    Bonjour,
    pour commencer n'oublies pas d'insérer ton code dans les balises adéquates (bouton #).

    Ensuite tu as oublié l'attribut style:
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    <li style="font: 10px 'arial narrow', arial, sans-serif;">
    Tu ne devrais pas choisir le pixel comme unité de taille de texte, cela verrouille l'agrandissement du texte dans IE.
    Ensuite remplacer les guillements englobant une police par des simples quotes
    pour les style en-ligne (local).


    EDIT: arf grillé par Er3van (au passage t'as oublié un y )

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

Discussions similaires

  1. style != Css
    Par bilb0t dans le forum Mise en page CSS
    Réponses: 2
    Dernier message: 14/10/2005, 16h55
  2. Obtenir le style CSS d'un objet
    Par Sub0 dans le forum Général JavaScript
    Réponses: 4
    Dernier message: 13/08/2005, 15h46
  3. Conflit dans les styles CSS
    Par Nerva dans le forum Mise en page CSS
    Réponses: 2
    Dernier message: 14/03/2005, 22h56
  4. Comment appliquer un style CSS ?
    Par adameteve dans le forum Mise en page CSS
    Réponses: 8
    Dernier message: 10/03/2005, 21h52

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