> Tous les forums > Forum des Webmasters
 Comment personnaliser chaque fond de page?[Résolu]
Ajouter un message à la discussion
Page : [1] 
Page 1 sur 1
ag56
  Posté le 12/03/2007 @ 12:39 
Aller en bas de la page 
Petit astucien

Bonjour.Je suis en train de faire un site et j'ai mis une photo de placage de bois de rose en fond de page. J'aimerai pour chaque page mettre une photo de placage différente. Mon problème est que je n'arrive pas à les personnaliser, toutes les pages sont indentiques. Adresse du site :

http://www.restauration-de-meubles.com/Site.%202/accueil.htm

Merci par avance pour votre aide.



Modifié par ag56 le 13/03/2007 19:26
Publicité
yelo
 Posté le 12/03/2007 à 14:37 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
Astucien

bonjour : tu dois rajouté sur ta feuille de de style css un code pour chaque page
je crois si je me trompe pas que la partis correspondante sur ta feuille de style
est: #coeur : donc si tu as 5 pages tu en rajoute 4 et sur chaque page
tu change le code html
la parti que tu dois changer :

<div id="Coeur"> et tu rajoute le numero 1 2 3 suivant la page


pour la gage index ainsi de suite suivante le nombre de pagepour le css voici se que tu dois copier coller sur ta feuille css

(tu laisse celui qui y ait et tu rajoute en dessous les autres)

#Coeur ici rajoute le numéro 12 {
position: absolute;
top: 200px;
width:760px;
margin:0;
padding:0;
background-image: url(images/background.JPGici l'image que tu veux pour chaque page);
background-repeat: no-repeat;
background-position: left top;
border-right-width: 2px;
border-bottom-width: 2px;
border-left-width: 2px;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-right-color: #000000;
border-bottom-color: #000000;
border-left-color: #000000;
} @+



Modifié par yelo le 12/03/2007 14:43
ag56
 Posté le 12/03/2007 à 15:25 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
Petit astucien

Merci yelo, je viens d'essayer et cela marche. Merci beaucoup.

J'ai une autre question qui concerne mon menu déroulant.

Je n'arrive pas à accéder à la rubrique "Tableaux".

http://img244.imageshack.us/my.php?image=menukd1.jpg

Le menu disparaît.


Alors si tu as la solution je suis preneur.
Encore merci pour le fond de page.



Modifié par ag56 le 12/03/2007 15:27
yelo
 Posté le 12/03/2007 à 15:36 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
Astucien

je comprend pas se que tu veux dire?
quand tu clic sur tableaux la page que tu veux apparaît pas, ces ça

la page que tu appelle est "tableaux.htm " vérifie bien le nom de ta page,
regarde si tu a pas mi une majuscule ?

elle
 Posté le 12/03/2007 à 18:38 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
  Grande Maîtresse astucienne

Salut,

Je la vois, moi, la page tableaux...

J'y accède par le menu.

ag56
 Posté le 12/03/2007 à 18:42 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
Petit astucien
yelo a écrit :

je comprend pas se que tu veux dire?
quand tu clic sur tableaux la page que tu veux apparaît pas, ces ça

la page que tu appelle est "tableaux.htm " vérifie bien le nom de ta page,
regarde si tu a pas mi une majuscule ?

Quand je passe ma souris sur "Antiquités" le menu s'ouvre avec les liens "Bureaux", "Commodes", "Pendules", "Tableaux". Je peux accéder aux trois premiers mais pas à "Tableaux". Le menu déroulant ne reste pas, il disparaît quand je mets ma souris dessus sur "Tableaux".

http://img140.imageshack.us/img140/5816/menuky4.jpg



Modifié par ag56 le 12/03/2007 18:47
ag56
 Posté le 12/03/2007 à 18:45 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
Petit astucien
elle a écrit :

Salut,

Je la vois, moi, la page tableaux...

J'y accède par le menu.

Bonsoir elle.

Moi je n'y arrive pas, le menu disparaît comme je l'explique à yelo

(Quand je passe ma souris sur "Antiquités" le menu s'ouvre avec les liens "Bureaux", "Commodes", "Pendules", "Tableaux". Je peux accéder aux trois premiers mais pas à "Tableaux". Le menu déroulant ne reste pas, il disparaît quand je mets ma souris dessus sur "Tableaux".)




Modifié par ag56 le 12/03/2007 18:47
elle
 Posté le 12/03/2007 à 18:55 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
  Grande Maîtresse astucienne

Ah, d'accord. Mais ça le fait seulement sous IE7 (ok avec Firefox, Opera et IE6).

yelo
 Posté le 12/03/2007 à 19:14 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
Astucien

bonsoir tlm, ha! oui je vois sous ie7 ,sur ff ça marche bien.

une idée comme ça si tu descend d'un poil cette image

çà marcherais pas?

Publicité
elle
 Posté le 12/03/2007 à 19:26 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
  Grande Maîtresse astucienne

Souvent, un problème de ce genre est effectivement lié à la hauteur d'un élément ou à un espacement, une marge par exemple...
yelo
 Posté le 12/03/2007 à 19:56 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
Astucien

elle a écrit :

Souvent, un problème de ce genre est effectivement lié à la hauteur d'un élément ou à un espacement, une marge par exemple...

Si le problème viens bien de l'image, ne serait il pas mieux
de remonter le menu a l'aide de la feuille css?
plutôt que bouger les images et ainsi éviter de retoucher à toute les pages.?

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

yelo a écrit :

elle a écrit :

Souvent, un problème de ce genre est effectivement lié à la hauteur d'un élément ou à un espacement, une marge par exemple...

Si le problème viens bien de l'image, ne serait il pas mieux
de remonter le menu a l'aide de la feuille css?
plutôt que bouger les images et ainsi éviter de retoucher à toute les pages.?


Je n'ai pas le temps de regarder la feuille de style, mais comme il s'agit du seul item de menu ayant quatre sous-items, je vérifierais d'abord du côté de la longueur des sous-menus...

ag56
 Posté le 12/03/2007 à 20:34 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
Petit astucien

J'ai descendu l'image celle ci

http://img444.imageshack.us/img444/8619/logoaccueildp0.png

et supprimé toutes les images et j'ai aussi descendu le texte. Pour que cela fonctionne je suis obligé de laisser un grand vide entre la barre de menu et le début du texte.

Il faut peut être corrigé la feuille CSS mais là je ne suis pas un professionnel. Donc si vous savez comment faire je vous en remercie par avance.



Modifié par ag56 le 12/03/2007 20:34
edon47
 Posté le 12/03/2007 à 21:34 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
Petit astucien

Resalut ag56,

Ton problème vient du fait que la balise div id =''menu" qui contient les dits menus a une hauteur dans la feuille CSS. Pour corriger le problème sur IE7 ou autre, je te suggère d'enlever cet attribut (height: 25px;) ou de le remplacer par 'height: auto; '. La hauteur de 25px n'est pas assez grande pour contenir ton 'li'.

elle
 Posté le 12/03/2007 à 21:40 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
  Grande Maîtresse astucienne

edon47 a écrit :

Resalut ag56,

Ton problème vient du fait que la balise div id =''menu" qui contient les dits menus a une hauteur dans la feuille CSS. Pour corriger le problème sur IE7 ou autre, je te suggère d'enlever cet attribut (height: 25px;) ou de le remplacer par 'height: auto; '. La hauteur de 25px n'est pas assez grande pour contenir ton 'li'.


Ah, ben j'étais pas trop dans le champ alors!

ag56
 Posté le 13/03/2007 à 19:26 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
Petit astucien

Bonsoir.

Je viens de lire le message de edon47 et maintenant mon menu déroulant marche très bien avec Internet Explorer 7.

Je tiens donc à tous vous remercier, elle, yelo et edon47 pour votre aide si rapide et très pertinente.

Encore merci à tous et peut être à bientôt pour d'autres questions ?

Bonne soirée.

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
89,99 €Disque dur externe portable Seagate Expansion 4 To USB 3.0 à 89,99 € avec le code AFFAIRE20
Valable jusqu'au 14 Mai

Cdiscount fait une promotion sur le disque dur externe portable Seagate Expansion d'une capacité de 4 To qui passe à 89,99 € avec le code promo AFFAIRE20 alors qu'on le trouve ailleurs à partir de 120 €. Ce disque dur externe portable au format 2,5 pouces dispose d'une interface USB 3.0 compatible USB 2.0. Une excellente affaire pour ce disque dur qui offre des débits de 115 Mo/s. Il n'est pas soudé et est donc démontable si vous souhaitez le réutiliser ailleurs (console, NAS, PC).


> Voir l'offre
145,22 €LEGO 10274 Creator Expert ECTO-1 SOS Fantômes à 145,22 € livré
Valable jusqu'au 13 Mai

Amazon Allemagne fait une promotion sur le LEGO 10274 Creator Expert ECTO-1 SOS Fantômes qui passe à 136,13 € (avec la TVA ajustée). Comptez 9,09 € pour la livraison en France soit un total de 145,22 € livré au lieu de 199,99 €. Idéal pour les fans de SOS Fantômes et les passionnés de LEGO, ce modèle ECTO propose des heures de plaisir et une expérience de construction enrichissante pour les adultes. Le véhicule ECTO-1, qui mesure plus de 22,5 cm de haut, 47 cm de long et 16,5 cm de large, déborde de détails authentiques. Le set comporte 2352 pièces.

Vous pouvez utiliser votre compte Amazon FR sur Amazon DE. Pas de douane.


> Voir l'offre
52,30 €Carte mémoire microSDXC UHS-I SanDisk Ultra 400 Go à 52,30 €
Valable jusqu'au 13 Mai

Amazon propose la carte mémoire microSDHC UHS-I SanDisk Ultra 400 Go à 52,30 € livrée gratuitement. On la trouve trouve ailleurs à partir de 75 €. Cette carte mémoire offre des vitesses jusqu'à 100 Mo/s et est idéale pour les téléphones, caméras et appareils photo HD. Elle est certifiée GoPro, Nintendo Switch et est accompagnée d'un adaptateur SD.


> Voir l'offre

Sujets relatifs
page web avec image de fond [Résolu]
fond de page : journal : Résolu !
page HTML, comment faire ??RESOLU
Comment créer sa page 404? (RESOLU)
Fond musical sur page web
Pied de page qui passe par dessus l'image de fond
Comment protéger ma page de téléchargement ?
Comment lancer première page web =/?
Page index.html RESOLU
Comment placer correctement mon pied de page?
Plus de sujets relatifs à Comment personnaliser chaque fond de page?[Résolu]
 > Tous les forums > Forum Forum des Webmasters