[XHTML] Je ne vois pas comment faire

Je ne vois pas comment faire [XHTML] - HTML/CSS - Programmation

Marsh Posté le 23-10-2002 à 22:51:57    

Voilà : j'ai une idée de design, mais je n'arrive pas à la mettre en oeuvre.
 
L'idée est la suivante :
 
un <div id="whole"> contient l'intégrale de la page : une marge de 50 px sépare ce div des bordure du document.
 
ça doit donner un :

body {
  margin: 50px;
}


 
si je ne me trompe pas.
 
Jusque là, OK. Ensuite ça se corse : dans le <div id="whole">, il y a 3 parties : une partie collée à gauche qui contient la navigation du site et quelques fioritures, idem à droite. Au centre, je veux une image en haut et une image en bas qui bougent pas relativement à "whole" et un <div id="main"> qui scrolle si besoin est entre ces deux images.
 
Le problème c'est d'une part le respect des marges initiales et le placement des images UP et DOWN.
 
A défaut de me mâcher le travail, s'il y a un site qui exploite un layout compliqué, ça m'intéresse.


---------------
Le site de ma maman
Reply

Marsh Posté le 23-10-2002 à 22:51:57   

Reply

Marsh Posté le 23-10-2002 à 23:43:26    

Reply

Marsh Posté le 23-10-2002 à 23:58:39    

Oui, est la hauteur variable selon la fenêtre du navigateur disponible. Comme la largeur quoi.


---------------
Le site de ma maman
Reply

Marsh Posté le 24-10-2002 à 00:01:50    

La gestion de la hauteur, c'est assez acrobatique. Normalement elle n'a pas à dépendre de la fenêtre du navigateur, *en théorie* : elle est de hauteur "infinie" au maximum (longueur du document)

Reply

Marsh Posté le 24-10-2002 à 00:13:05    

Cherrytree a écrit a écrit :

Oui, est la hauteur variable selon la fenêtre du navigateur disponible. Comme la largeur quoi.



Bon en théorie c'est possible mais pour faire marcher ça avec tous les navigateurs tu vas t'arracher les cheveux. Pour les <div> central qui est censé scroller si le contenu est trop grand, ça passera pas avec Opera qui ne permet d'afficher des barres de défilement dans un <div>. Sinon il faut passer par les frames...
 
Ensuite, la hauteur de ce <div> central doit normalement s'adapter à la hauteur de la zone de visualisation du navigateur tout en ayant des marges haute et basse fixes, et là bonne chance pour faire ça avec IE...
 
A mon avis, c'est DTC...


---------------
Incongru : une FAQ abandonnée sur les Standards du Web - FAQ périmée de blabla@Prog
Reply

Marsh Posté le 24-10-2002 à 00:25:13    

j'ai jamais comprit ce que signifiais "layout" ?

Reply

Marsh Posté le 24-10-2002 à 00:27:50    

Reply

Marsh Posté le 24-10-2002 à 00:29:21    

Maxime a écrit a écrit :

j'ai jamais comprit ce que signifiais "layout" ?



C'est l'équivalent de disposition. Mais au sens précis du terme.
EDIT : j'ai l'air piteux avec ma pauv' déf.


Message édité par Cherrytree le 24-10-2002 à 00:32:14

---------------
Le site de ma maman
Reply

Marsh Posté le 24-10-2002 à 00:29:24    

oki merci grand maitre de la faq html/css  :jap:  :lol:  :lol:  :lol:  
 
 
et matériellement, cest quoi un layout? un fichier css?

Reply

Marsh Posté le 24-10-2002 à 00:30:33    

Euh, alors j'oublie... Sinon, pour centrer un div, c'est comment déjà ?


---------------
Le site de ma maman
Reply

Marsh Posté le 24-10-2002 à 00:30:33   

Reply

Marsh Posté le 24-10-2002 à 00:36:43    

Maxime a écrit a écrit :

et matériellement, cest quoi un layout? un fichier css?



Un fichier fichier HTML + les styles qui vont bien. Par exemple le lien que j'ai donné en dessus ça en est un. C'est une base de travail, il faut ensuite ajouter le contenu et le modifier pour que ça colle bien à tes besoins.


---------------
Incongru : une FAQ abandonnée sur les Standards du Web - FAQ périmée de blabla@Prog
Reply

Marsh Posté le 24-10-2002 à 00:37:34    

Cherrytree a écrit a écrit :

Euh, alors j'oublie... Sinon, pour centrer un div, c'est comment déjà ?



Ca dépend. Tu veux le centrer comment ? horizontalement ou verticalement ? Sa hauteur/largeur sont fixes, en pourcentage ou inconnues ?


---------------
Incongru : une FAQ abandonnée sur les Standards du Web - FAQ périmée de blabla@Prog
Reply

Marsh Posté le 24-10-2002 à 00:42:29    

Horizontalement, le div a un width et un height connu, en pixel.


---------------
Le site de ma maman
Reply

Marsh Posté le 24-10-2002 à 00:43:47    

gm_superstar a écrit a écrit :

 
Un fichier fichier HTML + les styles qui vont bien. Par exemple le lien que j'ai donné en dessus ça en est un. C'est une base de travail, il faut ensuite ajouter le contenu et le modifier pour que ça colle bien à tes besoins.




 
cest le genre de truc tout fait que tu raconmode a ta maniere apres? je prefer de loin le made in home
 
ca me fait penser a phpnuke et autre, les gars se la raconte avec le site quil on meme pas fait

Reply

Marsh Posté le 24-10-2002 à 00:44:27    

Maxime a écrit a écrit :

 
 
cest le genre de truc tout fait que tu raconmode a ta maniere apres? je prefer de loin le made in home
 
ca me fait penser a phpnuke et autre, les gars se la raconte avec le site quil on meme pas fait



C'est fait pour apprendre et voir ce qu'il est possible de faire, rien de plus.


---------------
Le site de ma maman
Reply

Marsh Posté le 24-10-2002 à 00:46:08    

Cherrytree a écrit a écrit :

C'est fait pour apprendre et voir ce qu'il est possible de faire, rien de plus.




$
si cest ca, cest different cest sur, sinon comment aprendre concretement.
 
en reparlant de phpnuke, ca me fille des boutons a chaque fois que je tombe sur ce genre de site, ca menerve! :fou:

Reply

Marsh Posté le 24-10-2002 à 00:46:59    

Maxime a écrit a écrit :

 
 
cest le genre de truc tout fait que tu raconmode a ta maniere apres? je prefer de loin le made in home
 
ca me fait penser a phpnuke et autre, les gars se la raconte avec le site quil on meme pas fait



Oui, comme le dit Cherrytree c'est pour apprendre ou s'en inspirer.
 
D'autres sont un peu plus exploitables et sont bien pratiques pour faire un truc rapide. Par exemple : http://www.bluerobot.com/web/layouts/


---------------
Incongru : une FAQ abandonnée sur les Standards du Web - FAQ périmée de blabla@Prog
Reply

Marsh Posté le 24-10-2002 à 00:47:21    

Maxime a écrit a écrit :

 
$
si cest ca, cest different cest sur, sinon comment aprendre concretement.
 
en reparlant de phpnuke, ca me fille des boutons a chaque fois que je tombe sur ce genre de site, ca menerve! :fou:  



Du calme Max. Du calme. :)


---------------
Le site de ma maman
Reply

Marsh Posté le 24-10-2002 à 00:48:47    

gm_superstar a écrit a écrit :

 
Oui, comme le dit Cherrytree c'est pour apprendre ou s'en inspirer.
 
D'autres sont un peu plus exploitables et sont bien pratiques pour faire un truc rapide. Par exemple : http://www.bluerobot.com/web/layouts/




 
 
merci  :hello:  
 
 
cherrytree : avou t'aimes pas phpnuke non plus  :o  
 

Reply

Marsh Posté le 24-10-2002 à 00:49:21    

Cherrytree a écrit a écrit :

Horizontalement, le div a un width et un height connu, en pixel.



Cf la FAQ et le commentaire pour centrer horizontalement un tableau. Tu as le choix entre la 1ère et la 4ème méthode.


---------------
Incongru : une FAQ abandonnée sur les Standards du Web - FAQ périmée de blabla@Prog
Reply

Marsh Posté le 24-10-2002 à 00:50:01    

Maxime a écrit a écrit :

 
 
 
merci  :hello:  
 
 
cherrytree : avou t'aimes pas phpnuke non plus  :o  
 
 



Franchement ? RAB. Du moins, ça me touche peu. Je code tout ce que je fais moi même, avec l'aide des potes du forum :sol: ! N'est-ce pas gm_superstar !


---------------
Le site de ma maman
Reply

Marsh Posté le 24-10-2002 à 00:50:34    

gm_superstar a écrit a écrit :

 
Cf la FAQ et le commentaire pour centrer horizontalement un tableau. Tu as le choix entre la 1ère et la 4ème méthode.



Yo ! Thanks.


---------------
Le site de ma maman
Reply

Marsh Posté le 24-10-2002 à 00:53:04    

en faite ce ki menerve, cest ce genre de site tout préparer,
les gars qui veullent pas en foutre une et qui se disent webmaster alors quil savent a peine apuyer sur le bouton power de leur pc

Reply

Marsh Posté le 24-10-2002 à 00:53:54    

gm_superstar a écrit a écrit :

 
Cf la FAQ et le commentaire pour centrer horizontalement un tableau. Tu as le choix entre la 1ère et la 4ème méthode.




 
au faite, margin-left : auto; idem pour right, ca marche ou pas avec ie 5.x?

Reply

Marsh Posté le 24-10-2002 à 00:54:02    

Maxime a écrit a écrit :

en faite ce ki menerve, cest ce genre de site tout préparer,
les gars qui veullent pas en foutre une et qui se disent webmaster alors quil savent a peine apuyer sur le bouton power de leur pc



Bôh, quand même pas ! Un peu quand même. :D


---------------
Le site de ma maman
Reply

Marsh Posté le 24-10-2002 à 00:55:13    

Maxime a écrit a écrit :

en faite ce ki menerve, cest ce genre de site tout préparer,
les gars qui veullent pas en foutre une et qui se disent webmaster alors quil savent a peine apuyer sur le bouton power de leur pc



Certes mais tu n'as pas toujours le temps de tout faire. Avec ce genre de solution tu peux monter un site de news assez facilement. On va pas réinventer la roue à chaque fois !
 
Et justement pas besoin d'être webmaster ;)


---------------
Incongru : une FAQ abandonnée sur les Standards du Web - FAQ périmée de blabla@Prog
Reply

Marsh Posté le 24-10-2002 à 00:56:22    

Maxime a écrit a écrit :

au faite, margin-left : auto; idem pour right, ca marche ou pas avec ie 5.x?



Si je l'ai pas écrit dans la FAQ c'est que ça ne l'est pas ;)


---------------
Incongru : une FAQ abandonnée sur les Standards du Web - FAQ périmée de blabla@Prog
Reply

Marsh Posté le 24-10-2002 à 00:56:37    

ils ont aucun mérite cest tout  :o

Reply

Marsh Posté le 24-10-2002 à 00:57:25    

gm_superstar a écrit a écrit :

 
Si je l'ai pas écrit dans la FAQ c'est que ça ne l'est pas ;)




 
cest nul alors, vu que 1 tier des IE sont des ie 5.x  :ouch:

Reply

Marsh Posté le 24-10-2002 à 01:02:25    

Maxime a écrit a écrit :

ils ont aucun mérite cest tout  :o



C'est surtout qu'il y en a qui s'en foutent de programmer un moteur de news ou un forum :)

Maxime a écrit a écrit :

cest nul alors, vu que 1 tier des IE sont des ie 5.x  :ouch:



L'idéal est en fait de faire une combinaison du 1. (margin: auto) et du 2 (text-align: center) même si cette dernière solution n'est pas conforme aux normes.


---------------
Incongru : une FAQ abandonnée sur les Standards du Web - FAQ périmée de blabla@Prog
Reply

Marsh Posté le 24-10-2002 à 01:06:54    

gm_superstar a écrit a écrit :

 
C'est surtout qu'il y en a qui s'en foutent de programmer un moteur de news ou un forum :)




si cest qu'un system de news cest sur
un forum, ca cest clair et net, phpbb powa  :D  
mais pour un site entier et tout et tout, ... voilà koi  :D  
 

Citation :

L'idéal est en fait de faire une combinaison du 1. (margin: auto) et du 2 (text-align: center) même si cette dernière solution n'est pas conforme aux normes.


 
a koi ca sert de mettre "marign: auto" + "text-align: center"
puisse que text align center marche bien tout seul? :??:


Message édité par Maxime le 24-10-2002 à 01:07:33
Reply

Marsh Posté le 24-10-2002 à 01:10:24    

Maxime a écrit a écrit :

a koi ca sert de mettre "marign: auto" + "text-align: center"
puisse que text align center marche bien tout seul? :??:



Because ça marche pas avec Opera et Mozilla sinon (cf les compatibilités)


---------------
Incongru : une FAQ abandonnée sur les Standards du Web - FAQ périmée de blabla@Prog
Reply

Marsh Posté le 24-10-2002 à 01:20:56    

gm_superstar a écrit a écrit :

 
Because ça marche pas avec Opera et Mozilla sinon (cf les compatibilités)




 
snul cest problmes de comtabiliter  :o
edit : compabilité  :pt1cable:  
 
compatiblité, vais y arriver un jours  :lol:


Message édité par Maxime le 24-10-2002 à 01:21:53
Reply

Marsh Posté le    

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed