28172 sujets

CSS et mise en forme, CSS3

Bonjour,
Merci pour tous ces tutoriels et astuces précis et clair, pour quelqu'un qui débute comme moi !!!
J'ai besoin d'aide sur 2 div video et facebook qui ne veulent pas prendre la largeur de mon menu.
Du coup, ma photo et mon texte ne peuvent venir se positionner en haut de ma div contenu !
Par contre, je n'ai pas fini ma feuille de style, si besoin est, je peux aussi le code html. Me le demander
Merci

code css
@charset "utf-8";
/* CSS Document */

body {
margin: 0;
padding: 0;
background-color: white;
}

#global {
width: 750px;
margin-top: 20px;
margin-right: auto;
margin-left: auto;
margin-bottom: 0px;
}

#centre {
width: 100%;
overflow:hidden;
}

#entete img {
url(logo.jpg) top left no repeat;
padding-left: 30px;
}

#menu {
margin: 0px;
float:left;
font-family: Arial, Helvetica, sans-serif;
font-size: 0.9em;
font-weight: bold;
list-style-type: none;
line-height: 25px;
color: #000000;
text-decoration: none;
width: 220px;
}

#menu li {
color:#000000;
font-family: Arial, Helvetica, sans-serif;
font-size: 1em;
line-height: 25px;
font-weight: bold;
list-style-type: none;
text-decoration: none;
}

#menu a {
color:#000000;
font-family: Arial, Helvetica, sans-serif;
font-size: 1em;
font-style: normal;
line-height: 25px;
font-weight: bold;
text-decoration: none;
}

#menu a:hover {
color:#666666;
font-family: Arial, Helvetica, sans-serif;
font-size: 1em;
font-style: normal;
line-height: 25px;
font-weight: bold;
list-style-type: none;
text-decoration: none;
}

#video {
float: left;
width: 100%;
}

#facebook {
margin-left: 0px;
float: left;
width: 70%;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 20px;
padding-left: 40px;
height: auto;
}

#facebook p {
font-family:Arial, Helvetica, sans-serif;
font-size: 0.9em;
font-style: normal;
font-weight: bold;
color: #000000;
}

#contenu {
margin-left: 220px;
}
Bonjour et bienvenue parmi nous Smiley smile

En tant que modérateur, je me dois de te faire remarquer que tu n'as malheureusement pas respecté l'une des Règles de base du forum qui est d'afficher les codes et exemples proprement à l'aide des boutons [ code]... ici ton code HTML, CSS, PHP, etc.[ /code] (sans espace).

Je te remercie par avance de bien vouloir éditer ton message afin de le rendre conforme à cette règle. Smiley cligne

D'ailleurs, je rappelle que le lien "Aide" qui apparaît tout en haut du forum est important. Il contient des pistes de recherche, des indications sur les règles de vie de la communauté, etc.
Il serait courtois de ta part de bien vouloir en prendre connaissance.


De plus, oui, il nous faut le code html, sinon, impossible de savoir à quoi correspond le CSS.

Bonne continuation Smiley smile

upload/1-code.gif