Go to main content

Textpattern CMS support forum

You are not logged in. Register | Login | Help

#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

#2 2015-02-07 21:43:49

etc
Developer
Registered: 2010-11-11
Posts: 5,028
Website GitHub

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

#5 2015-02-09 08:18:11

etc
Developer
Registered: 2010-11-11
Posts: 5,028
Website GitHub

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

#6 2015-02-09 08:38:41

colak
Admin
From: Cyprus
Registered: 2004-11-20
Posts: 9,007
Website GitHub Mastodon Twitter

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

Board footer

Powered by FluxBB