28173 sujets

CSS et mise en forme, CSS3

Bonjour,

comme le site d'Alsacreation est très bien fait, j'aimerai avoir une presentation qui lui ressemble.
En gros j'aimerai avoir 3 boites:
la premiere: qui serait mon conteneur principal,
et deux autres qui serait imbriquées dans la première

Ces trois boites doivent être du type "teaser box" pour pouvoir s'adapter au contenu de maniere dynamique.

Je débute en css, j'ai trouvé le tuto d'alsacreation,j'en ai fait deux mais je n'ai pas reussi à les imbriquer...

Merci
Bonjour, voilà les teaser-box
http://www.456bereastreet.com/lab/teaser/one_image/
et
http://www.456bereastreet.com/lab/teaser/flexible/
Il y a aussi un tuto sur le site mais je n'ai plus l'adesse Smiley cligne .
En fait ce sont des boites construites à partir d'images.

C'est assez simple à réaliser, mais je n'arrive pas à les imbriquer Smiley decu .
Je ne maitrise pas du tout le css mais j'aime bien le principe alors je m'y intéresse.
J'ai essayé avec les <div id="boite1">dd <div id="boite1">dd </div></div>
Mais je pense que c'est au niveau du code css.
salut !

juste pour dire :

AlsacreationS

l'admin y tient beaucoup Smiley biggrin

sinon pour ton histoire d'imbrication, je vois pas où est le souci

ca s'est imbriquer :


<div id="conteneur">
<div id="boite_1">Bla bla</div>
<div id="boite_2">Bla bla</div>
</div>


Apres faut voir comment tu veux positionner ces 2 boites internes (avec la propriété float sans doute)
Merci de vous intéresser à mon problème .

En fait quand je fais les imbrications classiques je perds mes images...(ou elles se placent n'importe où....)
Et je pense que ca vient des propriétés CSS de mes boites

upload/8635-capture.png

Voilà...
Le conteneur doit-être une teaser-box: boites construites à partir d'images pour qu'il puisse s'ajuster en hauteur en fonction du contenu.
La boite 1 doit-être de largeur fixe.
La boite 2 doit-être de hauteur variable(idem conteneur).

J'ai pensé à le faire sans images: des boites "simples"
http://www.aidejavascript.com/scripts/css_pos_demo.htm#3
et l'instruction
-moz-border-radius
Permet de faire des coins arrondis (équivalent à la future propriété CSS3 border-radius). Indiquer 1, 2 ou 4 valeurs indiquant le rayon de courbure.

et d'indiquer sur la page principale "Virez IE" !!!


Merci