Canalblog
Editer l'article Suivre ce blog Administration + Créer mon blog
Publicité
BlogTuto
8 juin 2008

La question du jour : agrandir l'espace texte!

"Bonjour

J'aimerai savoir comment il fallait que je face pour agrandir la zone de texte du milieu ( ou colonne du milieu )"

La réponse de votre tutrice préférée ;-)

Dans la feuille de style :

#container {
    width: 1100px;
<------------ ici c'est la largeur total de votre blog : colonnes + texte
    padding: 0px;
    background-color: #FFFFFF;
        background: url
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: none;
    border-left-style: none;
    border-width: 1px;
    border-color: #;
    margin-right: auto;
    margin-left: auto;
}
#content {
    float: left;
    width: 700px;
<------------ ici c'est la largeur de la zone texte de votre blog
    background-color: #FFFFFF;
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: none;
    border-left-style: none;
    border-width: 1px;
    border-color: #;
    overflow: hidden;
<!--
a : { text-decoration : none }
//-->;
}
#rightbar {
    float: left;
    width: 200px;
<------------ ici c'est la largeur de la colonne de droite
    height:1300px;
    background-color: #C8E476;
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: none;
    border-left-style: none;
    border-width: 1px;
    border-color: #ffffff;
    overflow: hidden;
}
#leftbar {
    float: left;
    width: 200px;
<------------ ici c'est la largeur de la colonne de gauche
    height:1300px;
    background-color: #B6D2EA;
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: none;
    border-left-style: none;
    border-width: 1px;
    border-color: #FFFFFF;
    overflow: hidden;


Notez que 200 px (rightbar col de droite) + 200 px (leftbar col de gauche) + 700 px (content) = 1100px pour le container.
Si vous avez des bordures d'une largeur de 1px il faut aussi les ajouter à la largeur totale

Publicité
Publicité
Commentaires
E
je vais essayer! Merci pour ce tuto^^
C
c'est pour le mode avancé n'est-ce-pas?
Publicité