Centrer une image de fond de texte

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu Centrer une image de fond de texte

Message par Apek le Jeu 22 Jan 2015 - 0:49

Détails techniques


Version du forum : phpBB2
Poste occupé : Administrateur
Navigateur(s) concerné(s) : Mozilla Firefox, Google Chrome, Internet Explorer, Opera, Safari
Capture d'écran du problème :
Voir l'image:

Personnes concernées par le problème : Tous les utilisateurs
Lien du forum : (lien masqué, vous devez poster pour le voir)

Description du problème

Bonjour,

J'ai un texte avec une image en fond pour mes forums. Le soucis c'est qu'il m'est impossible de centrer l'image, le texte bouge, mais l'image reste coller sur le coter gauche.

Voici le code :

Code:
<div style="position:absolute;float:left;z-index:0;">
                         <img alt="articles" src="http://image.noelshack.com/fichiers/2015/04/1421880374-recrutement.png" style="width: 593px; height: 186px;" />                 
</div>
                                     
<div style="position:relative;float:center;z-index:10;">
                                                                                
   <table border="0" cellspacing="1" cellpadding="10" style="width: 568px;">
                                                 
      <tbody>
         <tr>
                                                       
            <td>
                                                          
               <div position="top" align="center">
                                        <strong><span style="color: #ffffff;"><span style="font-size: auto;"><span style="font-family: Comfortaa;text-shadow:  1px 1px 1px #000000;">  <br />WE NEED YOU !<br /><br />Mais pas pour le moment, le depot de candidature est clos, Non ! ne jette même pas un œil a l’intérieur! Allez OUST !<br /><br /><br /><br /><br /><br /></span></span></span></strong>                     
               </div>
                                                          
            </td>
                                                       
         </tr>
                                                    
         <tr>
                                                       
         </tr>
                                                    
      </tbody>
   </table>
</div>

Merci


Dernière édition par Apek le Sam 31 Jan 2015 - 19:05, édité 1 fois

Apek
***

Masculin
Messages : 145
Inscrit(e) le : 15/07/2009

http://wingberryfilms.forumsactifs.com/index.htm
Apek a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Centrer une image de fond de texte

Message par R-max le Jeu 22 Jan 2015 - 1:24

bonsoir
sauvegardé votre code et remplacer le par celui -ci faite un essais !!!
Code:
<div style="position:absolute;float:left;z-index:0;">
                        <div align="center"><img alt="articles" src="http://image.noelshack.com/fichiers/2015/04/1421880374-recrutement.png" style="width: 593px; height: 186px;" />               
</div>
                                   
<div style="position:relative;float:center;z-index:10;">
                                                                               
  <table border="0" cellspacing="1" cellpadding="10" style="width: 568px;">
                                               
      <tbody>
        <tr>
                                                     
            <td>
                                                         
              <div position="top" align="center">
                                        <strong><span style="color: #ffffff;"><span style="font-size: auto;"><span style="font-family: Comfortaa;text-shadow:  1px 1px 1px #000000;">  <br />WE NEED YOU !<br /><br />Mais pas pour le moment, le depot de candidature est clos, Non ! ne jette même pas un œil a l’intérieur! Allez OUST !<br /><br /><br /><br /><br /><br /></span></span></span></strong>                   
              </div>
                                                         
            </td>
                                                     
        </tr>
                                                   
        <tr>
                                                     
        </tr>
                                                   
      </tbody>
  </table>
</div>

R-max
# Tropactif #

Masculin
Messages : 1516
Inscrit(e) le : 08/01/2015

http://graphcode.forumactif.org/
R-max a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Centrer une image de fond de texte

Message par Apek le Jeu 22 Jan 2015 - 1:40

Aie ça a tout décalé :/


Apek
***

Masculin
Messages : 145
Inscrit(e) le : 15/07/2009

http://wingberryfilms.forumsactifs.com/index.htm
Apek a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Centrer une image de fond de texte

Message par R-max le Jeu 22 Jan 2015 - 1:50

enleve le
Code:
<div align="center">
juste avant ton lien de l'image ,c'est ce que j'avait rajouté
mais bon ça ne marche pas !!!

R-max
# Tropactif #

Masculin
Messages : 1516
Inscrit(e) le : 08/01/2015

http://graphcode.forumactif.org/
R-max a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Centrer une image de fond de texte

Message par R-max le Jeu 22 Jan 2015 - 1:58

en phpbb2 vous passé aussi par le
> PA
>catégorie et forum
>pour affiché vos images !! dans le sous forum
ou vous passé par un script ou templete .

chez moi ça fonctionne
spoiler:


R-max
# Tropactif #

Masculin
Messages : 1516
Inscrit(e) le : 08/01/2015

http://graphcode.forumactif.org/
R-max a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Centrer une image de fond de texte

Message par Apek le Jeu 22 Jan 2015 - 2:09

Non je passe bien par la description du sous forum

Apek
***

Masculin
Messages : 145
Inscrit(e) le : 15/07/2009

http://wingberryfilms.forumsactifs.com/index.htm
Apek a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Centrer une image de fond de texte

Message par R-max le Jeu 22 Jan 2015 - 2:18

ok en passant par la il suffit pour ma par de mettre
Code:
 [center]lien de l'image [/center]
et l'image et centré ...
Spoiler:
mais votre texte et incorporer a l'image ou il séparer de l'image !!

R-max
# Tropactif #

Masculin
Messages : 1516
Inscrit(e) le : 08/01/2015

http://graphcode.forumactif.org/
R-max a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Centrer une image de fond de texte

Message par Apek le Jeu 22 Jan 2015 - 2:35

Etrange toujours rien

Apek
***

Masculin
Messages : 145
Inscrit(e) le : 15/07/2009

http://wingberryfilms.forumsactifs.com/index.htm
Apek a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Centrer une image de fond de texte

Message par Apek le Ven 23 Jan 2015 - 2:10

up

Apek
***

Masculin
Messages : 145
Inscrit(e) le : 15/07/2009

http://wingberryfilms.forumsactifs.com/index.htm
Apek a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Centrer une image de fond de texte

Message par R-max le Ven 23 Jan 2015 - 17:33

bonjour j'ai étudier ton tableau
voici un exemple avec ton image sur mon forum
Spoiler:
j'ai du changé les dimensions de l'image et du tableau ,sinon elle était trop large pour mon forum

je te remet le code avec tes dimension
a mettre en place en mode inserer un tableau sur l'éditeur .
Code:
<div align="center">
                   /*pour centré  ton image utilisé le ( % ) ici j'ai mis (17 )pour mon forum*/                       
   <div style="position:absolute;left:17%;z-index:0;">
                                                    <img style="width: 590px; height: 186px;" src="http://image.noelshack.com/fichiers/2015/04/1421880374-recrutement.png" alt="articles" />                                     
   </div>
                                                                                  
   <div style="position:relative;float:center;z-index:10;">
                                                                                                                                     
      <table style="width: 590px;" cellpadding="10" cellspacing="1" border="0">
                                                                                                                        
         <tbody>
            <tr>
                                                                                                                              
               <td>
                                                                                                                                       
                  <div align="center" position="top">
                                                                                   <strong><span style="color: #ffffff;"><span style="font-size: auto;"><span style="font-family: Comfortaa;text-shadow:  1px 1px 1px #000000;">  <br />WE NEED YOU !<br /><br />Mais pas pour le moment, le depot de candidature est clos, Non ! ne jette même pas un œil a l’intérieur! Allez OUST !<br /><br /><br /><br /><br /><br /></span></span></span></strong>                                                         
                  </div>
                                                                                                                                   
               </td>
                                                                                                                          
            </tr>
                                                                                                                     
            <tr>
                                                                                                                          
            </tr>
                                                                                                                       
         </tbody>
      </table>
                                               
   </div>
</div>

je tes légèrement modifier tes width , ( il n'avait pas la meme valeur ) l'image et le cadran ecriture

voila tu peut faire un essais , n'oublie pas de faire une sauvegarde
tien moi au courent du résulta !!

R-max
# Tropactif #

Masculin
Messages : 1516
Inscrit(e) le : 08/01/2015

http://graphcode.forumactif.org/
R-max a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Centrer une image de fond de texte

Message par Apek le Sam 24 Jan 2015 - 2:46

Merci ca marche, le seul soucis c'est que c'est aligné sur ma résolution d’écran. Si je prend mon portable le texte est l'images seront tout deux decalées

Apek
***

Masculin
Messages : 145
Inscrit(e) le : 15/07/2009

http://wingberryfilms.forumsactifs.com/index.htm
Apek a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Centrer une image de fond de texte

Message par R-max le Sam 24 Jan 2015 - 21:40

bonsoir
tu a fait un essais sur ton portable !!!
la par exemple elle se place a 17% de 1000px
et sur un portable elle se place a 17% de 250px
avec le mode de fixation en % elle s'adaptera , pas sur a 100 % , faut faire un essais
bon courage

R-max
# Tropactif #

Masculin
Messages : 1516
Inscrit(e) le : 08/01/2015

http://graphcode.forumactif.org/
R-max a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Centrer une image de fond de texte

Message par Apek le Sam 31 Jan 2015 - 19:04

J'ai pas réussi donc j'ai trouver une autre solution et je m'adapte ^^ Tant pis.

Merci tout de meme pour l'aide Wink

résolu

Apek
***

Masculin
Messages : 145
Inscrit(e) le : 15/07/2009

http://wingberryfilms.forumsactifs.com/index.htm
Apek a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum