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

HTML Discussion :

Display block et inline sur un lien


Sujet :

HTML

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre confirmé Avatar de Phenomenium
    Inscrit en
    Janvier 2004
    Messages
    185
    Détails du profil
    Informations personnelles :
    Âge : 42

    Informations forums :
    Inscription : Janvier 2004
    Messages : 185
    Par défaut Display block et inline sur un lien
    Bonjour.
    J'ai créé des liens en display:block pour leur appliquer un background et je voudrais qu'ils soient tous sur le meme ligne.
    J'ai donc appliqué un display:inline sur un span :

    Fichier CSS :

    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
     
    #onglets2 span {
        display:inline;
        }
     
    #onglets2 a {
        font-size:10px;
        color:#FFFFFF;
        font-family:Verdana, Arial, Helvetica, sans-serif;
        font-weight:bold;
        text-align:right;
        margin:0;
        display:block;
        height:8px;
        width:108px;
    }
     
    #onglets2 a.lien1    {background-image:url(../img/design/navigation/aero.gif);}
    ...
    Fichier html :

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
     
    <div id="onglets2">
        <span>
                <a href="..." class="lien1">...</a>
                <a href="..." class="lien2">...</a>
                <a href="..." class="lien3">...</a>
                <a href="..." class="lien4">...</a>
       </span>
    </div>
    Mais cela ne fonctionne pas . Est ce quelqun peut m'aider ? Merci

  2. #2
    Membre chevronné Avatar de masu
    Inscrit en
    Février 2004
    Messages
    428
    Détails du profil
    Informations forums :
    Inscription : Février 2004
    Messages : 428
    Par défaut
    pas besoin de span un float left sur tes lien doit sufir
    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
    #onglets2 a {
        font-size:10px;
        color:#fff;
        font-family:Verdana, Arial, Helvetica, sans-serif;
        font-weight:bold;
        text-align:right;
        margin:0;
        display:block;
        height:8px;
        width:108px;
            float:left;
    }
     
    #onglets2 a.lien1    {
        background-image:url(../img/design/navigation/aero.gif);
    }
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    <div id="onglets2">
        <a href="..." class="lien1">...</a>
        <a href="..." class="lien2">...</a>
        <a href="..." class="lien3">...</a>
        <a href="..." class="lien4">...</a>
    </div>

  3. #3
    Membre confirmé Avatar de Phenomenium
    Inscrit en
    Janvier 2004
    Messages
    185
    Détails du profil
    Informations personnelles :
    Âge : 42

    Informations forums :
    Inscription : Janvier 2004
    Messages : 185
    Par défaut
    Merci

  4. #4
    Membre Expert
    Avatar de sovo
    Homme Profil pro
    Développeur Java
    Inscrit en
    Mars 2004
    Messages
    1 389
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : Cameroun

    Informations professionnelles :
    Activité : Développeur Java
    Secteur : High Tech - Éditeur de logiciels

    Informations forums :
    Inscription : Mars 2004
    Messages : 1 389
    Par défaut
    si tu as trouver une reponse ata question alors n'oubli pas le tag [RESOLU].

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

Discussions similaires

  1. Display inline-block + Word-spacing sur SAFARI
    Par Iwebu dans le forum Mise en page CSS
    Réponses: 7
    Dernier message: 28/04/2015, 20h17
  2. Soucis liens (balise "a") en display:block
    Par peXounet dans le forum Mise en page CSS
    Réponses: 4
    Dernier message: 12/07/2007, 16h15
  3. [CSS][Firefox] prob de display:block sur un TR
    Par cyberzoide dans le forum Mise en page CSS
    Réponses: 4
    Dernier message: 04/05/2006, 11h37
  4. [CSS]Display:block sur un lien
    Par Phenomenium dans le forum Mise en page CSS
    Réponses: 5
    Dernier message: 22/04/2006, 15h42
  5. [html+css] problème menu avec liens display:block
    Par Cypselos dans le forum Mise en page CSS
    Réponses: 5
    Dernier message: 28/08/2005, 09h39

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