BlogTuto

Tuto pour blog et assistance blogueur. Dépannage des blogueurs, passage en mode avancé accompagné, relooking blog, bannière pour blog

Attention !
Ce blog a déménagé et n'est plus mis à jour. Rendez vous sur le nouveau blog :

http://www.blogtuto.org/

dimanche 08 juin

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


Tags : ,
Posté par Lavande à 08:43 - FAQ (foire aux questions) - Commentaires [2] - Permalien [#]



Commentaires

    Chuis quiche!

    c'est pour le mode avancé n'est-ce-pas?

    Posté par Cocktail, lundi 28 juillet à 19:11
  • je vais essayer! Merci pour ce tuto^^

    Posté par eledwhen, mardi 26 octobre à 16:35

Poster un commentaire







Haut de Page