28234 sujets

CSS et mise en forme, CSS3

Deco à droite

Salut,
Voici ma question :

Comment fait-on pour mettre une déco à droite du contenu sans que le scroller du bas soit actif lorsqu'on reduit la page ? Smiley ohwell

exemple
Modifié par tom_nameless (23 May 2006 - 10:18)
Tu veux placer une déco à droite du contenu sans barre de défilement si celui ci est moins important que l'image ?

Il faudrait jouer avec overflow: hidden;.

Voici un exemple où plus on met de texte, plus la photo du fond se dévoile. 
CSS du bloc div :
[#gray]#bloc {
	margin: auto;
	width: 750px;
	border: 5px solid #fff;
	text-align: left;
	[/#]overflow: hidden;[#gray]
	background: url(img.jpg) bottom left no-repeat;
	color: #999;
	}[/#]

Modifié par Smiley neko (23 May 2006 - 11:20)
Avec un site en design fixe, et centré (un peu comme l'exemple) ?

Bien sûr. Il suffit d'appliquer l'image sur le div#conteneur (celui qu'on utilise généralement pour englober le site - et qui est positionné avec margin: auto;), ou directement sur BODY.
Sur la page d'exemple, l'image en bas avec bottom)
dsl mais ça marche po Smiley confus

voici mon div global :
#global {
        position:absolute;
        left: 50%;
        width: 850px;
        margin-left: -425px; /* moitié de la largeur */
        border: 1px solid #A3A3A3;
        background: #FFFFFF;
}
Ton extrait de code suffirait peut-être à un gourou Smiley cligne pour résoudre ton problème, mais moi j'aurais besoin d'une page en ligne (ou à défaut, du code entier + images).
Modifié par Smiley neko (23 May 2006 - 12:30)
Je l'ai regardé. C'est un site qui te sert d'exemple ou est-ce le tiens ?
Le design n'est pas centré ici et les images sont positionnées dans des divs.

Maintenant, ça ne me dit pas précisément ce que tu veux obtenir. (Si tu n'as pas d'exemple en ligne, tu peux toujours dessiner ça avec un logiciel graphique et joindre l'image.)
Sujet clos
Aller à