background onglet extensible
Bonjour, je suis dans le conception d'un site dans lequel j'aimerai inclure un menu de style onglet, le problème c'est qu'un onglet doit contenir le mot "En Savoir Plus" et c'est trop grand pour mon background, je pourrai agrandir le background mais je préférerai que la largeur soit variable pour tous les onglets.
Est-ce que vous avez une solution?
http://www.switalk.com/test/
voici mon code menu:
Code:
1
2
3
4
5
6
7
8
9
10
11
12
13
| <div class="menu1">
<span class="onglet onglet-actif">Accuei</span>
<a class="onglet" href="index.php?page=tarifs">Tarifs</a>
<a class="onglet" href="index.php?page=forfaits">Forfaits</a>
<a class="onglet" href="index.php?page=esp">esp</a>
<a class="onglet" href="index.php?page=swibox">Swibox</a>
<a class="onglet" href="index.php?page=assistance">Assistance</a>
<a class="onglet" href="index.php?page=inscription">Inscription</a>
<a class="onglet" href="index.php?page=compte">Mon compte</a>
<div class="spacer"></div>
</div>
<div class="barreTitre">Accueil</div> |
Voici mon CSS:
Code:
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
30
31
32
33
| .menu1 {
border-bottom:solid 2px black ;
padding-top:12px ;
padding-bottom:0px
}
.onglet {
margin:5px 5px 0px 20px ;
padding:11px 0px 0px 0px ;
font-size : 16px ;
float:left ;
width:100px ;
background : url(design/onglet.gif) bottom no-repeat ;
text-decoration:none ;
text-align:center;
}
a.onglet:hover {color:green}
.onglet-actif {
position:relative ;
top:2px ;
border-bottom : solid 0px white}
.spacer {clear:both}
.barreTitre
{
background-color:#FFFFFF;
font-size:36px;
margin-top: px;
padding-top: 10px;
} |
