28221 sujets

CSS et mise en forme, CSS3

Probleme background-position et autres!!

salut a tous alors voila j'ai un probleme avec ma feuille de style je n'arrive pas a placer mes blocks ou je veux en recanche centrer et sur les cote donc voila mon cote

.conteneur {
width : 1024px;
margin-left : auto;
margin-right : auto;
} 
.header {
background-image : url('design/newdesign2_04.jpg'); 
width : 776px; 
height : 183px; 
background-position : top center;
} 
.menu {
background-image : url('design/newdesign2_09.jpg'); 
height : 36px; 
width : 776px; 
background-position : center; 
text-align : center; 
} 
.barredroite1 {
background-image : url('design/newdesign2_21.jpg'); 
width : 30px; 
height : 12px; 
background-position : right;
} 
.barredroite2 {
background-image : url('design/newdesign2_22.jpg'); 
width : 30px; 
background-position : right;
background-repeat : repeat-y;
} 
.barredroite3 {
background-image : url('design/newdesign2_23.jpg'); 
width : 30px; 
height : 12px; 
background-position : right;
} 
.barregauche1 {
background-image : url('design/newdesign2_21.jpg'); 
width : 30px; 
height : 12px; 
background-position : left;
} 
.barregauche2 {
background-image : url('design/newdesign2_22.jpg'); 
width : 30px; 
background-position : left;
background-repeat : repeat-y; 
} 
.barregauche3 {
background-image : url('design/newdesign2_23.jpg'); 
width : 30px; 
height : 12px; 
background-position : left;
} 
.contenu1 {
background-image : url('design/newdesign2_16.jpg'); 
width : 763px; 
height : 10px; 
background-repeat : no repeat;
background-position : center; 
} 
.contenu2 {
background-image : url('design/newdesign2_17.jpg'); 
width : 763px; 
background-position : center; 
} 
.contenu3 {
background-image : url('design/newdesign2_18.jpg'); 
width : 763px; 
height : 15px; 
background-position : center; 
text-align : right; 
} 
.blanc {
background-image : url('design/newdesing2_14jpg'); 
width : 764px; 
height : 240px; 
background-position : center; 
} 
.copyright {
background-image : url('design/newdesign2_15.jpg'); 
width : 782px; 
height : 42px; 
margin-top : 25px; 
background-position : bottom center; 
text-align : center; 
}
.body {
font-family: "Arial Black", Arial, Verdana, serif;
text-decoration : none;
text-align :center;
}

voila si quelqu'un a une soluce je suis prenneur
++
-abL^
-abL^ a écrit :
salut a tous alors voila j'ai un probleme avec ma feuille de style je n'arrive pas a placer mes blocks ou je veux en recanche centrer et sur les cote donc voila mon cote


Est-ce que tu peux reformuler ta question en français parce que là j'ai pas très bien compris...
salut oups pardon quelques erreurs de frappes donc alors je reprend j'ai donc mon CSS et ma page php qui contient mes div jusque la on est ok mais voila lorsque j'ai fais mon design je l'ai decoupé et l'ai "reconstruit" avec les CSS mais je n'arrive pas a le placer ou je veux (je veux le centrer) j'ai beau mettre des float : center ou des background-position : center ca ne marche pas , la seule solution que j'ai trouvé est d'entourer mes div par la balise html center mais je ne pense pas que ca soit aux normes et je prefererai utiliser les CSS voial j'espere que c'est clair.
++
-abL^
Et ton HTML ? Ce serait bien si tu pouvais donner un lien vers ta page, comme ça on "verrait" plus de quoi il en retourne !
Petit conseil, vérifie ton code car on y trouve 3 doctype et 3 body enchevêtrés dans la page, il y a aussi des balises de présentations.
Pour les doctypes tu peux en choisir un plus adapté à tes besoins:
http://openweb.eu.org/articles/differentes_dtd/
En ce qui concerne le centrage il y a aussi :
http://openweb.eu.org/articles/initiation_centrage/

Ta feuille de style ne contient que des class (introduites par des "."), tu pourrais utiliser des id (introduites par des "#") pour organiser les différents éléments uniques de ta page (conteneur, entete, pied de page, contenu principal) et styler quelques balises qui n'ont pas besoin d'être introduites par quoi que ce soit. Tu met dans ta ccs:


.body {
font-family: "Arial Black", Arial, Verdana, serif;
text-decoration : none;
text-align :center;
}


il semble que c'est le body de ta page que tu souhaites définir alors que dans ce cas tu définis une class nommé body qui n'aura d'effet que si tu l'appliques à un élément dans ton code.
Les balises html peuvent être directement stylées par css, il n'ont ni ".", ni "#" par exemple:
body{
	font-family: Arial, Helvetica, sans-serif;
	background: #fff;
}
p{
	font-size:1em;
}
salut ok merci pour vos reponses pour les balise en trop c'est parce qu'il y a des includes pour le menu et le copyright voila je pense que ca vient de la
oui c'est bien la balise body que je voulais definir bref je vais denir compte de vos commentaires et revoir tout ca
merci
++
-abL^
Sujet clos
Aller à