> Tous les forums > Forum des Webmasters
 Problème feuille de style .css
Ajouter un message à la discussion
Page : [1] 
Page 1 sur 1
freeclem
  Posté le 19/02/2011 @ 16:00 
Aller en bas de la page 
Nouvel astucien

Bonjour,

Voici mon petit problème, ma page d'accueil donc index.htm est située par rapport au fond d'écran tout à gauche de ce dernier, ceci est contrôlé par une feuille de style .css, le problème c'est que quand je la centre en changeant l'attribut left, je n'ai plus cette marge énorme à droite mais la page index n'apparaît plus en chargement direct, il faut aller la chercher sur la page de fond avec le défilement, voici la feuiille de style, je pense que c'est dans #page et #header que ça se joue, le reste ce sont des div, j'espère que quelqu'un pourra m'aider, merci :

#page {
position:absolute;
left:98px;
top:0px;
width:780px;
height:631px;
right:98px;
z-index:1;
}
#header {
position:absolute;
left:0px;
top:0px;
width:780px;
height:120px;
z-index:1;
}
#img1 {
position:absolute;
left:0px;
top:0px;
width:206px;
height:120px;
z-index:1;
background-image:url(6_01.jpg);
background-repeat:no-repeat;
}
#img2 {
position:absolute;
left:206px;
top:0px;
width:166px;
height:120px;
z-index:1;
background-image: url(6_02.jpg);
background-repeat:no-repeat;
}
#img3 {
position:absolute;
left:372px;
top:0px;
width:112px;
height:120px;
z-index:1;
background-image: url(6_03.jpg);
background-repeat:no-repeat;
}
#img4 {
position:absolute;
left:484px;
top:0px;
width:103px;
height:120px;
z-index:1;
background-image: url(6_04.jpg);
background-repeat:no-repeat;
}
#img5 {
position:absolute;
left:587px;
top:0px;
width:104px;
height:120px;
z-index:1;
background-image: url(6_05.jpg);
background-repeat:no-repeat;
}
#img6 {
position:absolute;
left:691px;
top:0px;
width:89px;
height:120px;
z-index:1;
background-image: url(6_06.jpg);
background-repeat:no-repeat;
}
#bodysect1 {
position:absolute;
left:0px;
top:120px;
width:780px;
height:86px;
z-index:1;
}
#sec1 {
position:absolute;
left:0px;
top:0px;
width:412px;
height:505px;
z-index:1;
}
.sec1
{
background-image: url(5_04.jpg);
background-repeat:no-repeat;
}
#sec11 {
position:absolute;
left:206px;
top:0px;
width:574px;
height:505px;
z-index:1;
}
.sec11
{
background-image: url(page_accueil_centre.jpg);
background-repeat:no-repeat;
}
#bodysect2 {
position:absolute;
left:0px;
top:400px;
width:780px;
height:225px;
z-index:1;
}
#bodysect3 {
position:absolute;
left:0px;
top:625px;
width:780px;
height:2px;
z-index:1;
}
.sect4{
background-color:#FFAA31;
}

Publicité
griggione
 Posté le 19/02/2011 à 16:13 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
  Grand Maître astucien

Bonjour freeclem


Bienvenu sur PCA

Bon on a la feuille de style, OK, mais elle s'applique à quoi ???
Sans l'exemple on peut pas deviner.

Déjà pas de body, tous les z-index:1 ;sont identiques, donc inutiles, tout est en position:absolute;, dans le chargement parent-enfant il y a les priorités, le reste inutile, etc.

Mais bon sans la page on peut pas grand chose.

Dreamer
 Posté le 19/02/2011 à 16:22 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
  Maître astucien

Et que des position:absolute;

freeclem
 Posté le 19/02/2011 à 21:28 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
Nouvel astucien

Ok Alors la page n'est pas en ligne alors comment je fais pour que vous puissiez la visualiser, il faut que je vous envoie la page index.htm + les images + feuilles de styles...

elle
 Posté le 19/02/2011 à 21:41 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
  Grande Maîtresse astucienne

Tu ne peux pas la mettre en ligne?

freeclem
 Posté le 20/02/2011 à 03:35 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
Nouvel astucien

ok je vais le mettre temporairement sur free, j'attends l'activation de mes pages persos

elle
 Posté le 20/02/2011 à 03:39 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
  Grande Maîtresse astucienne

OK, ça va être plus facile de t'aider ainsi.

griggione
 Posté le 20/02/2011 à 07:42 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
  Grand Maître astucien
freeclem a écrit :

ok je vais le mettre temporairement sur free, j'attends l'activation de mes pages persos

RE

Bien joué, rien ne vaut le concret

Page : [1] 
Page 1 sur 1

Vous devez être connecté pour participer à la discussion.
Cliquez ici pour vous identifier.

Vous n'avez pas de compte ? Créez-en un gratuitement !
Recevoir PC Astuces par e-mail


La Lettre quotidienne +226 000 inscrits
Avec l'actu, des logiciels, des applis, des astuces, des bons plans, ...

Les bonnes affaires
Une fois par semaine, un récap des meilleurs offres.

Les fonds d'écran
De jolies photos pour personnaliser votre bureau. Une fois par semaine.

Les nouveaux Bons Plans
Des notifications pour ne pas rater les bons plans publiés sur le site.

Les bons plans du moment PC Astuces

Tous les Bons Plans
Chaise de bureau Flash Furniture mid-back à 63,72 €
63,72 € 84,96 € -25%
@Amazon
Ecran portable 15,6 pouces GXMO G156F (FullHD, IPS, HP, USB-C, étui) à 80,99 €
80,99 € 119,99 € -33%
@Geekbuying
SSD Crucial P5 Plus 1 To (3D NAND, NVMe, PCIe 4.0, M.2, 6600 Mo/s) à 79,99 €
79,99 € 100 € -20%
@Cdiscount
VTT électrique Eleglide M2 (27,5 pouces, freins à disque hydrauliques, Shimano 24 vitesses, 125 km) à 799 €
799 € 999 € -20%
@Geekbuying
Processeur AMD Ryzen 5 5600 à 127,30 € livré
127,30 € 160 € -20%
@Amazon Allemagne
Pâte thermique Arctic MX-6 (4 g) + 6 lingettes MX Cleaner à 6,15 €
6,15 € 14,99 € -59%
@Amazon

Sujets relatifs
Problème dans feuille de style css
feuille de style
feuille de style avec dreamweaver CS6
Début d'une feuille de style
creer une feuille de style
problème style de texte
feuille de style e css
Feuille de style CSS
Blog/feuille de style/css
Feuille de style CSS
Plus de sujets relatifs à Problème feuille de style .css
 > Tous les forums > Forum Forum des Webmasters