Bonjour,

Voici mon code HTML:

<div id="header_up_login">
<a id="premium_link" href="#"><img class "premium_icon" alt="Fonctionnalités Premium"/>Devenez Premium</a>
<img class="member_icon" alt="Devenez-membre !" />
<a id="connect_link" href="#">Connectez-vous</a>
</div>

Voici mon code CSS:

1. header_up_login

{
float: right;
width: 30%
margin-right: 1%
line-height: 100%;
}

.member_icon
{
width: 48px;
height: 48px;
background: url(icons/vector_icons/icons_white.png);
background-position: 15.8% 1.75%;
background-size: 2500%;
background-color: #435053;
margin-top: 20%;
}

1. premium_link

{
color: white;
margin-left: 20%;
}

.premium_icon
{
width: 16px;
height: 16px;
background: url(icons/vector_icons/icons_white.png);
background-position: 85.2% 41.3%;
background-size: 2500%;
background-color: €435053;
}

1. connect_link

{
color: white;
border: 1px solid white;
padding: 5px;
}

Voilà ce que je veux faire:

Voilà ce que j'ai:

Tu as beaucoup de problèmes en CSS. C'est quoi ton projet ?

Un site comme ça ;)

Mais que veux-tu dire par j'ai beaucoup de problèmes en CSS ? Je suis vraiment nul ou ... ? C'est peut-être aussi parce que je me complique la vie à ne pas utiliser de position: absolute; ?

• Résolu*

Non, oublie les position absolute, on n'utilise ça que dans des cas précis.

http://jsfiddle.net/Manumanu/z5ZP7/

C'est pour ça que je ne les utilises pas, je n'ai jusqu'ici pas utiliser une seule fois de position absolue ;)