J'ai essayé de remplacer des frames avec du CSS, ça n'a pas marché !

Bonjour à tous, je suis nouveau seur ce forum.
Jusqu'ici je m'étais débrouillé avec quelques tutoriaux et avec les conseils éclairés de quelques amis. Mais je butte serieusement sur un point de programmation CSS.

J'ai commancé mon site il y a 4 mois environ. J'ai commancé par du HTML tout seul. Puis on m'a parlé de XHTML et de CSS. Je me suis donc mis à la norme avec du CSS (c'est vrai que ça rend mieux).

Pour mon site j'ai fais quelques frames avant qu'on me dise que c'était une fort mauvaise idée.

Je n'arrive cependant pas à les remplacer par du CSS

Voici le problème :
la présentation donne ça:
http://img358.imageshack.us/img358/7015/aperu7id.jpg
Voici un lein pour mieux voir : http://membres.lycos.fr/ddroi/caverne.html

J'ai :
- une frame à droite pour le menu.
- une frame à gauche pour les pages du site, elle est compsée de plusieurs frames:
-- une frame à gauche et une frame à droite pour le cadre
-- une frame au milieu pour les page du site
-- une frame en haut et une frame en bas pour le cadre. Ces 2 frames sont composée chacune de 3 frames :
--- une frame pour le coin gauche
--- une frame pour le cadre
--- une frame pour le coin droit


Lorce qu'on clique sur un lien du menu, seul la frame centrale change, le menu et le cadre ne bougent jamais.

Le cadre est évidement étirable et s'adapte automatiquement à la taille de la fenêtre du navigateur. Ainsi les pages du forum sont toujours encadrées même si on étire la fenêtre, qu'on en diminue la taille... Et si la page HTML est trop grande pour la frame centrale, des scrollbars permettent de naviguer (toujours à l'interieur du cadre)...

On m'a dis qu'il était possible de refaire tout ça avec du CSS et un peu de PHP, j'ai essayé et le résultat est nul :

Voici un lien vers la page résultant des changement :
http://membres.lycos.fr/ddroi/accueil2.html

Voici un lien vers la source du CSS utilisé :
http://membres.lycos.fr/ddroi/style2.css

Merci à tout ceux qui m'aideront !
Modifié par Moriar (14 Dec 2005 - 16:55)

en effet, ça fait beaucoup de frames dans tous les sens...
1- je suis débutant, je sais pas tout
2- "ce site est optimisé pour firefox"... bin oui mais ça :

scrollbar-face-color: #000000; 
scrollbar-shadow-color: #000000;
scrollbar-highlight-color: #000000;
scrollbar-3dlight-color: #FFFFFF; 
scrollbar-darkshadow-color: #FFFFFF; 
scrollbar-track-color: #000000; 
scrollbar-arrow-color: #FFFFFF;

c'est exclusivement pour IE il me semble
3 - je serais toi, je prendrais un modèle qui s'approche pour regarder comment il est fait, dans ceux-ci http://css.alsacreations.com/Modeles-de-mise-en-page-en-CSS
4 - l'include en php : http://css.alsacreations.com/Tutoriels-PHP/Inclure-un-fichier-dans-un-autre-grace-a-CSS-et-PHP

Bonjour et bienvenue sur ce Forum,

le 1er truc qui cloche, c'est Lycos l'hébergeur: quelque soit le code de la page, il rajoute son script au tout début ce qui peut casser ce qui suit
Tu n'as pas moyen d'avoir un compte Free par exemple? (c'est gratos)

Concernant l'affichage du menu, je vois dans le source de la page:

<?php
include "http://membres.lycos.fr/ddroi/navigation.html";
?>

Normalement le visiteur devrait voir le contenu de cette page, pas l'appel à PHP. C'est signe que quelque chose cloche. Je te laisse revoir la syntaxe exacte de la fonction include (2 tutoriels Alsacréations sur la fonction include, il manque un détail important Sinon le menu http://membres.lycos.fr/ddroi/navigation.html s'afficherait sûrement très bien.

Puisque tu envisages de "te mettre à la norme avec du CSS" (excellente idée! c'est pas ici qu'on va te dire l'inverse remarque ), l'étape suivante est de se passer le plus possible de la mise en page utilisant les tableaux. En dernier ce qui est après "Progression des changements:" mais déjà la mise en page globale de la page (colonne/menu de gauche, contenu de droite, pied de page/footer, etc).
Je rajoute le tutoriel en 5 parties d'Olivier Patry Réalisation d'un design complet (XHTML / CSS) en 5 étapes.

Il y a les 2 tutoriels Modèles de mise en page CSS Galerie de menus pour ne pas partir de zéro ...

Concernant le choix HTML/XHTML que tu évoques: peu importe, XHTML n'est pas mieux que HTML. (Laisser tomber le XHTML? - billet de Raphaël).
L'un est peut-être plus adapté à tes besoins qu'un autre (j'en doute pour ce site), mais sinon ce qui est important est de choisir avant de commencer un Doctype et de s'y tenir. Quoique Lycos va rajouter son script juste avant
Choix d'une DTD: le doctype switching n'est pas pour nous (Laurent Denis)
Courrier des lecteurs : HTML ou XHTML ? (Standblog)
Pas la peine de lire tout en détail hu , c'est l'idée générale qui compte et ne pas s'en écarter pour éviter des problèmes "bizarres" plus tard
Modifié par Felipe (15 Dec 2005 - 02:29)

Pour l'hébergeur lycos :
Oui, je sais , LYCOS C'EST DE LA MER*E !
Mais c'est le seul hébergeur que je puisse utiliser.
Je m'explique : je code au bahut, je n'ai donc pas accès aux logiciels FTP. Mais lycos propose un service appelé webFTP qui permet d'uploader sans aucun logiciel. C'est la seule et unique raison pour laquelle je me fais héberger par ces ringards !

Pour le script de couleur de la scrollbar, je sais que firefox n'en tiens pas compte (esperons que ça change rapidement), mais ça ne coûtait rien de rajouter 6 lignes de script dans mon CSS.

Merci pour les Tutoriaux. Je vais essayer de les lire cet après-midi.

On ne peut pas éditer ses propres messages ni les supprimer. Je crois que j'ai posté n'importe quoi au-dessus, je demande pardon à l'admin que devra l'enlever...

J'ai lu les tutoriaux dont vous m'avez parlé et j'ai retouché le code, je n'arrive pas à imbriquer les divs (normal ?)

Ensuite j'ai relu tout ce qu'il fallat faire pour l'onclude PHP, j'ai corriger mes erreur mais rien n'y fait, toujours pas de panneau de navigation.

Et les divs continuent à s'arrêter au bas de l'écran au lieu de l'arrêter au bas de la page...

Moriar a écrit :
Pour l'hébergeur lycos :
Oui, je sais , LYCOS C'EST DE LA MER*E !
Mais c'est le seul hébergeur que je puisse utiliser.
Je m'explique : je code au bahut, je n'ai donc pas accès aux logiciels FTP. Mais lycos propose un service appelé webFTP qui permet d'uploader sans aucun logiciel. C'est la seule et unique raison pour laquelle je me fais héberger par ces ringards !

Tu as le meme service chez Free
http://www.freenews.fr/index.php?itemid=643

Sinon tu peux passer par le système de commandes MSDOS en tapant "ftp"
Ensuite "help" pour connaitre les différentes commandes.

C'est bon à savoir le ftp sous la commande dos, je savais pas...

Ok, donc je vais me faire héberger ailleurs... Pendant les vacances.

Mais j'attend encore un petit peu car j'ai un ami qui risque d'avoir un serveur dédié... Je vais pouvoir me faire héberger gratuitement et sans pub (mais c'est pas sur)

Merci pour tes indications pekka !