Annonce

  •  » Utilisation
  •  » [Résolu] Centrage image dans page d'accueil

#1 2011-12-18 19:33:10

Dominic
Membre
2011-12-05
11

[Résolu] Centrage image dans page d'accueil

Bonjour,

Le sujet à peut-être déjà été traité mais je n'ai pas trouvé le fil.
J'utilise le plugin "additional pages" pour avoir une page d'accueil avec une image. Pas de souci pour la mise en pratique, seul bémol, je n'arrive pas à centrer l'image par rapport à l'écran et au titre qui lui est centré.
Quelqu'un peut il m'aider ?

Voilà le code utilisé :

<style type="text/css">
#menubar {display:none !important;}
.titrePage {display:none}

.myHomePage_photo {text-align: center; margin:50px 0 20px 0}
.myHomePage_photo a img {border-width:1px; border-style:solid;}
.myHomePage_links {letter-spacing:2px; text-align:center; margin-bottom:0; font-weight:bold;}
.myHomePage_name {margin-top:40px; letter-spacing:3px; text-align:center;}
</style>

<div id="myHomePage">
  <div class="myHomePage_photo">
    <a href="index.php?/categories"><img src="http://xxx.free.fr/galleries/accueil/Accueil.jpg"></a>
  </div>

  <div class="myHomePage_links">
    <a href="index.php?/categories">Albums</a> - <a href="index.php?/contact">Contact</a>
  </div>

  <div class="myHomePage_name">
    by Dominique · Galerie Studio Sépia - Le temps d'un regard  </div>
</div>



Merci d'avance
Dominic

Hors ligne

#2 2011-12-18 19:37:19

ddtddt
Équipe Piwigo
Quetigny (21) - France
2007-07-27
16781

Re: [Résolu] Centrage image dans page d'accueil

Quel theme tu utilise ?

il faut utiliser un truc du genre

.content {
margin: 20px 50px 0 !important;
}


Vous aimez Piwigo alors n'hésitez pas à participer avec nous, plus d'infos sur la page "Contribuer à Piwigo". Si vous n'avez pas beaucoup de temps et que vous souhaitez nous soutenir vous pouvez aussi le faire par un don.

Hors ligne

#3 2011-12-18 19:43:42

Dominic
Membre
2011-12-05
11

Re: [Résolu] Centrage image dans page d'accueil

J'utilise le thème "Pure_grey_plastic"
Merci d'avance
Dominic

Hors ligne

#4 2011-12-18 19:45:18

ddtddt
Équipe Piwigo
Quetigny (21) - France
2007-07-27
16781

Re: [Résolu] Centrage image dans page d'accueil

As tu essayé le code que je t'ai donné ?


Vous aimez Piwigo alors n'hésitez pas à participer avec nous, plus d'infos sur la page "Contribuer à Piwigo". Si vous n'avez pas beaucoup de temps et que vous souhaitez nous soutenir vous pouvez aussi le faire par un don.

Hors ligne

#5 2011-12-18 20:21:54

Dominic
Membre
2011-12-05
11

Re: [Résolu] Centrage image dans page d'accueil

Oui c'est parfait !
Merci beaucoup ddtddt

Dominic

Hors ligne

#6 2018-02-21 18:29:13

Erdna
Membre
2015-09-16
23

Re: [Résolu] Centrage image dans page d'accueil

Bonjour,Je déterre ce topic, car j'ai le même souci... La photo que j'affiche ne se centre pas par rapport au texte.
J'ai bien lu la réponse de ddtddt, mais je ne sais pas où intégrer son code.
J'utilise le thème Dark et voici le code de la page:

<style type="text/css">
#menubar {display:none !important;}
.titrePage {display:none}
.content {max-width:900px; margin:0 auto 10px auto !important;}
.Online {display:none;}
.content_block {max-width:none;}

.myHomePage_photo {text-align: center; margin:50px 0 20px 0;}
.myHomePage_photo a img {border-width:2px; border-style:solid; border-color:#666;}
.myHomePage_links {letter-spacing:2px; text-align:center; margin-bottom:0; font-weight:bold;}
.myHomePage_name {margin-top:30px; letter-spacing:2px; text-align:center;}
</style>

<div id="myHomePage">
  <div class="myHomePage_photo">
    <a href="index.php?/categories"><img src="http://images.rivgame.com/_data/i/upload/2015/10/22/20151022113706-78ed6009-me.jpg"[photo id=4724 size=L link=no]</a>
  </div>



  <div class="myHomePage_links">
    <a href="index.php?/categories">Connexion</a> ● <a href="index.php?/contact">Inscription</a>
  </div>

  <div class="myHomePage_name">
    par Sylvaine & André
  </div>
</div>

Inutile de vous préciser que je suis nul de chez nul... Je vous donne l'adresse du site : images.rivgame.com
Merci à ce forum pour les renseignements trouvés.

Hors ligne

#7 2018-02-21 20:53:41

ddtddt
Équipe Piwigo
Quetigny (21) - France
2007-07-27
16781

Re: [Résolu] Centrage image dans page d'accueil

Bonjour,

Avant
</style>


Vous aimez Piwigo alors n'hésitez pas à participer avec nous, plus d'infos sur la page "Contribuer à Piwigo". Si vous n'avez pas beaucoup de temps et que vous souhaitez nous soutenir vous pouvez aussi le faire par un don.

Hors ligne

#8 2018-02-22 10:43:18

Erdna
Membre
2015-09-16
23

Re: [Résolu] Centrage image dans page d'accueil

Salut ddtddt, et merci pour la réponse rapide.
J'ai bien fait tout ce que tu m'as dit (écrit), mais ça ne résoud pas mon problème :-( . Mon image se cale tout à gauche... Et je ne sais pas pourquoi j'ai un fond gris sous l'image, et plus court que l'image...

Hors ligne

#9 2018-02-22 11:39:04

Erdna
Membre
2015-09-16
23

Re: [Résolu] Centrage image dans page d'accueil

Re-Salut,

Je viens de trouver une solution en réduisant la taille de l'image (de L à M), et la présentation me convient mieux...
Merci encore pour les réponses
Bonne journée à tous.

Hors ligne

#10 2019-12-02 13:25:41

Bernard philippe
Invité

Re: [Résolu] Centrage image dans page d'accueil

Bonjour à tous
Je déterre à nouveau ce topic, car j'ai le même souci... La photo que j'affiche ne se centre pas par rapport au texte.J'utilise le thème Luciano Amodio
voici le code de la page:
<style type="text/css">
#menubar {display:none !important;}
.titrePage {display:none}
.content {
margin: 20px 50px 0 !important;
}
.Online {display:none;}
.content_block {max-width:none;}

.myHomePage_photo {text-align: center; margin:50px 0 20px 0;}
.myHomePage_photo a img {border-width:2px; border-style:solid; border-color:#666;}
.myHomePage_links {letter-spacing:2px; text-align:center; margin-bottom:0; font-weight:bold;}
.myHomePage_name {margin-top:30px; letter-spacing:2px; text-align:center;}
</style>

<div id="myHomePage">
  <div class="myHomePage_photo">
    <a href="index.php?/categories">[photo id=254 size=L link=no]</a>
  </div>

  <div class="myHomePage_links">
    <a href="index.php?/categories">Albums</a> ● <a href="index.php?/contact">Contact</a>
  </div>

  <div class="myHomePage_name">
                     Par Philippe BERNARD :
                         Bonne visite
  </div>
</div>
Comme pour les demandes précédentes  Inutile de vous préciser que je suis nul de chez nul...
l'adresse du site : https://philippe-bernard.piwigo.com/
Merci pour votre aide , et à ce forum pour les renseignements trouvés.

#11 2019-12-02 15:40:09

dreamer
Membre
St Cyr/mer (83)
2006-02-26
1045

Re: [Résolu] Centrage image dans page d'accueil

Salut

Tu devrais faire ton propre topic plutôt que te greffer sur un sujet résolu, sinon

plugins --> LocalFiles Editor --> css

Code:

#theHeader h1, #theHeader p {text-align: center;}

Ton texte sera centré !!


beauxvoyages.fr/photos Photos, beauxvoyages.fr/jukebox Musiques,  beauxvoyages.fr/camping camping-car  et le tout nouveau https://beauxvoyages.fr/video Vidéos le tout en 14.2.0

Hors ligne

#12 2019-12-02 16:29:18

philippe Bernard
Invité

Re: [Résolu] Centrage image dans page d'accueil

Merci dreamer ta réponse rapide et tes conseils   c'est la première fois que j'utilise le forum pour poser une question  j'ai donc editer local file editor et rentré le code #theHeader h1, #theHeader p {text-align: center;} dans la fenêtre prévu mais cela ne change rien texte inscrit dans un rectangle gris ! pourquoi ? et  collé à gauche de l'image je suis total néophyte et je me sens bien nul !

#13 2019-12-02 20:59:11

ddtddt
Équipe Piwigo
Quetigny (21) - France
2007-07-27
16781

Re: [Résolu] Centrage image dans page d'accueil

Bonjour philippe Bernard

en fait ton code est bon cependant le "contener et plus petit" donc cela ne centre pas dedans car il n'y a pas la place

donc soit tu met une photo plus petite, soit tu agrandie le contener en gris


Vous aimez Piwigo alors n'hésitez pas à participer avec nous, plus d'infos sur la page "Contribuer à Piwigo". Si vous n'avez pas beaucoup de temps et que vous souhaitez nous soutenir vous pouvez aussi le faire par un don.

Hors ligne

#14 2019-12-03 08:10:50

philippe Bernard
Invité

Re: [Résolu] Centrage image dans page d'accueil

bonjour ddtddt
j'ai finalement changer le thème, avec élégant maintenant  tout est rentré dans l'ordre,et cela me convient merci beaucoup pour ton aide

  •  » Utilisation
  •  » [Résolu] Centrage image dans page d'accueil

Pied de page des forums

Propulsé par FluxBB

github twitter newsletter Faire un don Piwigo.org © 2002-2024 · Contact