MON SITE ME REND FOU!! CSS HTML
Résolu/Fermé
A voir également:
- MON SITE ME REND FOU!! CSS HTML
- Site de telechargement - Guide
- Site inaccessible - Guide
- Site de vente entre particulier - Guide
- Editeur html - Télécharger - HTML
- Darkino site - Guide
4 réponses
Dalida
Messages postés
6728
Date d'inscription
mardi 14 mai 2002
Statut
Contributeur
Dernière intervention
11 janvier 2016
920
7 févr. 2008 à 22:31
7 févr. 2008 à 22:31
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é.
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
