Mise en page

Fermé

DOB1972 Messages postés 1 Date d'inscription lundi 23 janvier 2012 Statut Membre Dernière intervention 23 janvier 2012 - 23 janv. 2012 à 15:12
titus22 Messages postés 1918 Date d'inscription jeudi 1 décembre 2011 Statut Membre Dernière intervention 16 février 2012 - 24 janv. 2012 à 07:40

Bonjour,

Je suis en train de faire une page internet, et j?ai fait le montage après l'avoir découpé de PS. Je travaille sur une écran de 21.5" et tout va pour le mieux. Le problème est quand je le regarde avec mon portable tout est décalé... voici mon CSS:

body {
background: url(theme/back.jpg) no-repeat top center #000000;
margin:0;
padding:0;
font-family:Verdana,Geneva, sans-serif;
}

#top{
height:34px;
background: url(theme/haut.png) no-repeat top center;
margin:265px 0 0 0;
}

#contenu {
background: url(theme/corps.png) repeat-y center;
text-align:center;

}

#menu {
height:51px;
background: url(theme/menu.jpg) no-repeat center;
padding: 0 0;
text-align:center;
}

#bas {
height:31px;
background: url(theme/bas.png) no-repeat center;

}

#photo {
height:390px;
background: url(theme/photoC.jpg) no-repeat center;
margin: 20px 0 0 0;

Dois-je changer les px pour des %?

Le code HTML est:

¨<body>
<div id="top"></div>
<div id="contenu">
<div id="menu">
<ul>
<li><a id="a" href="#"></a></li>
<li><a id="b" href="#"></a>

<ul class="sousMenu">
<li><a id="f" href="ainte.html"></a></li>
<li><a id="g" href="cdesign.html"></a></li>

</ul>

</li>
<li><a id="c" href="mobilier.html"></a></li>
<li><a id="d" href="partenaires.html"></a></li>
<li><a id="e" href="contact.html"></a></li>
</ul>

</div>
<div id="photo"></div>
</div>
<div id="bas"></div>

merci beaucoup pour votre aide.

Bonne soirée,

Carlos

A voir également:

Mise en page
Supprimer une page word - Guide
Mise en forme conditionnelle excel - Guide
Mise a jour chrome - Accueil - Applications & Logiciels
Mise a jour windows 10 - Accueil - Mise à jour
Mettre google en page d'accueil - Guide

1 réponse

Réponse 1 / 1

titus22 Messages postés 1918 Date d'inscription jeudi 1 décembre 2011 Statut Membre Dernière intervention 16 février 2012 636
23 janv. 2012 à 15:14

La résolution de ton portable est plus faible que celle de ton moniteur.
Je te conseille d'utiliser des pourcentage au lieu d'imposer des tailles fixes en px.

dob1972
23 janv. 2012 à 18:00

merci beaucoup titus...mais sur quoi? sur width? par rapport au code que j'ai mis sur le message, où il faut mettre le 100%?

titus22 Messages postés 1918 Date d'inscription jeudi 1 décembre 2011 Statut Membre Dernière intervention 16 février 2012 636
24 janv. 2012 à 07:40

par exemple :
#bas {
height:10%;
background: url(theme/bas.png) no-repeat center;
}

Discussions similaires

[référencement] Ne pas être référencé

Chemin Logo du site de la Cité de l'espace