Discussion :

[Phenomenium]

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

[masu]

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>

[Phenomenium]

Merci

[sovo]

si tu as trouver une reponse ata question alors n'oubli pas le tag [RESOLU].