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

2 participants

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 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:
Probmlème au niveau du codage de la page d'accueil Tyuis10

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
avatar

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 Sam 17 Aoû 2013 - 12:35

Bonjour,

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

Cordialement.
Tech

Tech
Membre actif

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

https://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 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
avatar

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

- Sujets similaires

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