OVH Cloud OVH Cloud

remplacer des tableaux...help !

6 réponses
Avatar
alainL
Bonsoir.
Un premier essai pour remplacer mes tableaux avec qqs exemples glanés sur un
site consacré css :

Ma feuille de style externe contient ça :
-----------------------------------------------------------------------------------------------------------

#barre {position:absolute; top:0; left:0; background-color:#008080;
width:16%; height:100%;padding-left:3px;
text-align:left; overflow:auto;}

#corps {
font-family: adi1,arial, Tahoma, Verdana, sans-serif,"Times New Roman";
position:absolute;
top:0;
right:0;
background-color:#ccffcc;
width:84%;
height:100%;
overflow:auto;
left: 160px;
}
-----------------------------------------------------------------------------------------------------------

J'ajoute ce style propre (!) à ma page :
-----------------------------------------------
<style>
.cellgauche {
border-style:solid;
border-width:1px;
border-color:black;
background-color:silver;
margin-left:2%;
width:46%;
float:left;
}

.celldroite {
border-style:solid;
border-width:1px;
border-color:blue;
margin-left:50%;
width:46%
}
.celltout {
border-style:solid;
border-width:1px;
border-color:black;
background-color:silver;
margin-left:2%;
width:94%;
float:left;
}
</style>
-----------------------------------------------

mais il y a des couacs !
- celltout et cellgauche, bien que margées à 2%, ne sont pas alignées
- je ne parviens pas à centrer texte ou image dans celltout
- avec IE, l'alignement à droite est mauvais. (correct avec Ffx)
Le massacre est à cette adresse : http://jarailet.club.fr/html/ahusquy2.htm

Un conseil (au moins) serai(en)t bien utiles(s) !
Merci
alain

6 réponses

Avatar
Florian Sinatra
*alainL* @ 18/05/2006 19:10 :
Bonsoir.
Un premier essai pour remplacer mes tableaux avec qqs exemples glanés sur un



:-)

mais il y a des couacs !
- celltout et cellgauche, bien que margées à 2%, ne sont pas alignées
- je ne parviens pas à centrer texte ou image dans celltout
- avec IE, l'alignement à droite est mauvais. (correct avec Ffx)
Le massacre est à cette adresse : http://jarailet.club.fr/html/ahusquy2.htm



Quel massacre, en effet : HTTP 404 Not Found.

Un conseil (au moins) serai(en)t bien utiles(s) !



Deux :
* Ne pas poster de CSS entières ici si tu as un exemple en ligne.
* Le cas échéant, poster aussi la structure HTML, pask ici on est pas
devins.
Avatar
Thibaut Allender
On 18/05/2006 19:10, alainL wrote :
#corps {
font-family: adi1,arial, Tahoma, Verdana, sans-serif,"Times New Roman";



sans-serif, "Times New Roman" ??

mais il y a des couacs !



mais pourquoi vouloir émuler des tables avec du css?
une serie d'éléments en float: left devrait suffit, laisse donc les
choses s'empiler naturellement !

le contenu principal ne doit pas être forcé en position absolue avec un
overflow: auto
la nav, oui, mais le contenu, dans le flux normal, avec une marge gauche
pour commencer à côté de la nav, et c'est l'overflow naturel du body qui
fera le reste

--
thibaut allender | http://capsule.org | http://photo.capsule.org
Avatar
Peter Pan
Thibaut Allender a écrit Le 18/05/2006 19:26 :
sans-serif, "Times New Roman" ??



Bah ! Tu pourrais au moins expliquer aux quelques newbies de ce NG :-)
(plus nombreux ces temps ci dirait-on (Bienvenue !))
http://fr.wikipedia.org/wiki/Serif

Surtout que nous sommes là dans un des fondements de l'édition,
peut-être le plus sioux : la typographie !
Le parent pauvre du web, si l'on ne parle que des fontes.

--
Pierre
http://www.1966.fr/
Avatar
alainL
"Florian Sinatra" a écrit dans le message de
news: 446cab9f$
*alainL* @ 18/05/2006 19:10 :
Bonsoir.
Un premier essai pour remplacer mes tableaux avec qqs exemples glanés sur
un



:-)

mais il y a des couacs !
- celltout et cellgauche, bien que margées à 2%, ne sont pas alignées
- je ne parviens pas à centrer texte ou image dans celltout
- avec IE, l'alignement à droite est mauvais. (correct avec Ffx)
Le massacre est à cette adresse :
http://jarailet.club.fr/html/ahusquy2.htm



Quel massacre, en effet : HTTP 404 Not Found.

Un conseil (au moins) serai(en)t bien utiles(s) !



Deux :
* Ne pas poster de CSS entières ici si tu as un exemple en ligne.
* Le cas échéant, poster aussi la structure HTML, pask ici on est pas
devins.



merci d'avoir répondu aussi vite, je n'ai pas eu le temps de transférer la
page en question. C'est vrai que j'aurais dû commencer par là :-(( . Sorry
!
j'ai mis la partie correspondante de la fds car je ne sais pas si on peut y
accéder...qt à la structure html elle est dans le code source de la page...
qu'on peut charger maintenant.
alain
Avatar
Florian Sinatra
*alainL* @ 18/05/2006 22:54 :
merci d'avoir répondu aussi vite, je n'ai pas eu le temps de transférer la
page en question. C'est vrai que j'aurais dû commencer par là :-(( . Sorry



Nous sommes ici des urgentistes de la feuille de style ^^

j'ai mis la partie correspondante de la fds car je ne sais pas si on peut y
accéder...qt à la structure html elle est dans le code source de la page...



Avec Firefox, on peut tout faire, et même plus.

qu'on peut charger maintenant.



Mhh. Avant de chercher à t'aider, j'aimerais que tu répondes d'abord à
ma question du 17 mai à 1922 dans 'tableaux et bordures cell'.
Avatar
alainL
"Florian Sinatra" a écrit dans le message de
news:
*alainL* @ 18/05/2006 22:54 :
..............................................................
Mhh. Avant de chercher à t'aider, j'aimerais que tu répondes d'abord à
ma question du 17 mai à 1922 dans 'tableaux et bordures cell'.



Pardon, j'y retourne de souite !
alain