Logo en haut a droite - auto

Résolu
steve-elipz Messages postés 148 Date d'inscription   Statut Membre Dernière intervention   -  
tryan44 Messages postés 1288 Date d'inscription   Statut Membre Dernière intervention   -
Bonjour,

j ai essayé pleins de possibilites mais rien ne fonctionne, j ai un fond d ecran background avec un degradé qui prend toute la page principale, au mileu une image auto-center et j aimerai pour finir mettre un logo en haut a droite en sachant qu il doit appraitre sous toutes resolutions.... comment puis je faire? merci pour votre aide

A voir également:

4 réponses

tryan44 Messages postés 1288 Date d'inscription   Statut Membre Dernière intervention   220
 
Salut,

Position absolute en top right.
.logo{ 
position:absolute; 
background:url(url-du-logo.png) no-repeat top right; 
width:**px; 
height:**px; 
} 
<div class="logo"></div>

Signature non conforme - Publicité supprimée Modération CCM
0
steve-elipz Messages postés 148 Date d'inscription   Statut Membre Dernière intervention  
 
j ai essayé ce que tu m as dis mais pas d'image...? ou est mon erreur tu sais me dire?

<html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>Nouvelle page 1</title>
<style>
.logo{
position:absolute;
background:url('file:///C:/Users/Admin/Desktop/John/Opel.jpg') no-repeat top right;
width:10px;
height:10px
}
<div class="logo"></div>
</style>
</head>

<body>

</body>

</html>
0
tryan44 Messages postés 1288 Date d'inscription   Statut Membre Dernière intervention   220
 
<div class="logo"></div> c'est dans la balise body qu'il se place.
height:10px il faut le fermer avec un ; .
Signature non conforme - Publicité supprimée Modération CCM.
0
steve-elipz Messages postés 148 Date d'inscription   Statut Membre Dernière intervention  
 
d accord merci beaucoupppp
0
tryan44 Messages postés 1288 Date d'inscription   Statut Membre Dernière intervention   220
 
Après un teste, ça ne fonctionne pas car la position n'est pas pris en compte pour une raison que j'ignore...testez avec un "float".

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
  <meta content="text/html; charset=ISO-8859-1"
 http-equiv="content-type">
  <title></title>
  <style type="text/css">
.logo{
background:url(file:///D:/images/001_14.png) no-repeat top ;
width:24px;
height:24px;
float:right;
}
  </style>
</head>
<body>
<div style="border: 1px solid black; width: 1000px; height: 100px;">
<div class="logo"></div>
</div>
</body>
</html>
0