center un calque sur une page... - HTML/CSS - Programmation
Marsh Posté le 28-11-2002 à 12:11:42
et j'espere que ça va pas partir en guerre de nouveau.. pro et anti JS...
Marsh Posté le 28-11-2002 à 12:16:15
Regarde dans la FAQ. Le cas est traité pour les tableaux mais ça marche aussi pour les DIV
Marsh Posté le 28-11-2002 à 12:37:41
gm_superstar a écrit a écrit : Regarde dans la FAQ. Le cas est traité pour les tableaux mais ça marche aussi pour les DIV |
ah ouè...pardon...
j'avé pas vu..
-- merci!
Marsh Posté le 28-11-2002 à 13:17:01
ça marche pas
Code :
|
Marsh Posté le 28-11-2002 à 13:29:04
C'est quoi qui doit être centré dans quoi ?
Marsh Posté le 28-11-2002 à 13:32:12
gm_superstar a écrit a écrit : C'est quoi qui doit être centré dans quoi ? |
ben dans la page ou c affiché...
et c le calque ID qui dois etre centré.. dans la page..
PS: ça marche pas meme en virant le left:311px;
Marsh Posté le 28-11-2002 à 13:39:17
Pour les styles :
body {
text-align: center;
}
div#Layer3 {
width: 140px;
height: 29px;
margin-left: auto;
margin-right: auto;
text-align: left;
}
Le HTML :
<body>
<div id="Layer3">...</div>
...
</body>
Marsh Posté le 28-11-2002 à 13:43:12
gm_superstar a écrit a écrit : Pour les styles : body { text-align: center; } div#Layer3 { width: 140px; height: 29px; margin-left: auto; margin-right: auto; text-align: left; } Le HTML : <body> <div id="Layer3">...</div> ... </body> |
ouè donc CCS c ça? ok bah si a pas d'autres solutions..
mé je capte tjs pas pkoi ça marche pas ce que g fé..
c vraiment dla saloperie HTML CCS XHTML JS tout ça..
surtout kan on viens du monde du C++
Marsh Posté le 28-11-2002 à 13:45:29
mr yvele a écrit a écrit : ouè donc CCS c ça? ok bah si a pas d'autres solutions.. |
ben deja quand tu mets style="toto" c'est déja des CSS... donc un peu plus un peu moins
Marsh Posté le 28-11-2002 à 13:47:52
mr yvele a écrit a écrit : ouè donc CCS c ça? ok bah si a pas d'autres solutions.. |
Non. Enfin rien ne t'empêche d'écrire du HTML d'il y a 5 ans...
mr yvele a écrit a écrit : mé je capte tjs pas pkoi ça marche pas ce que g fé.. |
Parce que tu as fait n'importe quoi.
mr yvele a écrit a écrit : c vraiment dla saloperie HTML CCS XHTML JS tout ça.. surtout kan on viens du monde du C++ |
Heu... Le C++ tu l'as bien appris à un moment donné ? Ben là c'est pareil. Moi aussi à la base je fais de la programmation, et je peux te dire que tout ce qui est XHTML et CSS c'est très facile. C'est juste que tous les navigateurs ne les comprennent pas encore comme il faut.
Marsh Posté le 28-11-2002 à 13:48:58
HappyHarry a écrit a écrit : +1 pour ie pas de probleme, mais j'y arrive pas sur moz |
La solution que j'ai donnée fonctionne. Prend le temps de lire la FAQ (ainsi que la partie sur le positionnement)
Marsh Posté le 28-11-2002 à 13:54:58
gm_superstar a écrit a écrit : La solution que j'ai donnée fonctionne. Prend le temps de lire la FAQ (ainsi que la partie sur le positionnement) |
Marsh Posté le 28-11-2002 à 13:58:37
mr yvele a écrit a écrit : surtout kan on viens du monde du C++ |
pourquoi ? en C++ on t'a appris à écrire du code sale ?
je vois pas trop le rapport entre le C++ et le CSS, à part la première lettre, les accolades et les point-virgule.
Marsh Posté le 28-11-2002 à 13:59:29
lorill a écrit a écrit : ben deja quand tu mets style="toto" c'est déja des CSS... donc un peu plus un peu moins |
ben justement.. alors pkoi ça marche pas?
Marsh Posté le 28-11-2002 à 13:59:31
antp a écrit a écrit : pourquoi ? en C++ on t'a appris à écrire du code sale ? je vois pas trop le rapport entre le C++ et le CSS, à part la première lettre, les accolades et les point-virgule. |
Ah oui c sûr que vu comme ça, c'est assez "proche" comme langage
Marsh Posté le 28-11-2002 à 13:59:57
antp a écrit a écrit : je vois pas trop le rapport entre le C++ et le CSS, à part la première lettre, les accolades et les point-virgule. |
ben c'est déja beaucoup
Marsh Posté le 28-11-2002 à 14:00:39
alors sont explication disant que venant du C++ le CSS n'est pas évident tient encore moins la route
Marsh Posté le 28-11-2002 à 14:02:10
antp a écrit a écrit : pourquoi ? en C++ on t'a appris à écrire du code sale ? je vois pas trop le rapport entre le C++ et le CSS, à part la première lettre, les accolades et les point-virgule. |
ben oui justement... ça a rien a voir..
c pourça que j'ai dit ça
c tjs un peu chiant quand tu passe d'un langage a l'autre.. fo perdre ses habitudes..
bref... g lu la FAQ j'ai aussi vu les trucs sur le positionnement.. j'ai patté sur www.laltruiste.com j'aime bien ce site..
mé bon ça marché pas.. la jvé rééssayer.. on verra bien..
Marsh Posté le 28-11-2002 à 14:04:44
mr yvele a écrit a écrit : ben justement.. alors pkoi ça marche pas? |
Par ce que je vois pas en quoi le fait d'écrire :
left:311px; top:174px; width:140px; height:29px;
Peut centrer (horizontalement) un bloc dans une page...
Marsh Posté le 28-11-2002 à 14:06:05
gm_superstar a écrit a écrit : Par ce que je vois pas en quoi le fait d'écrire : left:311px; top:174px; width:140px; height:29px; Peut centrer (horizontalement) un bloc dans une page... |
g viré le left:311px, jlé précisé un peu au dessus.. (fo que j'edit mon post, je sé.. mé g la fleme)
puis jveu que le centrer horizontalement
Marsh Posté le 28-11-2002 à 14:07:24
mr yvele a écrit a écrit : g viré le left:311px, jlé précisé un peu au dessus.. (fo que j'edit mon post, je sé.. mé g la fleme) puis jveu que le centrer horizontalement |
Bon reprenons on va y aller doucement. Ca va être facile, tu n'as qu'à cocher la réponse que tu veux :
Veux tu un positionnement absolu :
[ ] Oui
[ ] Non
Marsh Posté le 28-11-2002 à 14:07:41
antp a écrit a écrit : alors sont explication disant que venant du C++ le CSS n'est pas évident tient encore moins la route |
g pas dit ça! jdis just que par rapport au C++ , les languages du net (ormis php.. ormis coté serveur koi) ben c un peu le bronx..
jdit pas que en soi c compliké, mé c le bordel, c tout..
Marsh Posté le 28-11-2002 à 14:11:24
mr yvele a écrit a écrit : Veux tu un positionnement absolu : [X] Oui (en ordonnée seulement) [X] Non |
Marsh Posté le 28-11-2002 à 14:12:25
mr yvele a écrit a écrit : g pas dit ça! jdis just que par rapport au C++ , les languages du net (ormis php.. ormis coté serveur koi) ben c un peu le bronx.. jdit pas que en soi c compliké, mé c le bordel, c tout.. |
javascript ca s'apprends, y'a des docs, et c'est normalisé
css ca s'apprends, y'a des docs et c'est normalisé
(x)html ca s'apprends, y'a des docs et c'est normalisé
Marsh Posté le 28-11-2002 à 14:13:18
lorill a écrit a écrit : javascript ca s'apprends, y'a des docs, et c'est normalisé css ca s'apprends, y'a des docs et c'est normalisé (x)html ca s'apprends, y'a des docs et c'est normalisé |
ouè mé kan tu mélanges tout, c le bordel!
Marsh Posté le 28-11-2002 à 14:15:54
mr yvele a écrit a écrit : Veux tu un positionnement absolu : [X] Oui (en abcisse seulement) [X] Non |
Non, non, le positionnement il est absolu les pour les 2 sens de coordonnées, mais c'est pas grave.
Juste pour rappel, un copier/coller de la FAQ sur le positionnement absolu :
Citation : Le positionnement absolu permet de placer précisément, au pixel près, n'importe quel élément dans le document. Comme avec le positionnement relatif, on utilise "top", "bottom", "left" et "right" pour placer l'élément. |
Donc à partir de là si tu veux centrer horizontalement ton bloc tu peux faire comme ça (solution donnée dans la FAQ aussi)
div#Layer3 {
position: absolute;
width: 140px;
height: 29px;
left: 50%; /*ceci met le bord gauche du bloc au centre le page, mais ça ne centre pas le bloc*/
margin-left: -70px; /*width/2 ça permet de décaler le bloc vers la gauche de manière à ce qu'il soit centré*/
}
Marsh Posté le 28-11-2002 à 14:16:34
mr yvele a écrit a écrit : ouè mé kan tu mélanges tout, c le bordel! |
Marsh Posté le 28-11-2002 à 14:18:03
mr yvele a écrit a écrit : ouè mé kan tu mélanges tout, c le bordel! |
Merci de confirmer qu'il ne faut pas utiliser le HTML pour la mise en page du document (ton align="center" par exemple)
Marsh Posté le 28-11-2002 à 14:40:10
gm_superstar a écrit a écrit : Merci de confirmer qu'il ne faut pas utiliser le HTML pour la mise en page du document (ton align="center" par exemple) |
merci pour tout...
oui je confirme en fait...
je confirme aussi quil fo regarder dans ses include
oulala c bcp a gerer pour un debutant..
oui effectivement j'avé quelques saloperies dans mon include.. fo que j'arrange ça..
Marsh Posté le 28-11-2002 à 14:40:18
lorill a écrit a écrit : |
Marsh Posté le 29-11-2002 à 10:16:03
gm_superstar a écrit a écrit : Non, non, le positionnement il est absolu les pour les 2 sens de coordonnées, mais c'est pas grave. Juste pour rappel, un copier/coller de la FAQ sur le positionnement absolu :
|
ça marche impec...
avec un margin-left = à width/2
Marsh Posté le 16-12-2002 à 16:10:05
trop coule, ca marche aussi pour un centrage vertical !
c juste ce que je cherchais, merci le thread
Citation : <div id="Layer1" style="position:absolute; |
Marsh Posté le 21-12-2002 à 02:12:13
Marsh Posté le 21-12-2002 à 02:23:18
t es toujours la ?
putain je pige pas
j essaye ca
<div id="mainlayer" style="position:absolute; width:760px; height:20px; z-index:6; left: 50%; margin-left: -380px; top: 100px; visibility: visible;">
et mon cadre n est pas cadré horizontalement.
comment tu l expliques ???
Marsh Posté le 21-12-2002 à 02:25:11
j ai changé un truc, c bon ca marche
tin je bande sa race
merci de ton aide
Marsh Posté le 21-12-2002 à 23:20:18
budweiser a écrit : j ai changé un truc, c bon ca marche |
clair que ça fé bander...
Marsh Posté le 22-12-2002 à 08:53:54
Théoriquement, ça aurait dû marcher aussi avec ça :
div#Layer3 {
margin: 0px auto; /* 0px H/B, centrage G/D */
width: 140px; /* il faut asbolument une taille pour le centrage */
}
Avec ça je centre une boîte au milieu de la page (marche avec IE et Mozilla).
Marsh Posté le 28-11-2002 à 12:11:00
Yeah c tjs moi...
Ben la, j'aimerai centrer un calque en ID tag par rapport a la fenetre..
c'est a dire : meme si je retreci la fenetre, ben mon calque reste au milieu.. comment on fé?
g deja regardé sur www.altruiste.com... mé je trouve pas de propriété fesant ça..
PS: g désactivé les smileys pour voir ce que ça fé :D (<--- ha ha ha)
---------------
yvele n'est plus.