[Résolu-Merci]Mise en page

[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)

[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 ?)

[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)

[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

[spock]

J'ai compris.
Je fais comment pour modifier ce fichier ?

Message envoyé avec : Opera/9.01 (Windows NT 5.1; U; fr)

[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 :

Code : Tout sélectionner

href="http://psychiatrieland.ifrance.com/decors.css"

Exemple de lien relatif :

Code : Tout sélectionner

href="decors.css"

[Kazé]

La faute en incombe (au moins partiellement) à Nvu, qui utilise systématiquement des URLs absolues dans les feuilles de styles.

Je fais comment pour modifier ce fichier ?

Soit en passant par l'affichage "Source", soit en installant KaZcadeS + urlCleaner...

[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 :

Code : Tout sélectionner

background-image: "Collinesenneiges.jpg"

Quelle est la bonne syntaxe ?

Message envoyé avec : Opera/9.01 (Windows NT 5.1; U; fr)

[Kazé]

La bonne syntaxe serait :

Code : Tout sélectionner

background-image: url(Collinesenneiges.jpg);

[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)

[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)

[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!!!

[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)

[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

[spock]

Cela ne marche pas...

Message envoyé avec : Opera/9.01 (Windows NT 5.1; U; fr)