Textpattern CMS support forum
You are not logged in. Register | Login | Help
- Topics: Active | Unanswered
Pages: 1
#1 2006-11-06 00:22:03
- oddcarl
- Member
- From: The Barbary Coast, California
- Registered: 2006-10-16
- Posts: 27
Making side by side posts
I quite don’t know how to word this for searching. I want to make two posts (or more) on the front page center section, side by side like newspaper columns instead of each post vertically like the typical blog does.
Thanks…oddcarl
Offline
#2 2006-11-06 00:55:26
- mstwntd
- Member
- From: Melbourne, Australia
- Registered: 2004-12-25
- Posts: 52
Re: Making side by side posts
<div id="content">
<div class="col a">
<txp:article limit="1" />
</div>
<div class="col b">
<txp:article limit="1" offset="1" />
</div>
<div class="col c">
<txp:article limit="1" offset="2" />
</div>
</div>
CSS:
#content {
width: 720px;
overflow: hidden; /* Clears floats */
}
.col {
width: 200px;
padding: 0 40px;
float: left;
}
Offline
#3 2006-11-06 02:12:46
- oddcarl
- Member
- From: The Barbary Coast, California
- Registered: 2006-10-16
- Posts: 27
Re: Making side by side posts
Thank you very much, I can’t wait to try it out.
Offline
Re: Making side by side posts
Hello,
I’d rather use a Percent-Value for one (normaly the Main-Content) Block, so the Width is fitted into the Browserwindow:
CSS:
#content { width: 100%; <—- use Percent here to auto maintain Width with Windows size
overflow: hidden; /* Clears floats */
}
.col {
width: 200px;
padding: 0 40px;
float: left;
}
U should set the Width to a percent for the Block wich should be resized automatically (You can resize both, but normally, resizing the Menu is not wanted)
Greetings, Küchi
Last edited by kuechi (2006-11-06 02:39:38)
Offline
#5 2006-11-06 03:31:26
- oddcarl
- Member
- From: The Barbary Coast, California
- Registered: 2006-10-16
- Posts: 27
Re: Making side by side posts
Thanks kuechi, I’ll play with the changes.
Offline
#6 2006-12-03 21:21:15
- ohdeer
- Member
- Registered: 2006-06-13
- Posts: 13
Re: Making side by side posts
I have kind of a similar problem as oddcarl.
I have 3 columns. The one at the left shows recent my posts, the right one shows my links. Now I would like the centered column show some specific posts, for example all my posts about videogames or music.
Is that possible?
Offline
Re: Making side by side posts
overflow: hidden; /* Clears floats */
What? What is this? Why I didn’t ever hear about this trick?
I think it’s explained here but in that explanation they use overflow: auto;
I would like to know more about this method…
Last edited by maniqui (2006-12-03 22:33:01)
Offline
Re: Making side by side posts
I’m really amazed.
Offline
#9 2006-12-05 21:47:06
- ohdeer
- Member
- Registered: 2006-06-13
- Posts: 13
Re: Making side by side posts
Nobody who could answer my question?
Offline
Re: Making side by side posts
Ohdeer, I don’t know if I understand you correctly, but you can add an attribute category="videogames"
to <txp :article />
.
…Prrrrrrrr…
Offline
#11 2006-12-08 00:42:17
- mstwntd
- Member
- From: Melbourne, Australia
- Registered: 2004-12-25
- Posts: 52
Re: Making side by side posts
maniqui wrote:
overflow: hidden; /* Clears floats */
What? What is this? Why I didn’t ever hear about this trick?
I think it’s explained here but in that explanation they use overflow: auto;
I would like to know more about this method…
———————-
Hi,
AFAIK, auto
will generate scrollbars in IE5.2/Mac even when no content actually overflows. All you need to know is that a width
is necessary on the wrapping block for this method to work in IE/Win.
Last edited by mstwntd (2006-12-08 00:44:19)
Offline
Pages: 1