ProblÃ¨me en CSS(et js maintenant dsl )

de **rere.49** le 17 Oct 2008, 22:48

Bonjour à tous :$:

,
Aujourd'hui je crée se sujet pour demander votre aide du côté DEsign ;-D

!!
En faite j'ai télécharger un des kits designs qui avait était retenue pour le concours :bravo:

, et je les prix pour mon site, mais le truc c'est que je voulais ajouté un compteur de visiteur (service de MSG) sur le site !
Jui pas la pour faire de la pubs pour mon site mais je vous le passe pour que vous puissiez voir directement comment est le résultat actuelle !!
http://cschevrollier.servhome.org/
Donc comme vous pouvez le voir le compteur est automatiquement a gauche du site :-o

, alors que je veut le centrer :non:

, et du passage je voudrer aussi centrer le texte sur "tout droit réservé+le nom du gars qui a fait le design" au centre aussi !
Voici le code a partir des deux :

<p id="footer">CsChevrollier - <a href="#" title="Un theme pour un concour :x ">Tous droits réservés</a> - Design: EnimSay</p>
</div>
</div>

<div>
<script src="http://www.monsitegratuit.com/services/compteur_site_web/compteur_page.php?client=10178&logo=29&nb0=0"></script><a href='http://www.monsitegratuit.com/'><img src="http://www.monsitegratuit.com/site.gif" alt="Mon Site Gratuit : Compteur de visiteurs" border="0"></a>
</div>

Donc comment faire pour centrer tous ces éléments svp ;-)

!

Merci de votre compréhension

Cordialement Rere.49

de **zardoz** le 18 Oct 2008, 03:32

Le document est en (*.php) j'ai donc placer les balises <?php ?> comme indication seulement.
Simpliste : Le style CSS : la classe .centrer devra être ajuster :
Place l'élément <p align='center'></p> en premier celui-ci te donnera une position juste pour ajuster ton
<div class='centrer'>Ton objet compteur MSG</div>.
Tu devras jouer avec la valeur : .centrer { margin-left:540px; } 540px ou ajustement selon tes besoins.

Code: Tout sélectionner: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Centrer un div</title> <style type='text/css'> .centrer { margin-left:540px; } </style> </head> <body> <? php ?> <div class='centrer'>mon objet compteur msg</div> <p align='center'>Tous droits réservés : Design : EnimSay</p> </body> </html>

Le résultat en miniature :

css0.jpg

Je l'ai fait rapidement et simplement mais c'est pour t'aider.

++ ;-)

de **boulledogue** le 18 Oct 2008, 08:19

Oui Zardoz a raison ca fonctionne comme il dit :)

de **jeromecold** le 18 Oct 2008, 10:32

Code: Tout sélectionner
.centrer { margin-left:540px; }

C'est une bonne idée mais le problème c'est que sa centre pas vraiment, sa impose 540 pixels à gauche, c'est tout.
Je mettrais plutot:

Code: Tout sélectionner: .centrer { text-align:center; }

ou

Code: Tout sélectionner: .centrer { margin:auto; }

de **rere.49** le 18 Oct 2008, 12:22

Déjà bonjour a tous :$:

,
Bon bah un GRANNNDD merci a vous :-D

!! Vraiment sa marche bien maintenant, donc j'ai plus cas remettre sa sur le FTP

!!
Bon comme vous m'avez l'air de bien vous y connaitre :bravo:

, je voudrai aussi ajouté une petite demande si vous le voulez bine s'il vous plaît :clown:

,
alors si très simple c'est juste au niveau du menu en javascript

, c'est que il y a quelque lien qui sont déjà mise e, place mais le problème est que quand on clique dessus bah il y a une fenêtre qui s'ouvre pour nous dire "l'adresse du lien" ;-(

, vous avez cas tester sur le menus et l'image du forum par exemple ou pour Maps ou partenaire

(il y a que cela qui marche pour l'instant

) et vous verrez pas vous même :-/

!
Donc encore un grand merci et c'est très sympa de votre par pour votre compréhension

Cordialement Rere.49

de **jeromecold** le 18 Oct 2008, 12:26

Reagrde dans ton menu, sur les liens (les balises <a href=...) s'il n'y a pas un target=... et si c'est le cas, supprime-le, sa devrait régler ce problème (fait une sauvegarde avant quand même, hein!).

de **rere.49** le 18 Oct 2008, 12:34

Euh bah noon il n'y a pas de "target=" :-(

, il y a juste (niveau des lien):

Code: Tout sélectionner: <ul> <li class="landscapes"><a href="#">Landscapes</a></li> <li class="people"><a href="#">People</a></li> <li class="nature"><a href="http://www.cschevrollier.xooit.fr/">Nature</a></li> <li class="urban"><a href="#">Urban</a></li> <li class="TmTcey"><a href="#">TmTcey</a></li> <li class="Pika"><a href="#">Pika</a></li> <li class="Linouxi"><a href="#">Linouxi</a></li> <li class="Mafioso"><a href="#">Mafioso</a></li> <li class="sisi"><a href="#">sisi</a></li> <li class="yesss"><a href="#">yesss</a></li> <li class="abstract"><a href="#">Abstract</a></li> </ul>

Voila c'est se qu'il y a avec une autre page mais la c'est du CSS pour les images du menus :'( !

de **jeromecold** le 18 Oct 2008, 12:38

C'est vraiment bizarre o_O !

de **zardoz** le 18 Oct 2008, 15:22

jeromecold a écrit:
Code: Tout sélectionner
.centrer { margin-left:540px; }

C'est une bonne idée mais le problème c'est que sa centre pas vraiment, sa impose 540 pixels à gauche, c'est tout.
Je mettrais plutot:
Code: Tout sélectionner
.centrer { text-align:center; }

ou
Code: Tout sélectionner
.centrer { margin:auto; }

Tu n'a pas tort jeromecold mais comme il s'agit d'un objet et non un texte eh bien j'ai choisi le centrage manuelle.
On ne peut pas centrer un objet dans le div avec text-align. d'ailleur c'est le div qui est positionner et son contenu et non l'objet dans le div.
on peut dire : .position { margin-left:valeur; }, c'est primitif je sais : mais c'est une façon de faire parmis d'autres solutions.
des façons plus pointus demandrons du javaScript. ;-)

++

de **rere.49** le 19 Oct 2008, 00:39

Alors personne si connait pour le JavaScript :-/

???

zardoz a écrit:
jeromecold a écrit:
Code: Tout sélectionner
.centrer { margin-left:540px; }

C'est une bonne idée mais le problème c'est que sa centre pas vraiment, sa impose 540 pixels à gauche, c'est tout.
Je mettrais plutot:
Code: Tout sélectionner
.centrer { text-align:center; }

ou
Code: Tout sélectionner
.centrer { margin:auto; }

Tu n'a pas tort jeromecold mais comme il s'agit d'un objet et non un texte eh bien j'ai choisi le centrage manuelle.
On ne peut pas centrer un objet dans le div avec text-align. d'ailleur c'est le div qui est positionner et son contenu et non l'objet dans le div.
on peut dire : .position { margin-left:valeur; }, c'est primitif je sais : mais c'est une façon de faire parmis d'autres solutions.
des façons plus pointus demandrons du javaScript.

++

J'ai pas compris se que tu voulais dire par la :non:

!! Dsl !! enfin j'ai bine compris pour le CSS mais pas pour se qu'il y a après.

de **jeromecold** le 19 Oct 2008, 08:44

Il disait que pour centrer un objet, c'est pas mal de le faire manuellement (mais perso, je pense toujours que c'est une très mauvaise idée).
Et non, perso, je n'y connais pas grand chose en js donc je peux pas trop t'aider... Sorry.