Problème alignement css image
Résolu/Fermé
bluenette
Messages postés
213
Date d'inscription
lundi 25 mai 2009
Statut
Membre
Dernière intervention
21 mars 2019
-
18 avril 2011 à 16:02
bluenette Messages postés 213 Date d'inscription lundi 25 mai 2009 Statut Membre Dernière intervention 21 mars 2019 - 19 avril 2011 à 14:50
bluenette Messages postés 213 Date d'inscription lundi 25 mai 2009 Statut Membre Dernière intervention 21 mars 2019 - 19 avril 2011 à 14:50
A voir également:
- Problème alignement css image
- Image iso - Guide
- Acronis true image - Télécharger - Sauvegarde
- Google recherche par image - Guide
- Faststone image viewer - Télécharger - Visionnage & Diaporama
- Image - Guide
3 réponses
Utilisateur anonyme
18 avril 2011 à 16:27
18 avril 2011 à 16:27
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;
}
RClog
Messages postés
6330
Date d'inscription
jeudi 11 septembre 2008
Statut
Membre
Dernière intervention
28 octobre 2014
1 434
18 avril 2011 à 16:27
18 avril 2011 à 16:27
Bonjour,
Sous Firefox 4 je le vois en haut à gauche...
Sous Firefox 4 je le vois en haut à gauche...
bluenette
Messages postés
213
Date d'inscription
lundi 25 mai 2009
Statut
Membre
Dernière intervention
21 mars 2019
3
19 avril 2011 à 14:50
19 avril 2011 à 14:50
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>
