center un calque sur une page...

center un calque sur une page... - HTML/CSS - Programmation

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.
Reply

Marsh Posté le 28-11-2002 à 12:11:00   

Reply

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...  :D


---------------
yvele n'est plus.
Reply

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


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

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..
 
 [:pudukukilucru]  -- merci!


---------------
yvele n'est plus.
Reply

Marsh Posté le 28-11-2002 à 13:17:01    

ça marche pas  :heink:  
 

Code :
  1. <div id="Layer3" style=" margin-left:auto; margin-right:auto; position:absolute; left:311px; top:174px; width:140px; height:29px; z-index:3">
  2.   <div align="center"><font size="3" face="Arial, Helvetica, sans-serif"><strong>15
  3.     novembre2002 </strong></font></div>
  4. </div>


 
 :sweat:


---------------
yvele n'est plus.
Reply

Marsh Posté le 28-11-2002 à 13:29:04    

C'est quoi qui doit être centré dans quoi ?


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

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;


---------------
yvele n'est plus.
Reply

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>


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

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é.. :heink:  
 
c vraiment dla saloperie HTML CCS XHTML JS tout ça..  :fou:  
surtout kan on viens du monde du C++  :D


---------------
yvele n'est plus.
Reply

Marsh Posté le 28-11-2002 à 13:43:51    

+1
 
pour ie pas de probleme, mais j'y arrive pas sur moz

Reply

Marsh Posté le 28-11-2002 à 13:43:51   

Reply

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  [:sinclaire]

Reply

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é.. :heink:



Parce que tu as fait n'importe quoi.

mr yvele a écrit a écrit :

c vraiment dla saloperie HTML CCS XHTML JS tout ça..  :fou:  
surtout kan on viens du monde du C++  :D



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.


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

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)


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

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)




 
:jap:

Reply

Marsh Posté le 28-11-2002 à 13:58:37    

mr yvele a écrit a écrit :

 
surtout kan on viens du monde du C++  :D  




 
pourquoi ? en C++ on t'a appris à écrire du code sale ? [:kiki]
 
je vois pas trop le rapport entre le C++ et le CSS, à part la première lettre, les accolades et les point-virgule.


---------------
mes programmes ·· les voitures dans les films ·· apprenez à écrire
Reply

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  [:sinclaire]  




 
ben justement.. alors pkoi ça marche pas?


---------------
yvele n'est plus.
Reply

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 ? [:kiki]
 
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 [:xp1700]

Reply

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 :o

Reply

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 [:spamafote]


---------------
mes programmes ·· les voitures dans les films ·· apprenez à écrire
Reply

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 ? [:kiki]
 
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  :D  
 
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..


---------------
yvele n'est plus.
Reply

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...


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

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


---------------
yvele n'est plus.
Reply

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


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

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 [:spamafote]




 
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..


---------------
yvele n'est plus.
Reply

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




---------------
yvele n'est plus.
Reply

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..  




 
:kaola:
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é

Reply

Marsh Posté le 28-11-2002 à 14:13:18    

lorill a écrit a écrit :

 
 
:kaola:
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!  :o


---------------
yvele n'est plus.
Reply

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



[:wam]
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.
Le repère de coordonnées utilisé pour le positionnement est celui du bloc conteneur positionné. J'insiste sur le mot "positionné" car c'est une erreur fréquente. Un élément est positionné lorsqu'il possède la propriété "position" et que celle-ci vaut, "relative", "absolute" ou "fixed".


 
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é*/
}


Message édité par gm_superstar le 28-11-2002 à 14:17:02

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

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!  :o  




 :sarcastic:

Reply

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!  :o



Merci de confirmer qu'il ne faut pas utiliser le HTML pour la mise en page du document (ton align="center" par exemple) :jap:


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

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) :jap:  




 
merci pour tout...
 
oui je confirme en fait...
 
je confirme aussi quil fo regarder dans ses include  :D  
oulala c bcp a gerer pour un debutant..
 
oui effectivement j'avé quelques saloperies dans mon include.. fo que j'arrange ça..


---------------
yvele n'est plus.
Reply

Marsh Posté le 28-11-2002 à 14:40:18    

lorill a écrit a écrit :

 
 :sarcastic:  




 
 [:grimlins669]


---------------
yvele n'est plus.
Reply

Marsh Posté le 29-11-2002 à 10:16:03    

gm_superstar a écrit a écrit :

 
[:wam]
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.
Le repère de coordonnées utilisé pour le positionnement est celui du bloc conteneur positionné. J'insiste sur le mot "positionné" car c'est une erreur fréquente. Un élément est positionné lorsqu'il possède la propriété "position" et que celle-ci vaut, "relative", "absolute" ou "fixed".


 
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é*/
}




 
ça marche impec...
 
avec un margin-left = à width/2
 
 [:t3xla]


---------------
yvele n'est plus.
Reply

Marsh Posté le 16-12-2002 à 16:10:05    

trop coule, ca marche aussi pour un centrage vertical !  :sol:  
 
c juste ce que je cherchais, merci le thread  :jap:  
 

Citation :

<div id="Layer1" style="position:absolute;
 width: 780px; height: 435px; left: 50%; margin-left: -390px;  
 
top: 50%; margin-top: -217px; z-index:1"><img src="../Imagenes/fond1.jpg" width="780" height="435" />


Message édité par panchopa le 16-12-2002 à 16:15:11

---------------
Apprenti néo-shreddeur fusionniste de chambre | ♫ Blind test pour zikos
Reply

Marsh Posté le 21-12-2002 à 01:37:11    

drapo :)

Reply

Marsh Posté le 21-12-2002 à 02:12:13    

:D


---------------
Le chasseur dit "J'aime la nature", comme le violeur peut dire "J'aime les femmes".
Reply

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 ???


Message édité par Profil supprimé le 21-12-2002 à 02:23:48
Reply

Marsh Posté le 21-12-2002 à 02:25:11    

j ai changé un truc, c bon ca marche
 
tin je bande sa race  :love:  :love:  :love:  
 
merci de ton aide  :jap:  :jap:  :jap:  
 

Reply

Marsh Posté le 21-12-2002 à 23:20:18    

budweiser a écrit :

j ai changé un truc, c bon ca marche
 
tin je bande sa race  :love:  :love:  :love:  
 
merci de ton aide  :jap:  :jap:  :jap:  
 
 


 
clair que ça fé bander...  :D


---------------
yvele n'est plus.
Reply

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).

Reply

Marsh Posté le    

Reply

Sujets relatifs:

Leave a Replay

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