Posez votre question Format imprimable Liste des forums Aidez-les Statistiques Rechercher Charte Forum Webmastering

[XHTML/CSS] page en plusieurs colonnes

Dernière réponse le 27 jan 2008 à 23:29:43 myiam, le 26 jan 2008 à 19:46:26

Signaler ce message aux modérateurs

Bonjour,

je suis en train de faire mon site et j'aimerais faire un affichage en plusieurs colonnes.
Je m'explique.
j'ai une première colonne de gauche avec le menu
une deuxième colonne avec mes actualités qui bougent tous les jours où presques
une troisième colonne avec d'autre info qui bougent moins
une quatrième colonne avec des info fixes

je ne sais pas trop comment faire, si quelqun peut m'aider, je suis preneuse...

Merci

Configuration: Windows XP
Internet Explorer 7.0

Meilleures réponses pour « [XHTML/CSS] page en plusieurs colonnes » dans :

Cette page

“chacun son avis sur la question” Pas seulement. La simple Lire la suite

Posez votre question Répondre

hugnix, le 26 jan 2008 à 20:30:11

Salut,
tu as essayé avec les frames? j'avais fait comme ça mais pour 2 "colonnes", 1 à gauche pour le menu le reste dans la page a droite mais il doit surement y avoir moyen de rajouter une autres colonnes.

V'la le code source

<head>
<frameset cols="14%,*" bordercolor="#c0c0c0">

      <frame src="menu.html" name="gauche">

      <frame src="page_accueil.html" name="droite">

</frameset>

</head>

Autrement tu peux essayer avec des tableaux.

Tu utilises quoi pour faire tes pages? Moi j'ai utilisé la première version de mozilla qui permet d'éditer les pages, ces très pratiques et en général il respecte les standards!

Répondre à hugnix

myiam, le 26 jan 2008 à 21:10:55

J'utilise dreamweaver en éditeur de code.

Répondre à myiam

hugnix, le 26 jan 2008 à 23:31:06

Je connais juste de noms, quand j'ai fait ma formation le prof nous a proposé des outils gratuits et très bon pour faire des pages.
Mais je pense que c'est un bon outil quand même, si je me rappelle bien........ :)

T'as essayé ce que je t'ai proposé? Est-ce que cela t'as au moins un peu aidés?

Répondre à hugnix

Gihef, le 26 jan 2008 à 23:57:05

Bonjour,

Surtout pas de frame !
Sinon, tu reviendras nous poser d'autres questions à cause de trucs qui ne marchent pas.

Quatre colonnes, ça risque de faire large comme site.

Pour ton gabarit, on trouve des modèles qu'on peut ouvrir dans DW, modifier, adapter…
Quelques exemples :
http://forum.alsacreations.com/faq/#item32
http://layouts.ironmyers.com/
http://layouts.ironmyers.com/100_percent_Layouts/layout/?id=27
http://layouts.ironmyers.com/750_pixel_Layouts/layout/?id=24
http://blog.html.it/layoutgala/

--

Répondre à Gihef

tremeur53, le 27 jan 2008 à 01:39:12

Hello !
J'ai un peu lu en diagonale mais :
maitriser plusieurs colonnes n'est pas à la portée du débutant, pose des problèmes à des Webmaster sérieux !

Ou tu maitrise Les div en CSS (avec les critères float, ...)
ou tu tu passes par une table.
Pour les puristes...
NON ! Utiliser des tables n'est pas une honte !
A condition de le faire proprement.

Le multi colonnes en DIV pose des soucis de hauteurs égales si on maitrise mal.
En table, ce problème n'existe pas.

Dreamweaver est une solution, sauf si on est à cheval sur la qualité du code !
Mais tu peux créer ton site sous Dream et retravailler le code ensuite dans un autre éditeur.
Surtout pas de FRAME !
Si ton soucis ne se résoud pas, j'essaierai de t'apporter des solutions.

Boncourage !

Répondre à tremeur53

Gihef, le 27 jan 2008 à 08:13:42

En effet “Utiliser des tables n'est pas une honte”.
Leur utilisation propre semble être plutôt de cet ordre (ça répond à une autre question. Ne vous attardez pas sur le “fixed”). Ou pour contourner des lacunes de différents navigateurs (alignement vertical, par exemple).
Et puis, y ajouter de la mise en forme en HTML ne fait que reforcer leur manque de souplesse.
Un peu de connaissances en CSS est alors quand même bien utile.

“Le multi colonnes en DIV pose des soucis de hauteurs égales si on maitrise mal”.
Oui, mais on trouve des solutions qui ont fait leurs preuves.
Tiens, pouvez-vous tester ça dans IE6 et me dire si ça ressemble à quelque chose de cohérent (c'est en float) ?

--

Répondre à Gihef

Gihef, le 27 jan 2008 à 09:48:01

Et comparez avec celui-là.
Merci.
--

Répondre à Gihef

hugnix, le 27 jan 2008 à 03:22:06

"Sinon, tu reviendras nous poser d'autres questions à cause de trucs qui ne marchent pas"
"Surtout pas de FRAME !"

Je sais que beaucoup n'aime pas, mais je l'ai utilisé et pas de problème, suffit de bien le faire, chacun son avis sur la question.

Tout à fait d'accord pour les tables, c'est très utile et pas très compliqué a faire.

Et votre avis sur mozilla? Est-il vraiment fiables pour faire des sites? Car je le trouve facile d'utilisation et si on veux retoucher aux codes on peux le faire sans passer par un autre éditeur.

Répondre à hugnix

Gihef, le 27 jan 2008 à 08:39:07

“chacun son avis sur la question”
Pas seulement.
La simple utilisation d'un tel site pose problème.
Hier encore, j'ai eu besoin d'imprimer une page web, un questionnaire de plusieurs dizaines de pages papier.
Et bien, à droite, les mots ne s'impriment pas. Même avec les marges réduites.
Facile à lire.

Il a fallu que je cherche la source de la frame, que j'en copie l'adresse dans une ouvelle fenêtre, que je recharge cette page pour pourvoir obtenir un document exploitable sur papier.
Et tout ça pour quoi ?
Pour que la bannière et le menu restent affichés en permanence en haut de la fenêtre alors que c'était absolument inutile et qu'en plus ça rétrécit la zone pour les données utiles à afficher. Pfff…
C'est le genre de site sur lesquels je ne retourne plus.

Dommage qu'il faille rester poli sur ce forum…

Ce n'est pas un avis, c'est de l'utilisation.

--

Répondre à Gihef

tremeur53, le 27 jan 2008 à 09:29:56

Hello !
Mozilla ?
Incontournable ! Ton site doit fonctionner sous FireFox et IE6. C'est pas une évidence ! IE6 va te donner la migraine !
Si ton site passe dur FF, il passe partout (Opéra fait quelques caprices mais c'est OK). Et verrif IE6 !

BON maintenant faudrait nous poser une question précise, sinon on va y passer la semaine !
Je crois qu'il y a du monde pour t'aider.
Une question à la fois, tu poses clairement, on va avancer plus vite... pour toit !
Bon Dimanche

Répondre à tremeur53

myiam, le 27 jan 2008 à 12:32:46

Je pense que ma question était précise !!!!

je suis en train d'essayer avec les div, mais comment fait-on une table ?
est-ce que je peux insérer du php dans une table ?

Répondre à myiam

tremeur53, le 27 jan 2008 à 12:40:30

Insérer du PHP dans une table ? no problem.
Tu peux développer en HTML en sortir temporairement en ouvrant PHP -<?php
tu insères ton code PHP et tu refermes pour revenir à HTML ?>

Avec DreamWeaver, créer une table est facile.
Tu as une icone dans tes outils.
Tu choisis Nb colonnes et lignes...
Tu peux réunir des cellules si nécessaire, insérer ou supprimer lignes et colonnes.
Je ne m'en sers plus mais je crois que tu as çà dans l'aide.

Répondre à tremeur53

tremeur53, le 27 jan 2008 à 12:46:33

J'ai oublié !
Il faut que ta page soit avec une extension truc.PHP
sous truc.html, PHP ne marchera pas !

Répondre à tremeur53

tremeur53, le 27 jan 2008 à 13:01:23

Tu peux montrer un bout de code qui te pose problème ? ce sera plus facile

<td> <?php echo $mavariable; ?> </td>

Eexemple d'insertion PHP dans une ligne de ta table.

Répondre à tremeur53

hugnix, le 27 jan 2008 à 15:35:08

"Dommage qu'il faille rester poli sur ce forum…"

Bin vas-y envoie moi un mail et lache toi. Un forum est la pour discuter si un avis te semble incohérent tu dir pourquoi, pas besoind de s'énerver comme un gamin.

"BON maintenant faudrait nous poser une question précise, sinon on va y passer la semaine !"

La question est assez précise non? Elle veux inserer plusieur colones dans une page webn apparemnt mon "conseil" semble plus important que le message original, lire avant de poster.

Répondre à hugnix

myiam, le 27 jan 2008 à 19:07:14

Merci d'essayer de m'aider, mais excusez moi, mais je ne crois pas que ça soit une raison pour s'énerver.

Je pense que vous pouvez tous avoir des opinions différentes sans régler vos comptes...

Revenons à nos moutons :
Comment mettre en code une table ?

Répondre à myiam

Dalida, le 27 jan 2008 à 19:54:22

Salut myriam, salut tout le monde,

pour coder un tableau tu trouveras à peut près tout ici.

mais je reprends les recommandations de Gihef à mon compte : un tableau ne sert pas à cela.

<hors sujet>
en espérant faire un peu avancer la discussion qui dérape un peu. pour les nouveaux et en particulier hugnix :
• le problème de la politesse abordé par Gihef fait référence à la charte du forum.
donc pas de MP et on ne se "lâche" pas.
• Gihef est un membre reconnu et ultra compétent en HTML/CSS et c'est sans doute un des membres les plus zen du forum Webmastering. il ne s'est en aucun cas énervé donc si vous ne comprenez pas ses arguments techniques, posez des questions au lieu de pérorer.
</hors sujet>

[ Mathieu ]
« On embauchera plus s'il est moins compliqué de licencier. » LP, 29 août 2007.

Répondre à Dalida

myiam, le 27 jan 2008 à 21:28:30

Bon alors résumons un peu
si j'ai bien compris,
- il faut éviter de faire des frames
- on peut le faire avec des div mais c'est compliqué
on peut le faire avec une table c'est plus simple mais ça ne sert pas à ça!

donc si je veut faire dans les règles de l'art, il faut que j'utilise les div. Je veux surtout qu'une fois construit ça soit facile à mettre à jour avec php et mysql.

<div id="colonne">
<div id="colonne_principale>
<div class="sous_colonne">
<h3>Les actualités</h3>
</div>
<div class="sous_colonne">
<h3> Vie Pratique</h3>
</div>
<div class="sous_colonne">
<h3>Les Lives</h3>
</div>
</div>
</div>

et en css

.sous_colonne
{
display: inline
}

Est-ce qu ce début de code est bon ou complètement à l'ouest ?

Merci

Répondre à myiam

myiam, le 27 jan 2008 à 21:31:52

Pardon, j'ai oublié.
Ma première colonne est en fait un float avec le menu, c'est pour ça que je n'en parle pas.

une question qui me vient comment définir les largeur de colonne ?

Répondre à myiam

hugnix, le 27 jan 2008 à 22:17:09

Je sais bien que pour les tables c'est comme ça <table border="2" widht=300" height="236">

Je suis entrain de chercher sur le net après la version div en php, mais je ne trouve pas grand chose...

Répondre à hugnix

Dalida, le 27 jan 2008 à 23:29:43

Re,

as-tu regardé les liens fournis par Gihef ?

en premier, quelle est ta largeur globale (la largeur de tout le site) ?
largeur fixe (exprimée en 'px') ou largeur variable (exprimée en '%') ?

ensuite regarde ce site.
en fonction de ta largeur regarde les mise en page proposée et dis nous quelle est celle qui te correspond le mieux, nous t'aiderons à l'intégrer à ton site.

[ Mathieu ]
« On embauchera plus s'il est moins compliqué de licencier. » LP, 29 août 2007.

Répondre à Dalida

Posez votre question Répondre