Problème page d'accueil

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

Résolu Problème page d'accueil

Message par Cramby' le Sam 30 Mar 2013 - 14:47

Bonjour tout le monde, j'ai une fois de plus, besoin de votre aide ! ^^

Voila la page d'accueil que je voudrais :


J'ai réussi à faire les cadres et tout, il me faudrait juste un peu d'aide pour ceux du milieu, que les cadres de la ligne deux ce séparent pour laisser passer les cadres n°2 des lignes 1 et 3 :


Le codage:
Code:
<table><tr><td align="left"> <div class="petitcadre"> <div class="crédits"> Bla bla</div> </div> </td>

<td align="left"><div class="petitcadre2"><center> Bla bla </center></div> </td>

<td align="left"> <div class="petitcadre"> Bla bla</div>  </td></tr></table>

<table><tr><td align="left"> <div class="petitcadre"> <div class="crédits"> Bla bla </div>



<td align="left"> <div class="petitcadre"> Bla bla</div>  </td></tr></table>

<table><tr><td align="left"> <div class="petitcadre"> <div class="crédits"> Bla bla </div>


</div> </td><td align="left"><div class="petitcadre2"><center> Bla bla bla</center></div> </td>

<td align="left"> <div class="petitcadre"> Bla bla</div>  </td></tr></table>

Css:
Code:
.petitcadre2 {
  background-color: #FDFEF5;
  border: 1px solid #E1C392;
  height:250px;
  width: 300px;
  overflow: auto;
}
.petitcadre {
  background-color: #FDFEF5;
  border: 1px solid #E1C392;
  height:100px;
  width: 220px;
  overflow: auto;
}

Je ne sais pas si tout ça était clair, en tout cas merci de votre aide ! :3


Dernière édition par Cramby' le Mar 2 Avr 2013 - 18:24, édité 1 fois

Cramby'
****

Féminin
Messages : 279
Inscrit(e) le : 27/06/2012

http://amesvagabondes.forumactif.org
Cramby' a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème page d'accueil

Message par Scipion le Sam 30 Mar 2013 - 15:39

Bonjour

Faites un test sur les modifications suivantes effectuées sur la base de votre schéma :

CSS :

Code:
.petitcadre2 {
  background-color: #FDFEF5;
  border: 1px solid #E1C392;
  height:120px;
  width: 300px;
  overflow: auto;
}
.petitcadre {
  background-color: #FDFEF5;
  border: 1px solid #E1C392;
  height:100px;
  width: 220px;
  overflow: auto;
}
Codage :

Code:
<table><tr><td align="left"> <div class="petitcadre"> <div class="crédits">bla bla</div></td>
 
<td align="left"><div class="petitcadre2"><center>bla bla</center></div> </td>
 
<td align="left"> <div class="petitcadre">bla bla</div></div>  </td></tr></table>
 
<table><tr><td align="left"> <div class="petitcadre"> <div class="crédits">bla bla</div></td>
 
<td align="left"><div class="petitcadre2"><center>bla bla</center></div> </td>
 
<td align="left"> <div class="petitcadre">bla bla</div></div>  </td></tr></table>

<table><tr><td align="left"> <div class="petitcadre"> <div class="crédits">bla bla</div></td>
 
<td align="left"><div class="petitcadre2"><center>bla bla</center></div> </td>
 
<td align="left"> <div class="petitcadre">bla bla</div></div>  </td></tr></table>
Cordialement

Scipion
+ Hyperactif +

Masculin
Messages : 8655
Inscrit(e) le : 03/02/2010

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

Résolu Re: Problème page d'accueil

Message par Scoubifitz le Sam 30 Mar 2013 - 17:18

bonjour,

sur trois colonnes , si j'ai bien compris :

Code:
<table style="margin:auto;">
  <tr>
    <td align="left">
      <div class="petitcadre">
        <div class="crédits"> Bla bla</div>
      </div>
      <div class="petitcadre">
        <div class="crédits"> Bla bla</div>
      </div>
      <div class="petitcadre">
        <div class="crédits"> Bla bla</div>
      </div>
    </td>
    <td align="left">
      <div class="petitcadre2"><center> Bla bla </center></div>
      <div class="petitcadre2"><center> Bla bla </center></div>
    </td>
    <td align="left">
      <div class="petitcadre"> Bla bla</div>
      <div class="petitcadre"> Bla bla</div>
      <div class="petitcadre"> Bla bla</div> 
    </td>
  </tr>
</table>

et le CSS légèrement modifié pour espacer les cadres :

Code:
.petitcadre2 {
  background-color: #FDFEF5;
  border: 1px solid #E1C392;
  height:250px;
  width: 300px;
  margin:3px 0;
  padding:0 3px;
  overflow: auto;
}
.petitcadre {
  background-color: #FDFEF5;
  border: 1px solid #E1C392;
  height:100px;
  width: 220px;
  margin:3px 0;
  padding:0 3px;
  overflow: auto;
}

Scoubifitz
+ Hyperactif +

Masculin
Messages : 3539
Inscrit(e) le : 18/03/2008

http://scoubidous.superforum.fr/
Scoubifitz a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème page d'accueil

Message par Cramby' le Sam 30 Mar 2013 - 17:30

Merci pour vos réponses ! Very Happy

Scipion: Le code que vous m'avez donner ne correspond pas, merci quand même ! ^^

Scoubifitz: C'est exactement ce que je cherchais ! Un énoooorme merci ! 8D

Je laisse le sujet ouvert au cas où je rencontrerais à nouveau un problème ! :3

Cramby'
****

Féminin
Messages : 279
Inscrit(e) le : 27/06/2012

http://amesvagabondes.forumactif.org
Cramby' a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème page d'accueil

Message par Cramby' le Mar 2 Avr 2013 - 18:23

Tout est bon, merci encore ! :3

Cramby'
****

Féminin
Messages : 279
Inscrit(e) le : 27/06/2012

http://amesvagabondes.forumactif.org
Cramby' 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