Titre: Positionnement CSS
Posté par: Siegfried le le 30-09-2003 a 15:53:58
Voila je viens de mettre mon index.php en ligne, positionné par css, me reste a faire les autres pages qui sont incluent.
Que pensez vous du code?
je n'arrive pas a centrer le tout sur le navigateur, j'ai essayer mais pas encore reussi ....
le lien: http://www.webnature.net
Ps: merci encore à Sibelius ! |
Titre: Re:Positionnement CSS
Posté par: SIBELIUS le le 30-09-2003 a 16:00:36
pour le centrage, il faut :
- que tu mettes un margin-left: auto et margin-right auto au conteneur de ton site
- que tu mettes un text-align: center au body (pour corriger un bug de IE)
http://www.alsacreations.com/articles/centrer/ |
Titre: Re:Positionnement CSS
Posté par: Siegfried le le 30-09-2003 a 16:07:09
Euh je n'ai pas de conteneur ::)
J'ai essayé ton tuto mais je n'ai pas encore reussi, en fait le header s'ecrasait au centre et le reste de bougeait pas ...
Sinon trouves tu le code correct?
Ps: me permet tu de mettre un lien vers ton site?
Et encore une chose, comment faire pour remettre des liens sur le footer (avant je le faisais avec Map)... |
Titre: Re:Positionnement CSS
Posté par: DJolhan le le 30-09-2003 a 16:54:12
hmm, question, pquoi tu nous a mis deux HEAD ?
un en XHTML et un en HTML ? |
Titre: Re:Positionnement CSS
Posté par: Siegfried le le 30-09-2003 a 17:00:22
Alors ca c'est du a l'include du sondage !
Faut que j'aille fouiner par là !
Aller au boulot ! :P |
Titre: Re:Positionnement CSS
Posté par: SIBELIUS le le 30-09-2003 a 17:04:54
Il faut que tu mettes l'ensemble du site dans un conteneur et c'est ce conteneur que tu vas pouvoir centrer.
Pour les doubles balises, attention : un fichier inclus de doit pas avoir de <head>, de <html> ou de <body>, sinon ça fait répétition dans le fichier parent |
Titre: Re:Positionnement CSS
Posté par: Siegfried le le 30-09-2003 a 17:07:25
Oui mais c'est des scripts php assez complexes qu'il faut que je modifie .... je vais le faire petit a petit.
Pour le conteneur je vais essayer !
Merci ;) |
Titre: Re:Positionnement CSS
Posté par: Siegfried le le 01-10-2003 a 09:00:59
| Voila pour le conteneur c'est bon, une petite derniere: comment fairepor placer un lien sur une image en css à la manière d'une carte .... ??? |
Titre: Re:Positionnement CSS
Posté par: SIBELIUS le le 01-10-2003 a 10:09:39
| Comme une image-map ? Aucune idée, je ne pense pas que ce soit possible simplement. |
Titre: Re:Positionnement CSS
Posté par: dominique_c le le 01-10-2003 a 10:36:26
| J'ai fais des essais, je n'y suis pas parvenu. :'( |
Titre: Re:Positionnement CSS
Posté par: Siegfried le le 01-10-2003 a 10:38:40
Faut faire comment alors?
J'ai presque fini ma page d'accueil (include) en css ... ouf!
Le problème de head est résolu :D |
Titre: Re:Positionnement CSS
Posté par: SIBELIUS le le 01-10-2003 a 10:49:43
Faut faire comment alors?
|
|
En théorie (pas testé) je ferais ça :
- ta grande image (mettons 500x500) en background dans un div
- les zones cliquables seraient des <a> en block avec dimensions (width, height) et placés dans le div les uns par rapports aux autres à l'aide de marges.
Autre solution (pas testée) :
- ta grande image (mettons 500x500) en block et en position absolue et en z-index:1
- les zones cliquables seraient des <a> en block avec dimensions (width, height) et positionnés en absolu également avec un z-index:2 |
Titre: Re:Positionnement CSS
Posté par: Siegfried le le 01-10-2003 a 11:04:49
Merci je vais essayer ;)
Ca y est j'ai fini ma page d'accueil en css!
maintenant faut refaire toute les autres ;D |
Titre: Re:Positionnement CSS
Posté par: DJolhan le le 01-10-2003 a 11:34:27
Tu as une autre solution si tu veux faire du roll over sur ton image 500x500
Tu las découpe dans les zones que tu souhaites (seul probleme, c que ce sera forcément rectangulaire ou carré)
Et ensuite, tu places chaque zone dans un Div... C'est de la bidouille, mais bon, j'ai pas vraiment touvé mieux pour faire du mapping en CSS.
doit y avoir une solution quand meme un peu plus professionelle
Et puis , a la limite, tu t'emmerde pas, tu fais du flash ;D |
Titre: Re:Positionnement CSS
Posté par: Siegfried le le 01-10-2003 a 11:44:32
Ouais pourquoi pas le flash?
Ce qui me gene c'est que je n'en ai pas du tout et si possible je n'en mettrai pas.
Je pense que je vais découper!! aller au turbin :P |
Titre: Re:Positionnement CSS
Posté par: SIBELIUS le le 01-10-2003 a 11:48:23
| Et pour rendre le Flash valide xhtml, faut bidouiller ! ;) |
Titre: Re:Positionnement CSS
Posté par: Siegfried le le 01-10-2003 a 11:51:26
Ca m'ennuie ces script, a cause d'eux je ne peux pas valider w3c ... meme en html 4.0 transitional.
|
Titre: Re:Positionnement CSS
Posté par: DJolhan le le 01-10-2003 a 14:18:15
oué, c clair qu'il faut bidouiller , hein Sibelius ;)
Parcontre, j'ai tjs pas trouvé la bidouille pour valider W3C les formulaires :-\
Et je constate que sur ton site, c le meme soucil.
erreur sur : target="_ et sur name=" dans form action du formulaire
D'ailleur, je constate aussi que tu as utiliser des TD a la forme HTML.
si tu veux, je t'envoi le dernier tuto que j'ai fait pour valider W3C XHTML Strict, des tableau.
A moin, que ce soit voulu ;) |
Titre: Re:Positionnement CSS
Posté par: Siegfried le le 01-10-2003 a 14:22:23
Ah oui je veux bien, ce n'est pas voulu ... ce n'est pas fini ;D
Mon email: webmaster@webnature.net
Euh c'etait adréssé à Sibelius je crois??? |
Titre: Re:Positionnement CSS
Posté par: SIBELIUS le le 01-10-2003 a 14:31:26
oué, c clair qu'il faut bidouiller , hein Sibelius ;)
Parcontre, j'ai tjs pas trouvé la bidouille pour valider W3C les formulaires :-\
Et je constate que sur ton site, c le meme soucil.
erreur sur : target="_ et sur name=" dans form action du formulaire
D'ailleur, je constate aussi que tu as utiliser des TD a la forme HTML.
si tu veux, je t'envoi le dernier tuto que j'ai fait pour valider W3C XHTML Strict, des tableau.
A moin, que ce soit voulu ;)
|
|
Oui cette page est spéciale en effet, et elle est la seule à ne pas être validée... mais c'est tout à fait faisable de valider des formulaires.
target et name sont dépréciés, il ne faut plus les utiliser, il faut remplacer name par id par exemple.
et pour le tableau ce n'est pas un problème non-plus : un formulaire affiche des données structurées, tabulaires, donc l'utilisation d'un tableau se justifie ici... il ne faut pas être extrêmiste non-plus ;) |
Titre: Re:Positionnement CSS
Posté par: dominique_c le le 01-10-2003 a 14:41:23
ça dépend du type de formulaire, par exemple, avec spip, le formulaire d'envoi de mail (formulaire assez simple) est réalisé sans tableau.
Mais il est vrai qu'il ne faut jamais être extrêmiste ;)
|
Titre: Re:Positionnement CSS
Posté par: Siegfried le le 01-10-2003 a 14:50:08
| Bah en tout cas je suis content, j'ai bien bossé! je me félicite ;D |
Titre: Re:Positionnement CSS
Posté par: DJolhan le le 01-10-2003 a 14:53:53
et pour le tableau ce n'est pas un problème non-plus : un formulaire affiche des données structurées, tabulaires, donc l'utilisation d'un tableau se justifie ici... il ne faut pas être extrêmiste non-plus ;)
|
|
Oui, mais, il y a moyen comme je te le disais avant de faire des tableau en CSS , donc validés ;)
Ce que je te proposais, c'est de te faire partager le tuto que j'ai écris , mais bien sur, si ca ne t'interesse pas , no soucil ;) |
Titre: Re:Positionnement CSS
Posté par: DJolhan le le 01-10-2003 a 15:24:23
Oui, effetivement, on peux rempacer name par ID.
mais le target, d'apres les sources W3C a été déprécié tout simplement, parcequ'ils estiment que ouvrir une page dans une nouvelle fenetre dérange l'utilisateur. Donc, je ne sais par quel moyen ouvrir dans une nouvelle fenetre sans passer par un javaSt. |
Titre: Re:Positionnement CSS
Posté par: SIBELIUS le le 01-10-2003 a 15:36:15
Oui, mais, il y a moyen comme je te le disais avant de faire des tableau en CSS , donc validés ;)
Ce que je te proposais, c'est de te faire partager le tuto que j'ai écris , mais bien sur, si ca ne t'interesse pas , no soucil ;)
|
|
Si ça m'intéresse, mais je ne sais pas de quel tuto tu parles, je n'étais pas au courant ;) |
Titre: Re:Positionnement CSS
Posté par: Siegfried le le 01-10-2003 a 15:36:52
Vais avoir du mal a le faire valider!
Il y a encore pas mal de fautes ... |
Titre: Re:Positionnement CSS
Posté par: Siegfried le le 02-10-2003 a 10:26:49
Je ne comprend pas pouquoi mon menu "saute" quand je passe la souris dessus??? le preload peut etre, mais je l'ai fait en javascript ... je vais me pencher dessus, si quelqu'un à la solution ... ::)
A Y EST RESOLU, ca marche maintenant avec le tuto de Sibelius encore une fois ;) |
Titre: Re:Positionnement CSS
Posté par: PM le le 03-10-2003 a 17:06:23
Si ça m'intéresse, mais je ne sais pas de quel tuto tu parles, je n'étais pas au courant ;)
|
|
Je te l'ai envoyé ;) |
Titre: Re:Positionnement CSS
Posté par: SIBELIUS le le 03-10-2003 a 17:16:47
Merci, Joko et moi on en a discuté hier et j'ai pu le découvrir : sympa.
Par contre, je n'aurai pas appelé le tuto "Comment construire un tableau avec des CSS validé XHTML 1.0 Strict", mais plutôt "Comment agrémenter visuellement les tableaux grâce aux CSS"
Car un tableau est Valide par défaut et les attributs width, border,.... ne sont pas obligatoires ;) |
Titre: Re:Positionnement CSS
Posté par: DJolhan le le 04-10-2003 a 11:50:02
oué, clairement, c'est ca ;)
désolé lol ^^ |
Forum-webmaster | Actionné par YaBB SE
© 2001-2003, YaBB SE Dev Team. Tous droits réservés.
|