Forum |  HardWare.fr | News | Articles | PC | S'identifier | S'inscrire | Shop Recherche
1150 connectés 

  FORUM HardWare.fr
  Programmation
  HTML/CSS

  center un calque sur une page...

 
 


 Mot :   Pseudo :  
 
 Page :   1  2
Page Suivante
Page Précédente
Bas de page 
Auteur Sujet :

center un calque sur une page...

n°256024
Mr yvele
yvele n'est plus.
Posté le 28-11-2002 à 12:11:00  profilanswer
 

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.
mood
Publicité
Posté le 28-11-2002 à 12:11:00  profilanswer
 

n°256025
Mr yvele
yvele n'est plus.
Posté le 28-11-2002 à 12:11:42  profilanswer
 

et j'espere que ça va pas partir en guerre de nouveau.. pro et anti JS...  :D


---------------
yvele n'est plus.
n°256029
gm_superst​ar
Appelez-moi Super
Posté le 28-11-2002 à 12:16:15  profilanswer
 

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
n°256056
Mr yvele
yvele n'est plus.
Posté le 28-11-2002 à 12:37:41  profilanswer
 

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.
n°256076
Mr yvele
yvele n'est plus.
Posté le 28-11-2002 à 13:17:01  profilanswer
 

ç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.
n°256088
gm_superst​ar
Appelez-moi Super
Posté le 28-11-2002 à 13:29:04  profilanswer
 

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
n°256091
Mr yvele
yvele n'est plus.
Posté le 28-11-2002 à 13:32:12  profilanswer
 

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.
n°256095
gm_superst​ar
Appelez-moi Super
Posté le 28-11-2002 à 13:39:17  profilanswer
 

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
n°256098
Mr yvele
yvele n'est plus.
Posté le 28-11-2002 à 13:43:12  profilanswer
 

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.
n°256099
HappyHarry
Posté le 28-11-2002 à 13:43:51  profilanswer
 

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

mood
Publicité
Posté le 28-11-2002 à 13:43:51  profilanswer
 

n°256101
lorill
Posté le 28-11-2002 à 13:45:29  profilanswer
 

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]

n°256103
gm_superst​ar
Appelez-moi Super
Posté le 28-11-2002 à 13:47:52  profilanswer
 

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
n°256104
gm_superst​ar
Appelez-moi Super
Posté le 28-11-2002 à 13:48:58  profilanswer
 

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
n°256107
HappyHarry
Posté le 28-11-2002 à 13:54:58  profilanswer
 

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:

n°256108
antp
Super Administrateur
Champion des excuses bidons
Posté le 28-11-2002 à 13:58:37  profilanswer
 

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
n°256109
Mr yvele
yvele n'est plus.
Posté le 28-11-2002 à 13:59:29  profilanswer
 

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.
n°256110
Profil sup​primé
Posté le 28-11-2002 à 13:59:31  answer
 

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]

n°256111
lorill
Posté le 28-11-2002 à 13:59:57  profilanswer
 

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

n°256112
antp
Super Administrateur
Champion des excuses bidons
Posté le 28-11-2002 à 14:00:39  profilanswer
 

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
n°256114
Mr yvele
yvele n'est plus.
Posté le 28-11-2002 à 14:02:10  profilanswer
 

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.
n°256117
gm_superst​ar
Appelez-moi Super
Posté le 28-11-2002 à 14:04:44  profilanswer
 

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
n°256120
Mr yvele
yvele n'est plus.
Posté le 28-11-2002 à 14:06:05  profilanswer
 

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.
n°256121
gm_superst​ar
Appelez-moi Super
Posté le 28-11-2002 à 14:07:24  profilanswer
 

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
n°256122
Mr yvele
yvele n'est plus.
Posté le 28-11-2002 à 14:07:41  profilanswer
 

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.
n°256125
Mr yvele
yvele n'est plus.
Posté le 28-11-2002 à 14:11:24  profilanswer
 

mr yvele a écrit a écrit :

 
 
Veux tu un positionnement absolu :
 
[X] Oui  (en ordonnée seulement)
[X] Non




---------------
yvele n'est plus.
n°256127
lorill
Posté le 28-11-2002 à 14:12:25  profilanswer
 

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é

n°256129
Mr yvele
yvele n'est plus.
Posté le 28-11-2002 à 14:13:18  profilanswer
 

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.
n°256131
gm_superst​ar
Appelez-moi Super
Posté le 28-11-2002 à 14:15:54  profilanswer
 

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
n°256132
lorill
Posté le 28-11-2002 à 14:16:34  profilanswer
 

mr yvele a écrit a écrit :

 
ouè mé kan tu mélanges tout, c le bordel!  :o  




 :sarcastic:

n°256133
gm_superst​ar
Appelez-moi Super
Posté le 28-11-2002 à 14:18:03  profilanswer
 

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
n°256157
Mr yvele
yvele n'est plus.
Posté le 28-11-2002 à 14:40:10  profilanswer
 

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.
n°256158
Mr yvele
yvele n'est plus.
Posté le 28-11-2002 à 14:40:18  profilanswer
 

lorill a écrit a écrit :

 
 :sarcastic:  




 
 [:grimlins669]


---------------
yvele n'est plus.
n°256794
Mr yvele
yvele n'est plus.
Posté le 29-11-2002 à 10:16:03  profilanswer
 

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.
n°270587
panchopa
le lama de Lima
Posté le 16-12-2002 à 16:10:05  profilanswer
 

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
n°274358
Profil sup​primé
Posté le 21-12-2002 à 01:37:11  answer
 

drapo :)

n°274359
Screetch
Gros neuneu amoureu transi
Posté le 21-12-2002 à 02:12:13  profilanswer
 

:D


---------------
Le chasseur dit "J'aime la nature", comme le violeur peut dire "J'aime les femmes".
n°274360
Profil sup​primé
Posté le 21-12-2002 à 02:23:18  answer
 

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
n°274361
Profil sup​primé
Posté le 21-12-2002 à 02:25:11  answer
 

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

n°274626
Mr yvele
yvele n'est plus.
Posté le 21-12-2002 à 23:20:18  profilanswer
 

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.
n°274678
Hansolo
Posté le 22-12-2002 à 08:53:54  profilanswer
 

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

mood
Publicité
Posté le   profilanswer
 

 Page :   1  2
Page Suivante
Page Précédente
Haut de page 

Aller à :
Ajouter une réponse
  FORUM HardWare.fr
  Programmation
  HTML/CSS

  center un calque sur une page...

 

Sujets relatifs
Mise en page de Code (Java)Crée des liens dans une page Excel vers un fichier
Une page dans un tableauPeut on fixer les cacactéristiques d'une page index à son ouverture ?
Où trouver Microsoft Front Page sur internet (non shareware) ?[PHP] Lancer un téléchargement sans recharger la page
Integrer une page HTML dans une autre ? [RESOLU][PHP] Source d'une page includée
Meilleure solution pour garder la configuration d'1 page ?[PHP] Récupérer les variables dans une page sur un autre server
Plus de sujets relatifs à : center un calque sur une page...

Forum MesDiscussions.Net, Version 2010.2
(c) 2000-2011 Doctissimo
Page générée en 0.095 secondes

Copyright © 1997-2022 Hardware.fr SARL (Signaler un contenu illicite / Données personnelles) / Groupe LDLC / Shop HFR