bonjour,
j'ai une problème relativement simple... mais que je n'arrive pas à résoudre...
1 pages avec 3 colonnes, chaque colonne étant donc un div...
-premiere colonne, une liste de lien, donc à la fin de la page, car ce n'est pas le plus important
-deuxième colonne : le contenu le lus important, donc en début de page
-troisieme colonne du contenu un peu moins important, donc au milieu...
je souhaiterai utilisé les proriétés float, plutôt que le positionnement absolue...
voici le code (c'est une page de test, ne présentant aucun , les couleurs trés laide sont la pour m'aider à mieux voir...
<html>
<head>
<style>div{width:33%;}
#central{float:left}
#gauche{float:left}
#droite{float:right}
#central{background-color:blue;}
#gauche{background-color:red}
#droite{background-color:green}
</style>
</head>
<body>
<div id="central">central centra centra centra cnetre</div>
<div id="gauche">gauche gauche gauche</div>
<div id="droite">droite droite droite</div
</body></html>
[/code]
cela donne comme résultat : la colonne central se trouvent à gauche, celle de gauche au centre, celle de droit à sa bonne place....
à mon avis, il un un problème
alors j'ai essayé de mettre la colonne de droite et celle du centre dans un autre div, que j'ai fait flotté à gauche, en réglant les tailles, mais la précision n'est pas du tout ce qu'il faut...
alors je me pose une question :
ne serait-il pas possible de mettre la colonne de gauche en premier, tout en mettant un lien "passer au contenu" pour les personnes ne se servant pas d'écran ?
en insérant un tabindex...
qu'en pensez vous???
Merci d'avance...
j'ai une problème relativement simple... mais que je n'arrive pas à résoudre...
1 pages avec 3 colonnes, chaque colonne étant donc un div...
-premiere colonne, une liste de lien, donc à la fin de la page, car ce n'est pas le plus important
-deuxième colonne : le contenu le lus important, donc en début de page
-troisieme colonne du contenu un peu moins important, donc au milieu...
je souhaiterai utilisé les proriétés float, plutôt que le positionnement absolue...
voici le code (c'est une page de test, ne présentant aucun , les couleurs trés laide sont la pour m'aider à mieux voir...
<html>
<head>
<style>div{width:33%;}
#central{float:left}
#gauche{float:left}
#droite{float:right}
#central{background-color:blue;}
#gauche{background-color:red}
#droite{background-color:green}
</style>
</head>
<body>
<div id="central">central centra centra centra cnetre</div>
<div id="gauche">gauche gauche gauche</div>
<div id="droite">droite droite droite</div
</body></html>
[/code]
cela donne comme résultat : la colonne central se trouvent à gauche, celle de gauche au centre, celle de droit à sa bonne place....
à mon avis, il un un problème
alors j'ai essayé de mettre la colonne de droite et celle du centre dans un autre div, que j'ai fait flotté à gauche, en réglant les tailles, mais la précision n'est pas du tout ce qu'il faut...
alors je me pose une question :
ne serait-il pas possible de mettre la colonne de gauche en premier, tout en mettant un lien "passer au contenu" pour les personnes ne se servant pas d'écran ?
en insérant un tabindex...
qu'en pensez vous???
Merci d'avance...
