28172 sujets

CSS et mise en forme, CSS3

bonjour a tous,

voila j'ai un problème sur un code responsive ( source Alsacréation )

Dans ce code j'ai des blocs qui sont aligné a gauche.je souhaiterai baisser la taille de mes blocs afin de les centrers et avoir de chaque coté du site deux bande également qui fairai apparaitre le fond d'écran.sachant que le bloc nommé aside soit lui sur la droite.
j'ai essayé de mettre un conteneur général pour bouger tous les blocs en meme temps mais marche pas.
Pourriez vous me donner un coup de pouce, par avance merci.

un peut le genre de http://www.msn.com/fr-fr/

voila le plein écran :http://jsfiddle.net/micusb/yg7d0nsm/embedded/result/
puis voici le code : http://jsfiddle.net/micusb/yg7d0nsm/
Modifié par micus (27 Jan 2015 - 15:41)
Bonjour,

Pour bien commencer et faire ton site HTML5 et CSS3, il faut utiliser les nouvelles balises
<header>, <section>, <aside> et <footer>

Dans ton css ça donnera un :
header{ }
au lieu de
#header{ }


A partir de la tu ajoutes des marges a ton header, section, aside et footer selon leur emplacement.
Salut,
TasPasVu a écrit :
Pour bien commencer et faire ton site HTML5 et CSS3, il faut utiliser les nouvelles balises
<header>, <section>, <aside> et <footer>

Sauf que l'exemple est codé avec un doctype XHTML 1.0 Strict. Par ailleurs, ce n'est pas ça qui résoudra son problème. Smiley cligne