IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

Mise en page CSS Discussion :

[xhtml/css] Equivalent des cadres html


Sujet :

CSS

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre éprouvé
    Avatar de ymoreau
    Homme Profil pro
    Ingénieur étude et développement
    Inscrit en
    Septembre 2005
    Messages
    1 154
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 40
    Localisation : France, Bouches du Rhône (Provence Alpes Côte d'Azur)

    Informations professionnelles :
    Activité : Ingénieur étude et développement
    Secteur : High Tech - Éditeur de logiciels

    Informations forums :
    Inscription : Septembre 2005
    Messages : 1 154
    Par défaut [xhtml/css] Equivalent des cadres html
    Bonjour j'ai recherché un peu partout et je ne trouve jamais de réponse très claire. J'ai un site en HTML, qui utilisent des cadres afin d'avoir un menu indépendant de la page contenant le texte.
    Mais j'ai lu (et remarqué) plusieurs inconvénients aux cadres HTML.
    De plus j'aimerais pour la nouvelle version utiliser le CSS et XHTML, les cadres n'en font pas partie.

    J'aimerais savoir s'il existe une alternative à peu près équivalent aux cadres. Le but étant de faire défiler la page sans faire défiler le menu.

    J'ai essayé avec la balise <object>, mais elle ne me permet pas de faire tout ce que je veux, en effet il y a également un bandeau vertival ainsi qu'un titre qui ne doivent pas bouger non plus.
    En gros ça ressemble à ça :


  2. #2
    Membre expérimenté
    Avatar de titoumimi
    Profil pro
    Inscrit en
    Décembre 2003
    Messages
    3 707
    Détails du profil
    Informations personnelles :
    Âge : 44
    Localisation : France

    Informations forums :
    Inscription : Décembre 2003
    Messages : 3 707
    Par défaut
    Pour apprendre comment faire une mise en page sans tableaux, voici un tuto :
    http://pbnaigeon.developpez.com/tuto...e-en-page-CSS/

    Ensuite, dans tes div, pour intégrer des barres de défilement, il faudra que tu regarde du coté de la propriété CSS overflow
    Globalement inoffensif
    Merci de respecter les règles du forum.
    Aucune question technique par MP !
    _______________________________________________________________________
    Cours Ruby et Ruby on Rails (RoR) - Cours PHP - FAQ Ruby / Rails - Livres Ruby / Rails
    Ajax facile avec Ruby on Rails, Prototype, script.aculo.us et les RJS
    Tutoriaux HTML/CSS et PHP

  3. #3
    Expert confirmé
    Avatar de Swoög
    Profil pro
    Inscrit en
    Janvier 2003
    Messages
    6 045
    Détails du profil
    Informations personnelles :
    Âge : 38
    Localisation : France

    Informations forums :
    Inscription : Janvier 2003
    Messages : 6 045
    Par défaut
    OUi, bien sûr c'est tout à fait possible : penche toi sur la propriété overflow

    au fait, si par nouvelle version de CSS, tu veux dire la version 3, n'oublie pas qu'elle n'est pas encore au status de Recommendation, elle n'est pas terminée
    Rédacteur "éclectique" (XML, Cours PHP, Cours JavaScript, IRC, Web...)
    Les Règles du Forum - Mon Site Web sur DVP.com (Développement Web, PHP, (X)HTML/CSS, SQL, XML, IRC)
    je ne répondrai à aucune question technique via MP, MSN ou Skype : les Forums sont là pour ça !!! Merci de me demander avant de m'ajouter à vos contacts sinon je bloque !
    pensez à la balise [ code ] (bouton #) et au tag :resolu: (en bas)

  4. #4
    Membre éprouvé
    Avatar de ymoreau
    Homme Profil pro
    Ingénieur étude et développement
    Inscrit en
    Septembre 2005
    Messages
    1 154
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 40
    Localisation : France, Bouches du Rhône (Provence Alpes Côte d'Azur)

    Informations professionnelles :
    Activité : Ingénieur étude et développement
    Secteur : High Tech - Éditeur de logiciels

    Informations forums :
    Inscription : Septembre 2005
    Messages : 1 154
    Par défaut
    Je parlais de la nouvelle version de mon site =)

    Merci de vos réponses, je vais regarder de ce côté là.

  5. #5
    Membre éprouvé
    Avatar de ymoreau
    Homme Profil pro
    Ingénieur étude et développement
    Inscrit en
    Septembre 2005
    Messages
    1 154
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 40
    Localisation : France, Bouches du Rhône (Provence Alpes Côte d'Azur)

    Informations professionnelles :
    Activité : Ingénieur étude et développement
    Secteur : High Tech - Éditeur de logiciels

    Informations forums :
    Inscription : Septembre 2005
    Messages : 1 154
    Par défaut
    Bon ça marche très bien pour la mise en forme, c'est niquel. Au niveau des scrollbars également.

    Par contre il me reste un soucis ^^
    Avec les frames on pouvait donner des dimensions et également mettre ' * ' pour dire au cadre d'occuper l'espace restant. Avec les <div> j'ai rien vu qui puisse faire équivalent, je suis obligé de donner une dimension fixe à mon site alors ? :/

    et autre chose est-il possible (comme dans les <object>) de charger le contenu à partir d'un fichier extérieur (en html) ? ça éviterait de mettre la forme et le fond dans le même panier.

  6. #6
    Expert confirmé
    Avatar de Swoög
    Profil pro
    Inscrit en
    Janvier 2003
    Messages
    6 045
    Détails du profil
    Informations personnelles :
    Âge : 38
    Localisation : France

    Informations forums :
    Inscription : Janvier 2003
    Messages : 6 045
    Par défaut
    pour charger un fichier extérieur, non, ça ne vas pas être possible, excepté via un langage côté serveur.

    Mais si tu fais ça bien, sans tableaux (voir lien de titoumimi pour "comment faire", et celui dans ma signature pour "pourquoi le faire" ), alors le code dédié à la mise en page restera peu important ^^

    pour ce qui est de prendre tout l'espace de la page, tu peux tout à fait spécifier des tailles en pourcentages pour que les pourcentages englobent tout l'écran
    Rédacteur "éclectique" (XML, Cours PHP, Cours JavaScript, IRC, Web...)
    Les Règles du Forum - Mon Site Web sur DVP.com (Développement Web, PHP, (X)HTML/CSS, SQL, XML, IRC)
    je ne répondrai à aucune question technique via MP, MSN ou Skype : les Forums sont là pour ça !!! Merci de me demander avant de m'ajouter à vos contacts sinon je bloque !
    pensez à la balise [ code ] (bouton #) et au tag :resolu: (en bas)

  7. #7
    Membre éprouvé
    Avatar de ymoreau
    Homme Profil pro
    Ingénieur étude et développement
    Inscrit en
    Septembre 2005
    Messages
    1 154
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 40
    Localisation : France, Bouches du Rhône (Provence Alpes Côte d'Azur)

    Informations professionnelles :
    Activité : Ingénieur étude et développement
    Secteur : High Tech - Éditeur de logiciels

    Informations forums :
    Inscription : Septembre 2005
    Messages : 1 154
    Par défaut
    L'intérêt c'était aussi de séparer le menu et les logos de présentation, parceque là sinon je suis obligé de copier/coller toute cette partie dans chaque page. A moins que l'on puisse carrément créer un bloc image-liens dans le CSS mais si j'ai bien compris le CSS ne sert qu'à la mise en forme, pas au contenu.

    L'inconvénient des pourcentages c'est qu'on doit avoir uniquement ça si on s'en sert. Avec mes cadres j'avais le menu de hauteur fixe, et le bandeau à gauche de largeur fixe. La page s'étendait ensuite sur tout l'espace restant, ça s'adaptait à toutes les résolutions.
    Avec les pourcentages je suis obligé d'avoir quelque chose de totalement proportionnel. Pour les images qui seront utilisées dans le menu et le bandeau leur taille ne sera pas proportionnelle à la page.
    A moins que l'on puisse adapter la taille d'une image par rapport à la taille du bloc <div> qui la contient ?

+ Répondre à la discussion
Cette discussion est résolue.

Discussions similaires

  1. Réponses: 1
    Dernier message: 16/11/2009, 16h09
  2. [XHTML][CSS] simuler des frames avec des div
    Par piwai dans le forum Mise en page CSS
    Réponses: 3
    Dernier message: 09/11/2005, 13h26
  3. [CSS] copie des styles par défaut html...possible?
    Par luta dans le forum Mise en page CSS
    Réponses: 6
    Dernier message: 27/10/2005, 08h50
  4. [HTML], [XHTML], [CSS]...comment creer un livre d'or ?
    Par douda dans le forum Mise en page CSS
    Réponses: 3
    Dernier message: 30/09/2005, 09h26
  5. [html/css]coloration des options dans un select
    Par the_edge dans le forum Mise en page CSS
    Réponses: 3
    Dernier message: 04/05/2005, 15h19

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo