design 3 colonnes
Le
unbewusst.sein
j'aimerais avoir un design en 3 colonnes un peu comme sur la page :
<http://matthewjamestaylor.com/blog/...mn.htm>
mais au lieu d'avoir; de gauche à droite; 25 %, 50 % et 25%, j'ai besoin
d'avoir 25 %, 25 % et 50%.
sauriez-vous adapter ce design ???
--
« La chambre des députés, la moitié sont bons à rien.
Les autres sont prêts à tout. »
(Coluche)
<http://matthewjamestaylor.com/blog/...mn.htm>
mais au lieu d'avoir; de gauche à droite; 25 %, 50 % et 25%, j'ai besoin
d'avoir 25 %, 25 % et 50%.
sauriez-vous adapter ce design ???
--
« La chambre des députés, la moitié sont bons à rien.
Les autres sont prêts à tout. »
(Coluche)
Poser une question
Ben, tu inverses les propriétés de col2 et col3, non ?
--
Serge http://leserged.online.fr/
Mon blog: http://cahierdesergio.free.fr/
Soutenez le libre: http://www.framasoft.org
euh, j'aurais plutôt dit col1 (center) et col3 (right) non ?
j'essaie de suite; ce que j'obtiens :
png>
donc en inversant dans le css les propriétés des col1 et col3
c'est donc pas si simple
bien sûr j'ai réduit de moitié la taille des images pour cet essa
i...
--
« C'est pas parce qu'on a rien à dire qu'il faut fermer sa gueule. »
(Michel Audiard)
...Ou tu regardes le design juste à côté :
http://matthewjamestaylor.com/blog/...-style.htm
(en fait 50 / 25 / 25)
--
Serge http://leserged.online.fr/
Mon blog: http://cahierdesergio.free.fr/
Soutenez le libre: http://www.framasoft.org
ah ouais, merci, ptet que ca m'aidera mieux à faire un 25 / 25 / 50
je regarde ca
--
« C'est pas parce qu'on a rien à dire qu'il faut fermer sa gueule. »
(Michel Audiard)
je suis vraiment pas doué pour les css...
ce que j'obtiens :
Liquid_Layout.png>
en ayant changé le css original :
.blogstyle .colmid {
right:25%; /* width of the right
column */
background:#f4f4f4; /* center column background
colour */
}
.blogstyle .colleft {
right:25%; /* width of the middle
column */
background:#fff; /* left column
background colour */
}
.blogstyle .col1 {
width:46%; /* width of center
column content (column width minus padding on either side) */
left:52%; /* 100% plus left
padding of center column */
}
.blogstyle .col2 {
width:21%; /* Width of left column
content (column width minus padding on either side) */
left:56%; /* width of (right
column) plus (center column left and right padding) plus (left column
left padding) */
}
.blogstyle .col3 {
width:21%; /* Width of right column
content (column width minus padding on either side) */
left:60%; /* Please make note of
the brackets here:
(100% - left column
width) plus (center column left and right padding) plus (left column
left and right padding) plus (right column left padding) */
}
en celui-ci :
.blogstyle .colmid {
right:50%; /* width of the right
column */
background:#f4f4f4; /* center column background
colour */
}
.blogstyle .colleft {
right:25%; /* width of the middle
column */
background:#fff; /* left column
background colour */
}
.blogstyle .col1 {
width:21%; /* width of center
column content (column width minus padding on either side) */
left:27%; /* 100% plus left
padding of center column */
}
.blogstyle .col2 {
width:21%; /* Width of left column
content (column width minus padding on either side) */
left:56%; /* width of (right
column) plus (center column left and right padding) plus (left column
left padding) */
}
.blogstyle .col3 {
width:46%; /* Width of right column
content (column width minus padding on either side) */
left:85%; /* Please make note of
the brackets here:
(100% - left column
width) plus (center column left and right padding) plus (left column
left and right padding) plus (right column left padding) */
}
--
« C'est pas parce qu'on a rien à dire qu'il faut fermer sa gueule. »
(Michel Audiard)