A voir également:
- MON SITE ME REND FOU!! CSS HTML
- MON SITE ME REND FOU!! CSS HTML ✓ - Forum - CSS
- CSS/HTML - Site qui ne prend que la moitié de l'écran ✓ - Forum - CSS
- CSS/ HTML : Centrer mon site au milieu du nav ✓ - Forum - CSS
- Site+lien sur une image(html+css) ✓ - Forum - CSS
- Relier css html - Forum - CSS
4 réponses
Dalida
- Messages postés
- 6728
- Date d'inscription
- mardi 14 mai 2002
- Statut
- Contributeur
- Dernière intervention
- 11 janvier 2016
salut,
parce que ton menu est une boite de type 'bloc' qui prend toute la largeur donc rien ne peut venir à côté.
installes Web Developper sur Firefox et fais [ Ctrl ] + [ Maj ] + [ F ] quand tu affiches ta page.
balade ton curseur sur toute la page tu verras se dessiner les boites en rouges.
pour toi il faut appliquer {float:left;} au <div> du menu et une marge gauche de la largeur du menu à ce qui devra être affiché à côté.
parce que ton menu est une boite de type 'bloc' qui prend toute la largeur donc rien ne peut venir à côté.
installes Web Developper sur Firefox et fais [ Ctrl ] + [ Maj ] + [ F ] quand tu affiches ta page.
balade ton curseur sur toute la page tu verras se dessiner les boites en rouges.
pour toi il faut appliquer {float:left;} au <div> du menu et une marge gauche de la largeur du menu à ce qui devra être affiché à côté.
GC
bonjour
pour afficher cote a cote 2 elemnt de type block ( div, ul , p , hn , etc...) il suffit géneralement de positionner le premier en flottant.
Le second peut-etre mis aussi en flottant ou en marge .
en flottant il se positionnera a coté si il a suffisament de place disponible .
En marge , il se positionnera a coté sans forcement glisser dessous.
exemple le menu en float:left;width:200px; et le conteneur des contenu (juste aprés dans le code ) en margin-left:203px ;
Pourquoi 203px et pas 200 ? IE ajoute une marge incompressible de 3px , en mettant 200 , le second conteneur sera (dans IE) géné par le premier et glissera dessous .
exemple de css pour ta page :
Quelques sites proposent des tutos accessibles au débutants qui les aides a comprendre l'interaction des css (le sdz par ex ), ensuite pour creuser un peu plus et apprehender les differentes techniques connues , il vaut mieux , alors se tourné vers des sites plus complets ou pointu (alsacréations et son forum , pompage.net , mediabox pour le dico , et il y en a d'autres).
Bon déja , en cherchant a comprendre l'utilité et les usage du float , cela va deja bien te faire avançé.
gc
pour afficher cote a cote 2 elemnt de type block ( div, ul , p , hn , etc...) il suffit géneralement de positionner le premier en flottant.
Le second peut-etre mis aussi en flottant ou en marge .
en flottant il se positionnera a coté si il a suffisament de place disponible .
En marge , il se positionnera a coté sans forcement glisser dessous.
exemple le menu en float:left;width:200px; et le conteneur des contenu (juste aprés dans le code ) en margin-left:203px ;
Pourquoi 203px et pas 200 ? IE ajoute une marge incompressible de 3px , en mettant 200 , le second conteneur sera (dans IE) géné par le premier et glissera dessous .
exemple de css pour ta page :
#nav_container {
float:left;
width:200px;
overflow:hidden ; /* evite a IE - d'elargir ce conteneur */
}
#content_container {
margin-left:210px;
}
Quelques sites proposent des tutos accessibles au débutants qui les aides a comprendre l'interaction des css (le sdz par ex ), ensuite pour creuser un peu plus et apprehender les differentes techniques connues , il vaut mieux , alors se tourné vers des sites plus complets ou pointu (alsacréations et son forum , pompage.net , mediabox pour le dico , et il y en a d'autres).
Bon déja , en cherchant a comprendre l'utilité et les usage du float , cela va deja bien te faire avançé.
gc
