[XHTML/CSS] page en plusieurs colonnes
Fermé
myiam
-
26 janv. 2008 à 19:46
Dalida Messages postés 6728 Date d'inscription mardi 14 mai 2002 Statut Contributeur Dernière intervention 11 janvier 2016 - 27 janv. 2008 à 23:29
Dalida Messages postés 6728 Date d'inscription mardi 14 mai 2002 Statut Contributeur Dernière intervention 11 janvier 2016 - 27 janv. 2008 à 23:29
A voir également:
- [XHTML/CSS] page en plusieurs colonnes
- Supprimer une page word - Guide
- Classer par ordre alphabétique excel plusieurs colonnes - Guide
- Word colonnes indépendantes - Guide
- Mettre google en page d'accueil - Guide
- Word numéro de page 1/2 - Guide
18 réponses
hugnix
Messages postés
119
Date d'inscription
samedi 9 juin 2007
Statut
Membre
Dernière intervention
27 avril 2009
26 janv. 2008 à 23:31
26 janv. 2008 à 23:31
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?
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?
Gihef
Messages postés
5150
Date d'inscription
mercredi 20 juillet 2005
Statut
Contributeur
Dernière intervention
20 février 2023
2 778
26 janv. 2008 à 23:57
26 janv. 2008 à 23:57
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/
--
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/
--
tremeur53
Messages postés
296
Date d'inscription
samedi 26 janvier 2008
Statut
Membre
Dernière intervention
12 juin 2016
84
27 janv. 2008 à 01:39
27 janv. 2008 à 01:39
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 !
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 !
Gihef
Messages postés
5150
Date d'inscription
mercredi 20 juillet 2005
Statut
Contributeur
Dernière intervention
20 février 2023
2 778
27 janv. 2008 à 08:13
27 janv. 2008 à 08:13
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) ?
--
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) ?
--
Gihef
Messages postés
5150
Date d'inscription
mercredi 20 juillet 2005
Statut
Contributeur
Dernière intervention
20 février 2023
2 778
>
Gihef
Messages postés
5150
Date d'inscription
mercredi 20 juillet 2005
Statut
Contributeur
Dernière intervention
20 février 2023
27 janv. 2008 à 09:48
27 janv. 2008 à 09:48
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
hugnix
Messages postés
119
Date d'inscription
samedi 9 juin 2007
Statut
Membre
Dernière intervention
27 avril 2009
27 janv. 2008 à 03:22
27 janv. 2008 à 03:22
"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.
"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.
Gihef
Messages postés
5150
Date d'inscription
mercredi 20 juillet 2005
Statut
Contributeur
Dernière intervention
20 février 2023
2 778
27 janv. 2008 à 08:39
27 janv. 2008 à 08:39
“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.
--
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.
--
tremeur53
Messages postés
296
Date d'inscription
samedi 26 janvier 2008
Statut
Membre
Dernière intervention
12 juin 2016
84
27 janv. 2008 à 09:29
27 janv. 2008 à 09:29
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
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
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 ?
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 ?
tremeur53
Messages postés
296
Date d'inscription
samedi 26 janvier 2008
Statut
Membre
Dernière intervention
12 juin 2016
84
27 janv. 2008 à 12:40
27 janv. 2008 à 12:40
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.
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.
tremeur53
Messages postés
296
Date d'inscription
samedi 26 janvier 2008
Statut
Membre
Dernière intervention
12 juin 2016
84
27 janv. 2008 à 12:46
27 janv. 2008 à 12:46
J'ai oublié !
Il faut que ta page soit avec une extension truc.PHP
sous truc.html, PHP ne marchera pas !
Il faut que ta page soit avec une extension truc.PHP
sous truc.html, PHP ne marchera pas !
tremeur53
Messages postés
296
Date d'inscription
samedi 26 janvier 2008
Statut
Membre
Dernière intervention
12 juin 2016
84
27 janv. 2008 à 13:01
27 janv. 2008 à 13:01
Tu peux montrer un bout de code qui te pose problème ? ce sera plus facile
Eexemple d'insertion PHP dans une ligne de ta table.
<td> <?php echo $mavariable; ?> </td>
Eexemple d'insertion PHP dans une ligne de ta table.
hugnix
Messages postés
119
Date d'inscription
samedi 9 juin 2007
Statut
Membre
Dernière intervention
27 avril 2009
27 janv. 2008 à 15:35
27 janv. 2008 à 15:35
"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.
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.
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 ?
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 ?
Dalida
Messages postés
6728
Date d'inscription
mardi 14 mai 2002
Statut
Contributeur
Dernière intervention
11 janvier 2016
921
27 janv. 2008 à 19:54
27 janv. 2008 à 19:54
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>
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>
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
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
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 ?
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 ?
hugnix
Messages postés
119
Date d'inscription
samedi 9 juin 2007
Statut
Membre
Dernière intervention
27 avril 2009
27 janv. 2008 à 22:17
27 janv. 2008 à 22:17
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...
Je suis entrain de chercher sur le net après la version div en php, mais je ne trouve pas grand chose...
Dalida
Messages postés
6728
Date d'inscription
mardi 14 mai 2002
Statut
Contributeur
Dernière intervention
11 janvier 2016
921
27 janv. 2008 à 23:29
27 janv. 2008 à 23:29
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.
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.
hugnix
Messages postés
119
Date d'inscription
samedi 9 juin 2007
Statut
Membre
Dernière intervention
27 avril 2009
26 janv. 2008 à 20:30
26 janv. 2008 à 20:30
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
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!
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!