aligner image bottom

aligner image bottom - HTML/CSS - Programmation

Marsh Posté le 07-03-2008 à 20:19:49    

bonjour

 

que dois-je mettre dans mon css pour aligner cette image http://images3.hiboox.com/images/1008/50ydpsab.png tout en bas de ma page avec un repeat-x? Qu'il y est aucune marge a droite et a gauche aussi

 

voici ce que j'ai testé mais ca ne marche pas:

 

CSS:

 

#bloc_1 {
background-image: url(ligne.png) repeat-x;
background-position: bottom 0;
height: 86;
}

 


Dans mon html:

 

<div id="bloc_1"> </div>

 

je veux avoir ce résultat:

 

http://images3.hiboox.com/images/1008/p7x40frg.jpg

 

merci


Message édité par Profil supprimé le 07-03-2008 à 20:20:34
Reply

Marsh Posté le 07-03-2008 à 20:19:49   

Reply

Marsh Posté le 07-03-2008 à 20:40:49    

Bonjour,
 
Je n'ai jamais utilisé background-* mais je pense que repeat-x va avec background-repeat ;)
Mais le plus court, c'est d'apprendre une fois pour toutes la forme raccourcie:
 

Code :
  1. background: red url(chemin/nom.png) right bottom no-repeat;


 
(tu peux enlever la couleur comme red si tu veux dire transparent)

Reply

Marsh Posté le 07-03-2008 à 22:28:54    

merci mais quand je met ton code dans mon css et remplace chemin/nom.jpg par le nom de mon image, il n'y a rien qui apparait.
 
Est-ce tu sur ton code? merci

Reply

Marsh Posté le 08-03-2008 à 09:13:35    

(...) left bottom repeat-x; pour ce que tu veux faire, pas no-repeat bien entendu (left ou right ne changera pas grand chose dans ce cas précis)

 

On pourrait savoir ce que tu as actuellement comme code et/ou comme résultat? Parce que le fait que tu indiques 86 sans unité derrière et que tu utilises height ne me dit rien de bon ;)
Un conteneur (div) a la taille que lui impose son contenu, plus les instructions CSS qui jouent sur sa taille. Sans détail de ta part (autres instructions CSS), peut-être que ton conteneur n'a pas de taille et tu verras jamais ton fond ou bien le fond n'est pas du tout là où tu t'y attends, caché par autre chose ...
 Il n'y aura pas de texte dans ton conteneur? Si oui, rajoute du "lorem ipsum" fictif (Google); si non euh plus de précisions stp


Message édité par phosphoreloaded le 08-03-2008 à 09:13:52
Reply

Marsh Posté le 08-03-2008 à 10:39:17    

Salut, il n'y a rien car je commence a faire un autre projet, voici le html:


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xml:lang="fr" xmlns="http://www.w3.org/1999/xhtml" lang="fr">
<head>
  <title>site</title>
  <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
  <meta http-equiv="content-language" content="en-EN" />
  <meta http-equiv="language" content="en-EN" />
  <link rel="stylesheet" type="text/css" href="style.css" />
  <link rel="stylesheet" href="css/lightbox.css" type="text/css" media="screen" />
</head>
 <body>  
<div id="bloc1"><div>
</body></html>


 
 
css:
 

body {
background: #FFF;
font-family : Verdana, Arial, sans-serif;
font-size : 0.95em;
color : #000000;
margin : 0;
padding : 0;
}
 
.bloc1 {
background: transparent url(orange.png) left bottom repeat-x;


 
merci

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed