Probmlème au niveau du codage de la page d'accueil

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

Résolu Probmlème au niveau du codage de la page d'accueil

Message par Miss CC le Sam 17 Aoû 2013 - 1:18

Bonjour,

alors j'ai codé en html/css ma page d'accueil et j'ai réussis à créer ce que je voulais néanmoins il me reste un petit soucis j'ai beau chercher et modifier mon css je n'arrive pas à le résoudre!

Le bas de ma PAS ce présente comme ceci:


En fait l'image de fond (le carré blanc ) des deux blocs est en réalité plus large mais je n'arrive pas à faire en sorte que les deux images de ces deux bloc soit centré et aligné (sur la même ligne / à la même hauteur),et que l'image soit complètes!

voilà le html de cette partie:
Code:
/* * * * * * * * * * BLOC INFO * * * * * * * * * */      
            
            <ul class="essentiel">
  /* * * LES PARTENAIRES * * */
               <li>
                  <div>
<p>Pour en savoir plus cliquer sur le bouton!</p>
                     <a href="http://graph-addict.forumactif.pro/f10-partenariats"><img src="http://img4.hostingpics.net/pics/863533BOUTONPARTENAIRES.png" /></a>
                     <p>ICI SE TROUVERONT LES IMAGES DE NOS PARTENAIRES</p>
                  </div>
               </li>
  /* * * FIN PARTENAIRE * * */
  /* * * LE STAFF * * */
               <li>
                  <div>
<p>Pour en savoir plus cliquer sur le bouton!</p>
                     <a href="http://graph-addict.forumactif.pro/f23-le-staff"><img src="http://img4.hostingpics.net/pics/403081BOUTONSTAFF.png"/></a>
                     <p>ICI SE TROUVERONT LES MEMBRES DU STAFF</p>
                  </div>
               </li>
  /* * * FIN LE STAFF * * */
            </ul>
         </div>
et le css:
Code:
/*-----alignement bloc-----*/
.body ul.essentiel li:first-child{
   margin:80px 0 0;
}

.body ul.essentiel li div{
   width:281px;
   height:380px;
   text-align:center;
   padding: 2px 0 20px 0;
   float:none;
   margin:0;
   background:none;
}

/*-----fond bloc-----*/
.body ul.essentiel li{
   float:left;
   background:url(http://img15.hostingpics.net/pics/896663partiepub.jpg) no-repeat -14px -10px!important;
   margin:60px 0 0 48px;
   height:400px;
   padding:0;
}

/*-----placement bouton bloc-----*/
.body ul.essentiel li div a img{
   border:0;
   margin:0 0 0 -3px;
}

.body ul.essentiel li div a img:hover{
   filter:alpha(opacity=80);
   opacity:0.8;
}

/*-----texte bloc-----*/
.body ul.essentiel li div p{
   width:258px;
   text-align:center;
   color:#202020;
   font-family: 'RokkittRegular';
   margin:17px 0 0 10px;
   line-height:20px;
   font-size:14px;
   background:none;
   padding:0;
}
Merci d'avance pour l'aide que vous pourrez m'apporter


Dernière édition par Miss CC le Mer 21 Aoû 2013 - 9:55, édité 1 fois

Miss CC
*

Messages : 48
Inscrit(e) le : 10/08/2013

http://graph-addict.forumactif.pro/
Miss CC a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Probmlème au niveau du codage de la page d'accueil

Message par Tech le Sam 17 Aoû 2013 - 12:35

Bonjour,

Merci de fournir un lien vers le forum sur lequel se trouve le problème.

Cordialement.



{ Règles Générales } { Question & Réponses Fréquentes } { Le Staff de ForumActif }

Tech
Modéractif
Modéractif

Masculin
Messages : 21130
Inscrit(e) le : 01/12/2007

http://forum.forumactif.com
Tech a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Probmlème au niveau du codage de la page d'accueil

Message par Miss CC le Sam 17 Aoû 2013 - 18:23

ha pardon voilà:
http://graph-addict.forumactif.pro/forum

mais la PA n'est pas encore en ligne, j'attend de la finir complètement!
Cordialement

Miss CC
*

Messages : 48
Inscrit(e) le : 10/08/2013

http://graph-addict.forumactif.pro/
Miss CC 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