site en html et design css

Bonjour tout le monde :-D
Voila je suis en train de creer un site, j'ai fait une premiere page html et pour le design, jai fait une feuille de css a coter...

Jusque la ca va ;-) j'ai ecrit mon contenu dans la page html et j'ai fait des bloc avec mon css, une en tete des menus ect ...Mais je n'arrive pas a centrer ma banniere avec le css...

je vous met mon code ca sera plus clair..

#en_tete
{
width: 760px;
height: 100px;
background-image: url("ban.jpg" );
background-repeat: no-repeat;
margin-bottom: 10px;
margin: auto;
}

voila, jai rajouter l'atribut margin: auto; mais je ca na rien donner... voila parmis mes probleme, jajoute que mon imae est generer par mon css et pas par mon texte html.. :-D

voila merci a tous ...

Salut, tu peux pour simplifier rassembler les balises background.


background: url('ban.jpg') center top no-repeat;

:-)

non ca ne marche pas non plus, j'ai peut etre une idée , c'est de centrer ma balise div pour mon bloc d'entete je vais essayer !! merci

JE pense que ca marche pas a cause des '

remplace par des "

url("ban.jpg" ) :-D

bonjour,
Je m y connais un minimum en css mais moi je pense qu'il faut que tu redimensionner ton en-tête de façon à ce qu'elle face la même taille que ton image ...
ensuite tu centre ton en-tête par rapport a ta page...
voila (je ne suis pas sure de moi mais j'essaye de t'aider, ça ne coûte rien d'essayer)
bonne chance... ;-)

Essaye ca :

html{
margin:0;
padding:0;
min-height:100%;
height:100%;
}


#en_tete{
position: absolute;
left: 50%;
top: 0;
width: 760px;
height: 100px;
margin-left: -355px; //(la moitié du width en fait)
background-image: url("ban.jpg" );
background-repeat: no-repeat;
}

Utilise ca comme css :

<!--
html{
margin:0;
padding:0;
}

body
{
width: 760px;
margin: auto;
margin-top: 20px;
margin-bottom: 20px;
background-image: url("fondsite.jpg" );
}

#en_tete{
position: relative;
left: 50%;
top: 0;
width: 760px;
height: 100px;
margin-left: -355px; //(la moitié du width en fait)
background-image: url("ban.jpg" );
background-repeat: no-repeat;
}

#menu
{
position:relative;
float: left;
width: 120px;
}

.element_menu
{
background-color: #cccccc;
background-image: url("fondmenu.jpg" );
background-repeat: repeat-x;
border: 2px solid black;
margin-bottom: 20px;
}

.element_menu h3
{
color: #cccccc;
font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
text-align: center;
}

.element_menu ul
{
list-style-image: url("images/puce.png" );
padding: 0px;
padding-left: 20px;
margin: 0px;
margin-bottom: 5px;
}

.element_menu a
{
color: #B3B3B3;
}

.element_menu a:hover
{
background-color: #B3B3B3;
color: black;
}

#corps
{
position: relative;
margin-left: 140px;
margin-bottom: 20px;
padding: 5px;
width: 660px;
color: #ffffff;
background-color: #cccccc;
background-image: url("images/motif.png" );
background-repeat: repeat-x;

border: 2px solid black;
}

#pied_de_page
{
position:relative;
width: 660px;
margin-left: 140px;
margin-bottom: 20px;
text-align: center;
padding: 5px;
color: #B3B3B3;
background-color: #626262;
background-image: url("images/motif.png" );
background-repeat: repeat-x;
border: 2px solid black;
}
-->


Ca devrait plus ou moins marcher. J'ai un peu foutu n'importe quoi avec les dimensions des blocs, ré-adapte à tes besoins. Le truc qu'il manquait en fait c'etait des "position : relative", désolé dans mon premier model j'ai mis Absolute, par habitude uniquement.

Si tu veux faire quelque chose de beau, part du graphisme, dessine des croquis, passe à la réalisation dans ton logiciel de graphisme, seulement après tu touchera au code. Il faut bosser dans l'ordre. Ya pa de recette magique pour faire du beau, suffit de pratiquer.

bonjour,

Ton hebergeur est un "probleme", dans le sens ou tu veut coder une page en xhtml, et qu'il ajoute malgre toi un javascript en debut de ta page web pour afficher sa banniere, ce javascript (ou n'importe quoi d'autre) avant le doctype va faire que "Internet explorer" va interpreter ta page comme du bon vieux html. ... et comme il ne comprend "margin:auto;" qu'a partir du doctype html 4.01, ta page ne pourra pas ce centré dans internet explorer.
En clair, a cause de ce javascript , ta page sera quelque soit le doctype utilisé, interpreter comme un html de base par IE. et du fait une partie des attribut et valeur css ne seront pas appliqué, et ton code en xhtml sera consideré comme un code truffés d'erreur ....
solution:
changer d'hebergeur (la meilleur soluce , si tu veut faire des pages dans les "dernieres" normes )
ou
coder ta page en html avec des tableau et des <center></center>, etc .... si tu veut qu'elle passe dans tout les navigateurs comme tu veut (surtout IE).

Tu peut essayer de demander aux internautes de desactiver le javascript ...

Enfin, j'espere que tu comprend que tu auras beau trifouiller ton css et tes doctype, IE basculera toujours en mode "quirks" c'est a dire dans une interpretation approximative de base du html.

bon courage

Bon j'ai tout repris a zero, tout le site c'etait le mieux a faire je pense et je suis reparti avec un design par css externe, mais je ne sais pas trop comment personnaliser mon menu, que les liens change quand on les survole, enfin un joli menu si quelqun peu me montrer la direction pour ca... :-D

bref voila ca avance enfin quand meme dans le sens ou je veux ...voici mon site !! :-D
merci a vous tous

*pas de pub merci*

merci jarash, je me suis inspirer du code mais ca ma donner rien de vraiment bien enfin pas du tout ce que je voulais, je voudrai un menu en flash, je suis parti de la base que donne elsacreation mais pour la suite j'ai pas reussi a avancer