Problème alignement css image
Résolu
bluenette
Messages postés
213
Date d'inscription
Statut
Membre
Dernière intervention
-
bluenette Messages postés 213 Date d'inscription Statut Membre Dernière intervention -
bluenette Messages postés 213 Date d'inscription Statut Membre Dernière intervention -
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
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
A voir également:
- Problème alignement css image
- Image iso - Guide
- Acronis true image - Télécharger - Sauvegarde
- Reduire taille image - Guide
- Légender une image - Guide
- Image gratuite - Guide
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'
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;
}
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>
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>