Geckozone

Bonsoir,

J'en suis toujours à la première page de ce site... et ça n'avance vraiment pas vite...
Il y a des problèmes d'affichage ( chez d'autres utilisateurs) c'est à dire que le menu est decalé et qu'il y a également des gros espaces en haut, en bas, à droite, à gauche...

J'ai utilisé l'option background-position: center chez moi c'est vraiment impecable...

http://perso.orange.fr/markknopfler/AMIT/amitindex.html

Un peu d'aide SvP, merci

Message envoyé avec : Mozilla/4.0 (compatible; MSIE 7.0; Windows NT 5.1; .NET CLR 1.0.3705; .NET CLR 1.1.4322; Media Center PC 4.0)

2ème sujet pour le même pb?
Il faut mettre de l'ordre dans ton css, tu as du style interne à la page html

Code : Tout sélectionner

<li style="height: 30px; text-align: left;">

qui devrait se trouver inclus dans la feuille de style interne comme ça :

Code : Tout sélectionner

li {
  color: #ffffff;
  font-family: Arial Narrow;
  font-weight: bold;
  height: 30px;
  text-align: left;
}

et supprimer les styles internes à la page html.
Avec un bon tuto (voir lien déjà donné) et css, tu y serais déjà arrivé mais il faut que tu te mettes au css!
Tu pourrais redimensionner ton image en 800x569, pour le <body> : ne pas mettre de largeur et hauteur, ajouter "background-position : center;" en effet.
"margin-top: 0px" inutile, et voilà, mais tu auras la grosse zone noire de "background-color: #000000;" tout autour de l'image trés présente dans les grandes résos d'écran (1280x1024...) : est-ce vraiment gênant?

Je sèche sur l'affichage FF du haut de l'image de fond, le haut est rogné, comprends pas... J'ai dû ajouter un "padding-top: 100px;", :

Code : Tout sélectionner

body {
  padding-top: 100px;
  background-repeat: no-repeat;
  background-color: #000000;
  background-image: url(AMITindex.jpg);
  background-position: center;
}

D'autre part, tu vas avoir un problème pour le calage du menu, peut-être vaut-il mieux finalement donner une couleur de fond à ce <ul> qui retrouve la même couleur (le même code hexa, quoi) que le cadre qui fait partie de l'image (le cadre sur lequel la guitare est posée) le menu pourra se balader un peu selon les résos, il se baladera avec son fond rouge... ou alors tatonner en augmentant + ou - les marges g et dr du <ul> en testant selon les résos, mmmouais... A toi de voir. Ou les 2?

bonjour,
déjà, il faut changer ton image de fond.
Elle fait 1024X768
je suis sur une résolution de 1280x1024
Ton image se place par défaut en haut à gauche donc ça me donne ça:

il faudrait par exemple que tu mettes ton image dans une balise à laquelle tu attribueras un largeur max de 1024.
Ensuite, tu mets un background noir.

Message envoyé avec : Mozilla/4.0 (compatible; MSIE 6.0; Windows NT 5.1; SV1; Maxthon; .NET CLR 1.1.4322)

Hello,

Qu'est ce que je dois utiliser comme t'aille d'image?

Message envoyé avec : Mozilla/4.0 (compatible; MSIE 7.0; Windows NT 5.1; .NET CLR 1.0.3705; .NET CLR 1.1.4322; Media Center PC 4.0)

alors en relisant... on m'a dit de mettre l'image en 800/569 OK
ensuite comment je crée la balise pour l'image ...je bloque vraiment sur le CSS...

Message envoyé avec : Mozilla/4.0 (compatible; MSIE 7.0; Windows NT 5.1; .NET CLR 1.0.3705; .NET CLR 1.1.4322; Media Center PC 4.0)

Invité a écrit :alors en relisant... on m'a dit de mettre l'image en 800/569 OK

ça, c'était moi, pour garder les proportions et éviter le scroll horizontal en 800x600 de réso.

Invité a écrit :ensuite comment je crée la balise pour l'image .

ça, c'était Krystof.
Il faut que tu suives les conseils de l'un ou l'autre parce que là, ces conseils vont dans 2 directions différentes, moi je t'ai donné quelques pistes et un lien de tuto pour te mettre au css, mais, pas de retour là-dessus.
Alors, je peux plus faire grand chose mais je suppose que Krystof va pas te laisser tomber et te trouver la solution avec un peu d'obstination (on saura peut-être ce qu'il entend par "balise")...
Bon courage...

Geckozone

Problèmes d'affichages

Problèmes d'affichages