Page 1 sur 2
[Résolu-Merci]Mise en page
Publié : 29 août 2006, 18:46
par spock
Bonjour,
J'ai creé un petit site avec l'aide d'un de vos tutoriel.
J'ai utilisé un calque avec une liste de définition pour creer un menu de navigation et j'ai appliqué une feuille de style.
Cependant j'ai plusieurs problèmes :
La feuillle de style est prise en charge par internet explorer mais pas
contre elle ne fonctionne pas avec Opera et Firefox.
J'ai ajouté un compteur en haut de la page. Le problème c'est que ce compteur utilise les parametres CSS du menu. Je ne sais pas comment les désactiver.
Voila ce que cela donne:
http://psychiatrieland.ifrance.com/
Pourriez vous m'aider ?
Message envoyé avec : Opera/9.01 (Windows NT 5.1; U; fr)
Publié : 29 août 2006, 18:59
par Omnisilver
Bonjour,
C'est tout à fait normal Firefox et Opera n'arrivent pas à utiliser ta feuille de style :
Code : Tout sélectionner
<link media="screen" rel="stylesheet" href="file:///C:/Documents%20and%20Settings/HP_Propri%E9taire/Mes%20documents/Site2/decors.css" type="text/css">
Mets-là sur la toile, et mets le lien à jour, ça devrait mieux fonctionner
(là je me demande comment IE arrivait à utiliser ta CSS, il devait l'avoir en cache ?)
Publié : 29 août 2006, 20:05
par Invité
J'ai mis ca : <link rel="stylesheet" href="decors.css" type="text/css">
et ca marche pas.
Le fichier est bien sur le serveur...
Message envoyé avec : Opera/9.01 (Windows NT 5.1; U; fr)
Publié : 29 août 2006, 20:48
par Omnisilver
Tu tiens le bon bout : la CSS est maintenant détectée et utilisée
Maintenant ... jettes-y un oeil (à ta CSS) et dis-moi pourquoi les images ne s'affichent pas
Indice : il s'agit du même problème que pour indiquer le fichier CSS
Publié : 29 août 2006, 21:52
par spock
J'ai compris.
Je fais comment pour modifier ce fichier ?
Message envoyé avec : Opera/9.01 (Windows NT 5.1; U; fr)
Publié : 29 août 2006, 22:09
par Omnisilver
Eh bien, tu dois en avoir une version sur ton disque dur non ? Ouvres-là avec ton éditeur de texte, modifie les liens à modifier, sauvegarde le fichier, puis mets-le sur le serveur à la place de l'ancien (à l'aide d'un client ftp comme filezilla).
Au fait, ces problèmes que tu rencontre sont classiques, c'est parce que tu utilises des liens absolus. Avec des liens relatifs, tu n'aurai pas eu de souci au passage de ton ordinateur à la mise sur le Net
Exemple de lien absolu :
Exemple de lien relatif :
Publié : 30 août 2006, 00:22
par Kazé
La faute en incombe (au moins partiellement) à Nvu, qui utilise systématiquement des URLs absolues dans les feuilles de styles.
spock a écrit :Je fais comment pour modifier ce fichier ?
Soit en passant par l'affichage "Source", soit en installant
KaZcadeS +
urlCleaner...
Publié : 30 août 2006, 00:48
par spock
j'y arrive pas.
Il faut que je remplace par exemple cela :
Code : Tout sélectionner
background-image: url(file:///C:/Documents%20and%20Settings/HP_Propri%E9taire/Mes%20documents/Site2/Collinesenneiges.jpg)
par cela :
Quelle est la bonne syntaxe ?
Message envoyé avec : Opera/9.01 (Windows NT 5.1; U; fr)
Publié : 30 août 2006, 00:53
par Kazé
La bonne syntaxe serait :
Publié : 30 août 2006, 01:40
par spock
Merci à vous deux, ca marche.
Il faut que je fasse maintenant les autres pages.
Message envoyé avec : Opera/9.01 (Windows NT 5.1; U; fr)
Publié : 30 août 2006, 15:09
par spock
J'ai intallé un compteur en haut de la page.
Il me prend le CSS du menu. Comment je peut désactiver cet endroit ?
(peut on aussi enlever les lignes sous les liens ?)
Message envoyé avec : Opera/9.01 (Windows NT 5.1; U; fr)
Publié : 30 août 2006, 16:03
par chinon37
le probleme vient du fait que tu a des liens au niveau de ton compteur qui renvoient vers ifrance -> comme ton css affecte toutes les balises <a>, le compteur est concerné.
Tu peux créer ppar exemple une classe pour ton menu (exemple: .menu) et nommer ta règle pour habiller ton menu ".menu a". Tu supprimes la règle pour tous les <a> et le problème devrait se résoudre.
attention
Code : Tout sélectionner
<div style="position: absolute; top: 8px; height: 59px; left: 8px; width: 114px; background-image: url(file:///C:/Documents%20and%20Settings/
HP_Propri%E9taire/Mes%20documents/Site2/structure.jpg);">
l'image pointe vers le disque dur!!!
Publié : 30 août 2006, 18:43
par Invité
Merci, ca marche.
Tu fais comment pour enlever les lignes sous les liens ?
Message envoyé avec : Opera/9.01 (Windows NT 5.1; U; fr)
Publié : 30 août 2006, 18:50
par chinon37
pour la règle appliquée à ".xxxx a", cocher texte normal dans l'onglet texte: même si dans nvu, le soulignement reste, il disparait quand tu fais un aperçu dans un navigateur
Publié : 30 août 2006, 20:30
par spock
Cela ne marche pas...
Message envoyé avec : Opera/9.01 (Windows NT 5.1; U; fr)