Les icônes de ma barre des liens se superposent

[Maototo]

Bonjour ! ^^

Voilà, comme vous pouvez le voir, normalement les mots sont entiers, "Accueil", "Calendrier", etc.
Je voudrais tout simplement qu'ils s'affichent côte à côtes, sans se superposer. :3

Merci d'avance pour votre aide !

[Roxy.]

Bonjour,
Je crois que ci ceci ce produit, c'est par-ce que les icônes sont trop grands.
Sinon le mieux serait de passer par le templates.

[SoraNoHime]

Bonjour

pouvez-vous me fournir votre css s'il vous plait ?

Cordialement.

[Maototo]

Pour la taille des icônes, j'y ai pensé, et les ai justement rétrécies ; on voit bien qu'elles sont petites, sur le screen.

Voilà mon CSS :

Code:

body
{
background-repeat: repeat;
background-position: top center;
}

a:link {text-decoration: none;}
a:hover{text-decoration: none !important;}
a { text-decoration: none; }
a:link { text-decoration: none; }
a:hover { text-decoration: none; }

a
{
text-shadow: #000000 1px 1px 1px;
}
a:hover
{
text-shadow: #000000 1px 1px 1px;
}

a.mainmenu
{
color: #7D0707;
font-size: 15px;
font-family: time news roman;
margin-left: -20px;
text-transform: uppercase;
text-shadow: #000000 1px 1px 5px;
}

a.mainmenu:hover
{
font-size: 15px;
font-family: time news roman;
margin-left: -20px;
text-transform: uppercase;
text-shadow: #000000 1px 1px 5px;
}

.forumlink
{
font-size: 15px;
color: #696969;
text-shadow: #ccd1d5 1px 1px 1px;
text-align: center;
font-style: italic ;
border-bottom:1px #000000 dotted;
display:block;
}

.forumlink:hover
{
background-repeat: no-repeat;
font-size: 15px;
color: #ccd1d5;
text-shadow: #696969 1px 1px 1px;
text-align: center;
border-bottom:1px double #000000 dotted;
display:block;
}

.forumline
{
background-image: url('http://host.image.files.free.fr/host/4be6c3ba40c9dsans-titre-1.jpg');
background-repeat: repeat-x repeat-y;
-moz-border-radius: 16px 0px 16px 0px ;
border-bottom: 10px #a2c1ba solid;
border-top: 10px #a2c1ba solid;
border-right: 7px #a2c1ba solid;
border-left: 7px #a2c1ba solid;
margin-bottom: 6px;
}

.th
{
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
}

Merci beaucoup pour vos réponses ! :3

[SoraNoHime]

a.mainmenu
{
color: #7D0707;
font-size: 15px;
font-family: time news roman;
margin-left: -20px;
text-transform: uppercase;
text-shadow: #000000 1px 1px 5px;
}

a.mainmenu:hover
{
font-size: 15px;
font-family: time news roman;
margin-left: -20px;
text-transform: uppercase;
text-shadow: #000000 1px 1px 5px;
}

voici vos coupables en rouge ^^ retirez les pour revenir à la normale.

[Maototo]

Merci infiniment !
Maintenant que tout fonctionne parfaitement, je passe le problème en résolu. Merci encore ! :3