Problème alignement css image

Résolu/Fermé
Signaler
Messages postés
213
Date d'inscription
lundi 25 mai 2009
Statut
Membre
Dernière intervention
21 mars 2019
-
Messages postés
213
Date d'inscription
lundi 25 mai 2009
Statut
Membre
Dernière intervention
21 mars 2019
-
Bonjour,

Je n'arrive pas à comprendre mon image : concept est décalée en haut a droite de ma page alors que le css me semble correct. quelqu'un a t'il une idée?

http://www.prettyme.fr/indexfinal.html


3 réponses


Bonjour,

Il n'y aurait pas une erreur entre id='logo' et id='logo1'

parce que votre logo a pour CSS ceci car son id='logo1', pas 'logo'

img#logo1
{
margin-bottom: 80px;
}

0
Messages postés
6330
Date d'inscription
jeudi 11 septembre 2008
Statut
Membre
Dernière intervention
28 octobre 2014
1 465
Bonjour,

Sous Firefox 4 je le vois en haut à gauche...
0
Messages postés
213
Date d'inscription
lundi 25 mai 2009
Statut
Membre
Dernière intervention
21 mars 2019
3
Oui en effet il est bien en haut a gauche et c'est mon problème!

Alors non ce n'est pas un problème de logo, qui me va bien!

Voici le code Html de ma page et son css. Qu'esce qu'i bloque?

Autre question, pourquoi es-ce que sur le pc de ma mère les éléments sont différemment décalés?


CSS :

body
{
backgroung-color:white;
}
img#logo
{
position : absolute;
top : 45px;
left: 50%;
margin-left : -125px;
border: none;
}
}
img#titreconcept
{
top : 240px;
left: 28%;
margin-left : -68px;
border: none;
}
img#titreprestations
{
position : absolute;
top : 240px;
left: 50%;
margin-left: -68px;
border: none;
}
img#titreadresses
{
position : absolute;
top : 240px;
left: 72%;
margin-left : -68px;
border: none;
}
img#concept
{
position: absolute;
z-index: 20;
top: 320px;
left: 28%;
margin-left : -96px;
border: none;
}
img#prestations
{
position: absolute;
z-index: 20;
top: 320px;
left: 50%;
margin-left: -96px;
border: none;
}
img#adresses
{
position: absolute;
z-index: 20;
top: 320px;
left : 72%;
margin-left : -96px;
border: none;
}
img#titrecontact
{
position : absolute;
top : 80%;
left: 50%;
margin-left : -68px;
border: none;
}

HTML :
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<meta name="description" content="Vous avez toujours rêvé d'être considérée comme une star. ? D'avoir de petites mains telles des papillons qui virevoltent autour de vous, pour s'occuper de vos cheveux, de votre make-up, votre tenue & vos accessoires ? Surtout lors des grands évènements de votre vie ? Mariage, Baptême, soirées.? Et d'immortaliser ces moments d'émotion pour toujours ? C'est à PRETTY ME ! Qu'il faut confier cette mission ! Notre styliste/graphiste, notre maquilleuse/coiffeuse & notre photographe allient leurs talents pour vous proposer un service inédit d'accompagnement & de conseils afin de réveiller tout le glamour qui sommeille en vous. Résultat : Une mission réussie : Gain de temps, prestations VIP & service personnalisé pour vous rendre « juste » merveilleuse.>> Lucy Maquilleuse & coiffeuse studio évoluant dans le milieu de la mode, côtoyant quotidiennement les mannequins des plus grandes agences de Paris. « L'art du maquillage et de la coiffure permettent d'exprimer des émotions, des sensations, Un état d'esprit grâce aux couleurs, formes & textures » Marion Styliste & graphiste, habituée des shootings photo, au service de nombreuses grandes marques. Si une femme est mal habillée, on remarque sa robe, mais si elle est impeccablementVêtue, c'est elle que l'on remarque. Coco Chanel" />
<meta name="keyword" content="mariage, star, smocky eyes, charbonneux, blush, rouge à lèvres, chignon, coque, coiffé, décoiffé, tresse, original, boucles, vaporeuses, airbrush, teint, léger, bonne, mine, cheveux, make-up, tenue, accessoires, mariage, Baptême, soirées, pretty me, styliste, graphiste, graphisme, maquilleuse, maquillage, coiffeuse, coiffure, photos, photographies, photographe, conseils, glamour, gain de temps, prestations, VIP, service, personnalisé, Lucy, studio, mode, mannequins, agences, Paris, ile de france, toute, la, Marion,shootings, marques, romantique, beauté, mariage, mariages, anniversaire, soirées, pack, prestataires, rétro, qualité, professionnel, professionnels, pas cher, abordable, correct, tarifs."/>
<title>Pretty Me !</title>
<link rel="stylesheet" media="screen" type="text/css" title="Design espace" href="style.css" />
</head>
<body>
<a href="index.html"><img src="images/logo.jpg" alt="" id="logo" /></a>
<a href="concept.html"><img src="images/titreconcept.jpg" alt="" id="titreconcept" /></a>
<a href="prestations.html"><img src="images/titreprestations.jpg" alt="" id="titreprestations" /></a>
<a href="adresses.html"><img src="images/titreadresses.jpg" alt="" id="titreadresses" /></a>
<a href="concept.html"><img src="images/concept.jpg" alt="" id="concept" /></a>
<a href="prestations.html"><img src="images/prestations.jpg" alt="" id="prestations" /></a>
<a href="adresses.html"><img src="images/adresses.jpg" alt="" id="adresses" /></a>
<a href="contact.html"><img src="images/titrecontact.jpg" alt="" id="titrecontact" /></a>
</body>
</html>
0