So after I upgraded to 3.0, I opted to use the CSSZen skin, because it's simple, pretty, and easy to customize. By default, I have 10 categories on my site ( http://seventh-star.net/drfa), so I wanted there to be 2 category columns, with 5 categories each in them. Even though I chose this setting when I upgraded (and I checked it again in the Admin panel), CSS Zen doesn't seem to register that I want 2 columns. So I went into variables.php for the CSSZen skin and changed it myself:
$blocks["categories"]["columns"] = 2;
(when before, it had been 0)
But while this DID put my categories into 2 columns, it seems to have "merged" the categories block with the news block. The background of the categories block changed, and several of the categories are oddly spaced apart. The top two categories are also "sticking out" of the header.
Should I have not changed the category column count to 2? What can I do to fix this (and get it looking the way I want)?
ETA: I changed the value in variables.php (the above line) back to 0, and the categories moved back into their proper block, but even though the Admin panel has it set to "multiple columns" and another setting also says I want 2 columns for the categories and author listings, it doesn't use the multiple columns. Why?
Archive: Dragonfayth
eFiction: 3.5.5/6
Latest Patch(es): Yes
bridged?: No
modified?: Yes
PHP: 7.4.25
MySQL: 5.7.32-35-log
Delete that line from variables.php then stop and let me look.
Okay, I deleted the line, and the categories sort reverted back to the way it was when I'd set the category columns value to something other than 0. It's not really in its own block; it seems to be in the header of the Site News block, and despite there being an even number of categories for each row (5 in each row), one row is more spaced out. The top two categories are also "sticking out."
Archive: Dragonfayth
eFiction: 3.5.5/6
Latest Patch(es): Yes
bridged?: No
modified?: Yes
PHP: 7.4.25
MySQL: 5.7.32-35-log
Looks fine in FF. I can see what you're talking about in IE so it's something to do with IE's buggy CSS implementation. I'm sorry, at this point, I don't have the time or inclination to go look into it. You'll need to choose another skin or remove the categories block from the index.
Uhm, I'm using Firefox too, and I still see the problem.
Archive: Dragonfayth
eFiction: 3.5.5/6
Latest Patch(es): Yes
bridged?: No
modified?: Yes
PHP: 7.4.25
MySQL: 5.7.32-35-log
Try adding
.row { border: 1px solid transparent; }
to the style.css.
It didn't appear to have any effect.
Archive: Dragonfayth
eFiction: 3.5.5/6
Latest Patch(es): Yes
bridged?: No
modified?: Yes
PHP: 7.4.25
MySQL: 5.7.32-35-log
Tammy, I think the problem is she's got a Mac and she's seeing the problem with it.
Whoever said nothing is impossible never tried slamming a revolving door.
url: https://www.potionsandsnitches.org/fanfiction
php: 7.4.33 msql: 5.6.51-community GPL
efic version: 3.5.5 latest patches: yes
bridges: none mods: challenges, tracker, story end, beta, word
Let me get through finals and I'll see what I can do
I'm sorry, but due to my schedule, I am not available for commissions.
Well, I'll just chime in here too. Because I've been looking at this in another thread.
One problem is that the browseblock id never gets closed. I think this might be causing the problem of the categories block escaping out of the div.
The other problem is just the way the categories are hard coded. I don't know how to really explain it, but it goes like this:
row
column1 column2
row
column1 column2
row
column1 column2
Instead of the way you'd expect:
column1
row row row
column2
row row row
Did that make sense? Anyway, the way it's done creates clearing in unusual places.
It makes sense to me, I'm betting that would cause some of the problems.
I'm sorry, but due to my schedule, I am not available for commissions.
What you've got is:
<row>
<column><column>
</row>
<row>
<column><column>
</row>
So each <row> encloses the <column>s for that row. You've got to do it that way to keep each row vertically aligned together. Otherwise if the column had a long description and the second column had a short description you'd end up with the second column out of whack with the first.
I suppose it a trade-off then, because what's happening now doesn't look that good either. It would be fine it it aligned up correctly, but if the length's don't match up, you might have two in one column lined up with one in another.
It's pretty clear here: https://efiction.org/efiction3/index.php?skin=elegance There are an even number in each row, but because the descriptions are different lengths, There are large gaps in the left column.
The only way to get around it really, is to add a height declaration to .row, but that's not ideal due to monitor size and resolution.
Okay, everyone take a look at the link Carissa posted.
https://efiction.org/efiction3/index.php?skin=elegance
I updated the categories block. This seems to work for me in IE 6 & 7 and FF on Windows. If it works for everyone else we'll go with that. Otherwise, I'll go back to the drawing board again.
Works for me. Seems to be working on the other demo skins that don't have categories set to something specific in a variables.php file.
