tableau avec 3 colonnes dont celle du milieu toujours centrée - HTML/CSS - Programmation
Marsh Posté le 10-06-2009 à 14:56:43
ne pas utiliser un tableau ?
<div STYLE="background ...."></div>
Marsh Posté le 10-06-2009 à 15:05:43
ah oui! ca marche,
j'ai fait ceci:
Code :
|
pense tu que c'est une bonne solution?
Merci
Marsh Posté le 10-06-2009 à 15:07:12
a quoi sert le tableau ?
tu mets ta hauteur et ta largeur directement sur le div , et ça roule
Marsh Posté le 10-06-2009 à 15:41:48
ben, je suis quand meme oblige de mettre un tableau pour reserver une ligne pour le logo, une 2e ligne pour le menu et une 3e pour le contenu...
y a t il une meilleure maniere de faire ceci?
Marsh Posté le 10-06-2009 à 15:44:52
non
<div id="contener">
<div id="logo"> mon logo , avec eventuellement du contenu </div>
<div id="menu"> mon menu,</div>
<div id="contenu"> mon contenu</div>
<div id="piedDePage"> pied de paeg</div>
</div>
Marsh Posté le 10-06-2009 à 15:50:19
ok, je peux mettre ca mais mon site contient 2 colonnes, comme sur notre site actuel: www.iifiir.org/fr/index.php
comment diviser le site en 2?
Marsh Posté le 11-06-2009 à 00:26:55
oh mon dieu, ce site est entièrement en < table > O_o
Le css ca existe ! C'est plus simple, plus léger, plus joli,.....
http://openweb.eu.org/articles/initiation_flux/
Marsh Posté le 11-06-2009 à 08:42:12
tu peux utiliser un framework css pour te simplifier la vie , tout en ayant quelque chose de portable et de maintenable
http://960.gs/
http://developer.yahoo.com/yui/grids/
Marsh Posté le 11-06-2009 à 11:23:33
OK, merci bien.
je vais oublier les tableau et mettre en place que des div
j'ai une derniere question stp:
quelle est la meilleure facon d'afficher par exemple un catalogue? cad 3 vignettes par ligne
un tableau? des <ul> ? ou des <div>??
Merci infiniment
Marsh Posté le 11-06-2009 à 11:44:28
personnelement, je ferai une liste avec les styles suivants
<li STYLE="flaot:left; width=150px">
si le conteneur est de largeur fixe, tu aura toujours le même nombre d'item par ligne
si ton conteneur s'elargi, tu aura moins de lignes
Marsh Posté le 11-06-2009 à 17:38:15
flo850 a écrit : personnelement, je ferai une liste avec les styles suivants |
je suis entrain d'adopter la technique des div et ca l'air pa mal
j'aurais par contre une petite question:
comment devrais je faire pour afficher 2 elements sur LA MEME ligne, 1 a droite, et l'autre a gauche???
je pense que tu vas me conseiller de mettre 2 div, le 1er en float left et l'autre right.
dans ce cas la, est ce que float est bien compatible avec les navigateurs??
Merci
Marsh Posté le 11-06-2009 à 23:07:27
Bien sûr. Le float est compris par tous les navigateur.
Après les deux <div>, je te conseille d'ajouter un <div style="clear:both"></div> Pour faire passer les éléments suivants à la ligne.
Marsh Posté le 11-06-2009 à 23:58:05
ok, merci
c'est juste que j'ai lu qlq part que le float: left ou right etait mal interprete par IE!!
me conseilles tu alors de TOUJOURS mettre un clear:both quand je veux afficher un div dans une nouvelle ligne?
Marsh Posté le 12-06-2009 à 09:55:53
Non. Seulement quand tu as une liste de div que tu veux mettre cote-à-cote, le float est pratique (float:left; ).
Mais souvent avec le float, les div que tu déclares après ta liste s'affichent mal. Pour cela, tu dois rajouter entre un div clear:both pour "casser" le float.
Marsh Posté le 12-06-2009 à 11:03:36
oh lala, j'ai un peu de mal a comprendre!
tu veux dire que si j'ai 2 div 1 gauche et l'autre droite, le 3e doit avoir le clear:both??
<div float:left><div flot:right>
<div clear:both>
bien entendu les float et clear sont ds une feuille css
une derniere question stp
si je veux mettre 2 calques 1 sur l'autre, comment devrais je faire?
Merci de votre aide et vous etes entrain de faire changer ma conception de site web en une merveille...
Marsh Posté le 13-06-2009 à 12:59:05
Le <div clear:both> est invisible car il ne contient rien, donc il fait 0x0 pixels. On s'en sert ici juste pour casser le float.
J'imagine que tu appelle calque les div. Tu peux utiliser le "position:absolute" sur l'un des calques.
<div> Un grand div qui contient les deux calques
<div> Le premier div
</div>
<div style="position:absolute;"> Le second div.
</div>
</div>
Tu peux positionner le deuxieme div avec des margin-left, margin-right, margin-up, margin-right.
Marsh Posté le 15-06-2009 à 11:27:48
eh ben, j'apprends des choses
j'ai reussi a mettre en place tout une page entiere rien qu'avec des div, AUCUN tableau, mais j'avoue que c'est un peu galere, je n'ai pas encore eu le malheure de devoir mettre 4 ou 5 colonnes, car je ne saurai comment le faire!!
pour superposer 2 div, j'ai par hasard essaye ceci:
<div float:left>img new</div>
<div>contenu</div>
et l'image "new" se met bien sur le 2eme div
devrais je garder cette solution ou plutot celle que tu me proposes?
encore une autre question (desole, ca n'en fini pas, je sais )
j'ai cherche mais g pas trouve comment avec les css changer une image en survolant un lien:
par ex.
"ici mon lien" "ici une image"
au survol de "ici mon lien", j'aimerai pouvoir channger "ici une image"
Merci bien encore une fois
Marsh Posté le 18-06-2009 à 17:59:05
Pour ta superposition, si tu obtiens la même chose avec toutes les versions de tous les navigateurs, tu peux laisse comme ça
Pour ton image survolée :
Code :
|
Marsh Posté le 10-06-2009 à 14:43:08
Bonjour,
j'ai un tableau a 100% avec 3 colonnes:
la 1ere colonne est toujours vide,
la 2eme contiendra le contenu du site sur une largeur de 1000px
et la 3eme colonne est toujours vide
je suis oblige d'avoir 3 colonnes car j'ai un graphisme (bg-png) qui depasse les 1000px!
ma question est:
est ce que la colonne du milieu sera TOUJOURS centree?
y a t il une autre solution que vous proposez?
En vous remerciant
Reda