28173 sujets

CSS et mise en forme, CSS3

Bonjour,
je voudrais savoir s'il est possible de modifier la taille d'une image de fond, d'un arrière plan. Je sais qu'il est possible de modifier la taille d'une image dans une balise img
img {
width: 2em;
}

mais est-il possible de changer la taille d'un arrière plan ?
J'ai juste un div qui sert à appeler l'image qui fait le header :
<div id='header'></div>

Et je lui indique le chemin du fond en css :
#header {
background-image: url(img/header.jpg);
}

Mais le problème est que j'ai du texte par dessus et que je ne peux donc pas mettre une balise img Smiley decu

Je ne vois pas du tout comment faire, je n'ai pas trouvé de réponse sur le forum. Quelqu'un saurait-il si c'est possible de le faire ?
Modifié par rockfef (11 Feb 2006 - 15:48)
Bonjour,

Ce n'est pas possible en CSS2 (Ce sera une des nouveautés de CSS3).

Les contournements actuels constitent par exemple :
- à n'utiliser que des images pouvant être "continuées" par un arrière-plan de couleur unie, via un dégradé
- et/ou à décomposer l'image d'arrière-plan en plusieurs arrière-plans appliqués à différents éléments, dont celui du contenu sous forme élastique comme précédemment
Salut,

rockfef a écrit :

Mais le problème est que j'ai du texte par dessus et que je ne peux donc pas mettre une balise img Smiley decu


Si, si tu peux. Par contre effectivement une image background n'est pas extensible.

html

<div id="header">
<img src="" alt="" width="" height="" />
<span>Texte à placer au dessus de l'image</span>
</div>


css

#header {
position:relative;
width:;
height:;
}

#header img {
display:block;
width:100%;
height:100%;
}

#header span {
position:absolute;
top:;
left:;
}

Modifié par clb56 (11 Feb 2006 - 08:47)
Oui vos solutions marchent merci. Je vais décomposer l'image en plusieurs parties Smiley smile

Par contre les CSS3 sont prévus pour quand ?
rockfef a écrit :

Par contre les CSS3 sont prévus pour quand ?



Quand elles seront prêtes et les navigateurs aussi.

Désolé : il n'y a aucune réponse possible à cette question Smiley cligne