avoir deux logo

[kraygoon]

Salut,

Le mieux pour ce problème de CSS est de définir une div englobante de la sorte :

Code :

[== HTML ==]
<div id="logo">
<img id="logo-fixe" src="mon-image.jpg" alt="" />
<img id="logo-anime" src="mon-image.gif" alt="" />
</div>

Et pour le CSS ceci :

Code :

[== CSS ==]
#logo {
position : relative ;
width : 200px ;
height : 150px ;
}

#logo-fixe {
position : absolute ;
left : 0 ;
top : 0 ;
width : 100px ;
height : 150px ;
}

#logo-anime{
position : absolute ;
right : 0 ;
top : 0 ;
width : 100px ;
height : 150px ;
}

Cet exemple considère que ton "logo total" fait 200x150, et que chaque partie (fixe et animée) fait 100x150.

Après à toi d'adapter.

[kraygoon]

Salut,

Le mieux pour ce problème de CSS est de définir une div englobante de la sorte :

Code :

[== HTML ==]
<div id="logo">
<img id="logo-fixe" src="mon-image.jpg" alt="" />
<img id="logo-anime" src="mon-image.gif" alt="" />
</div>

Et pour le CSS ceci :

Code :

[== CSS ==]
#logo {
position : relative ;
width : 200px ;
height : 150px ;
}

#logo-fixe {
position : absolute ;
left : 0 ;
top : 0 ;
width : 100px ;
height : 150px ;
}

#logo-anime{
position : absolute ;
right : 0 ;
top : 0 ;
width : 100px ;
height : 150px ;
}

Cet exemple considère que ton "logo total" fait 200x150, et que chaque partie (fixe et animée) fait 100x150.

Après à toi d'adapter.