Forum |  HardWare.fr | News | Articles | PC | S'identifier | S'inscrire | Shop Recherche
1063 connectés 

  FORUM HardWare.fr
  Programmation
  HTML/CSS

  aligner image bottom

 


 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

aligner image bottom

n°1699126
Profil sup​primé
Posté le 07-03-2008 à 20:19:49  answer
 

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
mood
Publicité
Posté le 07-03-2008 à 20:19:49  profilanswer
 

n°1699136
phosphorel​oaded
Posté le 07-03-2008 à 20:40:49  profilanswer
 

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)

n°1699171
Profil sup​primé
Posté le 07-03-2008 à 22:28:54  answer
 

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

n°1699206
phosphorel​oaded
Posté le 08-03-2008 à 09:13:35  profilanswer
 

(...) 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
n°1699216
Profil sup​primé
Posté le 08-03-2008 à 10:39:17  answer
 

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


Aller à :
Ajouter une réponse
  FORUM HardWare.fr
  Programmation
  HTML/CSS

  aligner image bottom

 

Sujets relatifs
insertion d'une image dynamique dans un pdfcentrer une image avec décalage?
image qui disparait[RESOLU] Faire un tableau avec retour dés 4 cellules de suite
Miniatures de gallerie d'image : second GET gênant ?File get contents / Image
JS : Image preloading : pas de gain de performances?[Résolu de par moi-même][PHP] Récupérer l'url d'une image uploadée
phpMyAdmin + blob image + export Excelpopup image problemes avec iexplorer
Plus de sujets relatifs à : aligner image bottom


Copyright © 1997-2022 Hardware.fr SARL (Signaler un contenu illicite / Données personnelles) / Groupe LDLC / Shop HFR