Précédent   Forum des professionnels en informatique > Webmasters - Développement Web > CSS
CSS Forum d'entraide sur l'utilisation des feuilles de style CSS. Avant de poster : Cours CSS, FAQ CSS, Galerie CSS
Partagez cette discussion sur d'autres réseaux sociaux : Viadeo Twitter Google Facebook Digg Delicious MySpace Yahoo
Réponse Proposer ce sujet en actualité
 
Outils de la discussion
Publicité
'
Vieux 22/07/2011, 00h45   #1
Invité de passage
 
Inscription : septembre 2006
Messages : 8
Détails du profil
Informations forums :
Inscription : septembre 2006
Messages : 8
Points : 1
Points : 1
Par défaut Centrer une bannière : plus centrée dans les petites résolutions

Je voudrais centrer une banière en fonction de la résolution...

VOici mon code CSS pour la bannière :

Code :
1
2
3
4
5
6
7
#logo {
	width: 100%;
	height: 300px;
	margin: auto;
	background: url(../images/img02.jpg) no-repeat left top;
	display : block;
}
et le site : http://www.ugo-vincentini.fr

J'ai créé l'image pour une résolution élevée, mais du coup lorsque la résolution est plus petite l'image n'est plus centrée.

Avez-vous une idée ?

En vous remerciant d'avance !!
rouly est déconnecté   Envoyer un message privé Réponse avec citation 00
Vieux 22/07/2011, 08h33   #2
Rédacteur/Modérateur
 
Avatar de 12monkeys
 
Homme Dr. Peters
Webmaster
Inscription : novembre 2006
Messages : 3 618
Détails du profil
Informations personnelles :
Nom : Homme Dr. Peters
Âge : 35
Localisation : France, Bas Rhin (Alsace)

Informations professionnelles :
Activité : Webmaster
Secteur : Service public

Informations forums :
Inscription : novembre 2006
Messages : 3 618
Points : 6 238
Points : 6 238
Bonjour

Indiques un min-width:900px à ta bannière pour qu'elle ne se rétrécisse plus dans les petites résolutions.
__________________
Vous débutez dans la creation de sites web : les bases du html et débuter avec les CSS
Pas de MP pour des questions techniques ! Mode d'emploi du forum ; Règles ; Pensez à la balise code ; Pas de SMS !
Votez pour les messages qui vous ont aidés...
12monkeys est déconnecté   Envoyer un message privé Réponse avec citation 00
Vieux 22/07/2011, 11h56   #3
Membre Expert
 
Avatar de Atomya Rise
 
Femme Emilie Lefol
En recherche d'emploi
Inscription : février 2009
Messages : 411
Détails du profil
Informations personnelles :
Nom : Femme Emilie Lefol
Âge : 26
Localisation : France, Somme (Picardie)

Informations professionnelles :
Activité : En recherche d'emploi
Secteur : High Tech - Multimédia et Internet

Informations forums :
Inscription : février 2009
Messages : 411
Points : 1 277
Points : 1 277
En complément de 12monkeys, si tu veux centrer ton image, ca serait bien de changer le left par center :

Code :
background: url(../images/img02.jpg) no-repeat center top;
__________________

Si un message vous a aidé, pensez à voter positivement pour lui ! Merci
Pas de question technique en privé
- Si on criait sur la place publique les fautes de tout le monde, on ne pourrait plus fréquenter personne ! (Marcel Pagnol)
- Technocrates, c’est les mecs que, quand tu leur poses une question, une fois qu’ils ont fini de répondre, tu comprends plus la question que t’as posée. (Coluche)
Atomya Rise est déconnecté   Envoyer un message privé Réponse avec citation 00
Réponse Proposer ce sujet en actualité
Outils de la discussion



Fuseau horaire GMT +2. Il est actuellement 07h10.


 
 
 
 
Partenaires

Hébergement Web