Logo en haut a droite - auto

[Résolu/Fermé]
Signaler
Messages postés
148
Date d'inscription
mercredi 4 avril 2012
Statut
Membre
Dernière intervention
7 avril 2018
-
Messages postés
1288
Date d'inscription
mardi 24 janvier 2012
Statut
Membre
Dernière intervention
26 octobre 2014
-
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

4 réponses

Messages postés
1288
Date d'inscription
mardi 24 janvier 2012
Statut
Membre
Dernière intervention
26 octobre 2014
231
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
Messages postés
148
Date d'inscription
mercredi 4 avril 2012
Statut
Membre
Dernière intervention
7 avril 2018

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>
Messages postés
1288
Date d'inscription
mardi 24 janvier 2012
Statut
Membre
Dernière intervention
26 octobre 2014
231
<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.
Messages postés
148
Date d'inscription
mercredi 4 avril 2012
Statut
Membre
Dernière intervention
7 avril 2018

d accord merci beaucoupppp
Messages postés
1288
Date d'inscription
mardi 24 janvier 2012
Statut
Membre
Dernière intervention
26 octobre 2014
231
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>