Textpattern CMS support forum
You are not logged in. Register | Login | Help
- Topics: Active | Unanswered
#1 2015-02-07 21:24:21
- Onlyduh
- Member
- Registered: 2015-02-07
- Posts: 37
[CSS] Overflow generated archive links from one DIV to another DIV
On this page:
http://duhspot.net/rumblings/archive
The archive listing generated lists vertically in one column. Is there any way to have two or three DIV columns next to each other with the text just overflowing into the other DIVs? Like linked text boxes….
Any help would be appreciated… Thanks…
Moderator’s annotation:
Edited to add label to topic title.
– Uli –
Last edited by uli (2015-02-24 21:37:34)
Offline
Re: [CSS] Overflow generated archive links from one DIV to another DIV
Play with CSS
#content {
column-width:10em;
-webkit-column-width:10em;
-moz-column-width:10em
}Offline
#3 2015-02-07 22:35:05
- Onlyduh
- Member
- Registered: 2015-02-07
- Posts: 37
Re: [CSS] Overflow generated archive links from one DIV to another DIV
Let me add that I’m holding on to my understanding of coding my my wee fingernails, and a lot of what I do is trial, error, copy and paste. The duhspot.net/rumblings/ is the result of installing textpattern last night (of which I have never worked) so, keep in mind, I’m new/idiot at a lot of this.
If I replace the #content in my CSS with the above, won’t that effect my other pages?
Offline
#4 2015-02-07 23:05:18
- GugUser
- Member
- From: Quito (Ecuador)
- Registered: 2007-12-16
- Posts: 1,473
Re: [CSS] Overflow generated archive links from one DIV to another DIV
See on CSS-Tricks.
Offline
Re: [CSS] Overflow generated archive links from one DIV to another DIV
Onlyduh wrote #288092:
If I replace the #content in my CSS with the above, won’t that effect my other pages?
It will, but you can do it selectively, using conditionals, putting this in your page form:
<txp:if_article_list><txp:if_section name="archive">
<style>
#content {
column-width:10em;
-webkit-column-width:10em;
-moz-column-width:10em
}
</style>
</txp:if_section></txp:if_article_list>Offline
Re: [CSS] Overflow generated archive links from one DIV to another DIV
The alternative would be to give an id in the body of the section.
<body id="<txp:section />">and then add the css style for archive.
#archive #content {
column-width:10em;
-webkit-column-width:10em;
-moz-column-width:10em
}Yiannis
——————————
NeMe | hblack.art | EMAP | A Sea change | Toolkit of Care
I do my best editing after I click on the submit button.
Offline
#7 2015-02-09 17:58:23
- Onlyduh
- Member
- Registered: 2015-02-07
- Posts: 37
Re: [CSS] Overflow generated archive links from one DIV to another DIV
Many thanks. My coding skills are at the level of “Oh, no, just go home, your drunk…”
Offline
#8 2015-02-09 18:00:57
- Onlyduh
- Member
- Registered: 2015-02-07
- Posts: 37
Re: [CSS] Overflow generated archive links from one DIV to another DIV
HOLY CRAP. THAT WORKED PRETTY AWESOME. THAT WAS GREAT.
That was so great, I just peed a little.
Last edited by Onlyduh (2015-02-09 18:01:21)
Offline