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 :

Problème tableau html


Sujet :

Tableau en CSS

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre averti
    Profil pro
    Inscrit en
    Décembre 2006
    Messages
    18
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Décembre 2006
    Messages : 18
    Par défaut Problème tableau html
    Bonjour,
    Alors oui vous allez me dire qu'il n'y a rien de plus facile que de faire un tableau en html et je le pensais aussi, mais impossible cette fois ci d'avoir le rendu que je veux, malgré toutes mes tentatives de codes.
    Alors en fait, j'aimerai avoir ce rendu

    C'est tout bête mais si quelqu'un pouvait me donner le code pour ce tableau, ce serait vraiment gentil (parfois on bloque sur des trucs tout bête lol)
    Merci d'avance

  2. #2
    Membre expérimenté
    Inscrit en
    Mai 2007
    Messages
    201
    Détails du profil
    Informations forums :
    Inscription : Mai 2007
    Messages : 201
    Par défaut
    Euh écrire le code ..euh j'ai la flemme! mais te donner un bon lien oui
    voilou
    http://www.ping.be/~ping9985/html/thehtml6.htm

  3. #3
    Inactif   Avatar de Deallyra
    Profil pro
    Étudiant
    Inscrit en
    Février 2007
    Messages
    1 997
    Détails du profil
    Informations personnelles :
    Âge : 37
    Localisation : France, Loire Atlantique (Pays de la Loire)

    Informations professionnelles :
    Activité : Étudiant

    Informations forums :
    Inscription : Février 2007
    Messages : 1 997
    Par défaut
    Je suis allé voir le lien... Il explique comment marchent les tableaux mais bon...
    Là c'est à un problème d'assemblage que nous devons faire face...

    Dis moi Petite Diablotesse, ce n'est pas un tableau de données que tu comptes faire mais bel et bien une mise en page...
    Je crois bien ne pas me tromper vu l'affichage que tu nous as laissés donc... je te conseille d'utiliser les DIVs.

    Ils sont plus maniables que les tableaux, permettent une refonte -ou changement moindre - plus rapide...
    Par contre, le forum CSS serait alors certainement le mieux adapté puisque les positions des divs sont donnés via le style.
    *Si la réponse vous convient, n'oubliez pas le tag
    *Exprimez vous dans un français correct; on prend le temps de vous lire, prenez le temps de bien écrire.
    *Et comment on interprète votre code? N'oubliez pas la balise!

    *Pour une mise en page simple avec des divs.
    *Pour faire des formulaires xHTML CSS.

  4. #4
    Membre Expert
    Avatar de trotters213
    Profil pro
    Inscrit en
    Janvier 2005
    Messages
    2 571
    Détails du profil
    Informations personnelles :
    Âge : 39
    Localisation : France, Gard (Languedoc Roussillon)

    Informations forums :
    Inscription : Janvier 2005
    Messages : 2 571
    Par défaut

    Citation Envoyé par MimiCracra44
    Je suis allé voir le lien... Il explique comment marchent les tableaux mais bon...
    Là c'est à un problème d'assemblage que nous devons faire face...

    Dis moi Petite Diablotesse, ce n'est pas un tableau de données que tu comptes faire mais bel et bien une mise en page...
    Je crois bien ne pas me tromper vu l'affichage que tu nous as laissés donc... je te conseille d'utiliser les DIVs.

    Ils sont plus maniables que les tableaux, permettent une refonte -ou changement moindre - plus rapide...
    Par contre, le forum CSS serait alors certainement le mieux adapté puisque les positions des divs sont donnés via le style.
    +1
    Voici un lien qui peut t'aider : http://pbnaigeon.developpez.com/tuto...e-en-page-CSS/

  5. #5
    Membre averti
    Profil pro
    Inscrit en
    Décembre 2006
    Messages
    18
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Décembre 2006
    Messages : 18
    Par défaut
    Merci bien, j'ai testé les div, c'est sûr que c'est mieux, j'y avais pas pensé.
    Seul problème, voilà mon code :

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    <div id="photo">
    bubu
      <div id="autres">autres</div>
      <div id="derniers">
    	<div id="lectures">lectures</div>
    	<div id="films">films</div>
    	<div id="ecoutes">ecoutes</div>  
      </div>
    </div>
     
    <div id="titre">
    blabla
      <div id="envies">envies</div>
      <div id="post">post</div>
    </div>
    et le code du css :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    div#photo{
    float:left;
    width:301px;
    }
     
     
    div#titre{
    float:left;
    width:272px;
    }
     
    div#autres{
    float:left;
    width:272px;
    }
     
    div#derniers{
    float:left;
    width:272px;
    }
    J'arrive pas à mettre "lectures", "films" et "ecoutes" à droite de "autres"...
    Serait-il possible de m'aider ?

  6. #6
    Membre Expert
    Avatar de trotters213
    Profil pro
    Inscrit en
    Janvier 2005
    Messages
    2 571
    Détails du profil
    Informations personnelles :
    Âge : 39
    Localisation : France, Gard (Languedoc Roussillon)

    Informations forums :
    Inscription : Janvier 2005
    Messages : 2 571
    Par défaut
    un truc comme ça, ça te va (en gros) ?
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    #photo{
    float:left;
    width:301px;
    } 
     
    #titre{
    float:left;
    width:272px;
    }
     
    #autres{
    float:left;
    width:130px;
    }
     
    #derniers{
    float:right;
    width:130px;
    }

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

Discussions similaires

  1. problème tableau html
    Par patchi225 dans le forum Balisage (X)HTML et validation W3C
    Réponses: 8
    Dernier message: 20/05/2009, 22h16
  2. [MySQL] problème de mise en page sous forme de tableau HTML
    Par body72 dans le forum PHP & Base de données
    Réponses: 1
    Dernier message: 19/03/2008, 20h29
  3. [SQL] Problème d'affichage de données (tableau html)
    Par Flynt dans le forum PHP & Base de données
    Réponses: 2
    Dernier message: 27/02/2008, 11h04
  4. Problème de tableau HTML / CSS
    Par laulau37 dans le forum Balisage (X)HTML et validation W3C
    Réponses: 8
    Dernier message: 03/07/2007, 10h46
  5. [HTML] Tableau HTML problème
    Par minie dans le forum Balisage (X)HTML et validation W3C
    Réponses: 1
    Dernier message: 13/04/2007, 11h53

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