High-Tech Santé Médecine Droit-Finances

Grippe A

Que dois-je faire ?

Rechercher : dans
Par :

CSS ALIGN CENTER

Dernière réponse le 31 mar 2009 à 11:37:31 csscenter, le 27 mar 2009 à 01:21:03 
 Signaler ce message aux modérateurs

Bonjour,

J'ai mis un <div> dans mon fichier HTML avec l'id "back". Voici mon fichier CSS :

.back {
background: url(images/logo.gif) no-repeat;
}

Tout fonctionne pour le moment mais j'aimerais savoir comment le mettre au milieu. J'ai essayé avec text-align et margin-left mais ça ne marche pas.

Merci

Configuration: Windows XP
Firefox 3.0.7

Meilleures réponses pour « CSS ALIGN CENTER » dans :
Skyblog - Titre sur deux lignes VoirPour mettre un titre d'article de votre skyblog sur deux lignes, rien de plus simple. Prenons cet exemple : Ligne 1 Ligne 2 Il vous suffira de taper ce titre dans votre article : [align=center]Ligne 1[/align] [align=center]Ligne...
Les CSS pour présenter vos images VoirPour présenter agréablement vos images, vous pouvez intégrer quelques codes supplémentaires dans votre CSS et vous en servir à bon escient. Elles sont bien sur modulables en fonction de la charte graphique de votre site. Utilisation Mettez les codes...
Les classes de style (CSS) VoirLes classes et les ID Les classes Il peut s'avérer intéressant d'affecter des styles différents à des mêmes balises. Pour cela les spécifications CSS ont introduit le concept de classe. La définition des classes est aussi simple que celles des...
Feuilles de style - CSS VoirPrésentation des feuilles de style Le concept de feuilles de style est apparu en 1996 avec la publication par le W3C d'une nouvelle recommandation intitulée « Cascading StyleSheets » (feuilles de style en cascade), notée CSS. Le principe des...
CSS - Les couleurs VoirLes couleurs Le standard CSS propose différentes façons de définir des couleurs : par un nom avec la notation hexadécimale avec la notation décimale Appel d'une couleur par son nom Le langage HTML définit des noms pour un nombre limité de...
Posez votre question Répondre

1

samsam26, le 27 mar 2009 à 01:29:07

Tu veux mettre l'image de fond au milieu de back ou back au milieu de la page?
parce que si tu veux mettre l'image de fond au milieu de back: 

.back {
background: url(images/logo.gif) no-repeat center;
}


Si tu cherche juste grâce à back de faire un fond d'image centré pour ta page pourquoi ne pas mettre: 
body {
background: url(images/logo.gif) no-repeat center;
}


Sinon je sais plus j'avais vu un truc sur google un jour pour centrer un div mais me souviens plus comment faire, je crois qu'il faut passer par du javascript mais je ne suis pas sur.
Je débute dans le monde de l'informatique...

   
Répondre à samsam26

2

csscenter, le 27 mar 2009 à 01:33:17

Merci beaucoup je vais essayer le code que vous m'avez donné.

Comment faire pour ajuster la page pour que l'on la voit toute au complet sans devoir utiliser les flèches ?
Ça l'a peut-être rapport avec le zoom ? Je veux que ma page soit à 100% et l'a on dirait qu'elle est a 125%

Merci

   
Répondre à csscenter

3

samsam26, le 27 mar 2009 à 01:39:58

Et bien essaye d'ajuster ça en maintenant ctrl et en faisant tourner la roulette de la souris... (ou sinon dans affichage>zoom)
Si le problème vient de toi c'est bon, mais s'il vient de ton site, tout le monde le verra comme toi en "gros", et ça va pas être top top.

PS: tutois moi^^ Je débute dans le monde de l'informatique...

   
Répondre à samsam26

4

csscenter, le 27 mar 2009 à 22:45:17

Justement, c'est ça le problème, tout le monde voit la page trop grande et on ne voit pas tout le contenu.
J'aimerais savoir comment faire s'il vous plait. Merci

   
Répondre à csscenter

5

RAD ZONE, le 27 mar 2009 à 22:49:57

Si tu donnais un lien !! ce serais plus simple pour voir le probleme !
♣  La plus grande erreur que puisse faire un homme est d'avoir peur d'en faire une. ♣

   
Répondre à RAD ZONE

6

csscenter, le 30 mar 2009 à 23:17:22
   
Répondre à csscenter

7

lautre, le 30 mar 2009 à 23:53:51

Fais deux '<div>' qui contiennent tout les éléments de ta page


div#centrage{
width:99.98%;
margin:0.01%;
}
div#contenant{
width:la taille que tu veuxpx;
margin-right:auto;
margin-left:auto;

}

   
Répondre à lautre

8

 Dalida, le 31 mar 2009 à 11:37:31

Salut,

c'est un peu la foire !
si vous ne savez pas, ne tentez pas n'importe quoi à l'aveugle !
ça perturbe la personne qui pose la question et ça ne fait pas avancer la résolution du problème !

vire <div id="centrage"> et <div id="contenant"> et enlève la marge gauche à <body> (main.css, ligne 8).

testé sous FF, ok.
[ Mathieu ] 

Il y a sûrement des pandas pour ne dépendre de rien

   
Répondre à Dalida
Posez votre question Répondre
Ils ont besoin de votre aide