Okay, I have a few formatting issues I would like help with. I have looked around, but haven't found anything extremely specific to my issue, but if I missed it, I will happily delete the thread.
Skin URL:
http://rqarchive.com/index.php?skin=CSSBlue
Okay, first... under Categories, how do I pull the description up a line?
So for example:
Instead of:
Cross-Overs [8]
Harry Potter and various fandoms. Buffy, Charmed, X-men, etc. Has to have at least one Harry Potter Character in order to be accepted.
I get:
Cross-Overs [8] - Harry Potter and various fandoms. Buffy, Charmed, X-men, etc. Has to have at least one Harry Potter Character in order to be accepted.
Secondly, how can I format the Recent block properly? I have tried everything I can think of I want a blank space between each recent entry.
Dreamy
Current Version: 3.4.2
PHP 4
Mods: Challenges, Recommendations, Storyend, Display Word, Beta Reader, Bad Reviewer
Categories: it's wrapped around a <div> so you'll have to do something like: #categoryblock .row div { display: inline; }
Not sure if that will work, but you'll want display: inline;
Recent story: .recentstory { margin-bottom: 1em; }
Or you could add a <br /> or something in the .tpl file...
archive:
site:
Available for skin/mod commission! π
Its amazing when things are just that simple. *chuckles* Thanks for your help Jenny! Both works great! One of these days maybe I will learn enough CSS that I won't have to ask silly questions. lol
I tried to use the example to fix the categories block, but had to resort to two <BR>'s instead. It feels too far apart for me, but how does it look now?
Edit: (More Questions)
1) I am trying to fix the listings.tpl and I need to modify the classifications css to bold the title of each one but not the content? Any ideas? I tried doing a classifications block, but it looks funny.
Example:
http://rqarchive.com/browse.php?type=recent
Note the other listing for Title, etc, are bolded...
2) In the Challenges section, for some reason, any listing that had the normal bullet information for a list of things was way off the left hand part of the skin. Is this a simple re-writing of the LI tag that I missed somewhere? I had to go back in and edit the challenges to show the numbers, but if someone else uses them, I don't want them to fly off the left hand side.
Dreamy
Current Version: 3.4.2
PHP 4
Mods: Challenges, Recommendations, Storyend, Display Word, Beta Reader, Bad Reviewer
The recent block looks good. π
1) I think you mean you want it bolded and black? :s .label { font-weight: bold; color: #000; } That should only affect the elements with the class "label".
2) I wasn't very sure what you mean by this, but <li>'s should always be in an <ol> or a <ul>:
<ol> <li>item 1</li> <li>item 2</li> <li>item 3</li> </ol> |
<ul> <li>item 1</li> <li>item 2</li> <li>item 3</li> </ul> |
As opposed to just <li>.
I usually have ul { padding-left: 1em; } or something, but if you're using just li then li { } D:
archive:
site:
Available for skin/mod commission! π
You know, its funny how fickle things are. I actually had a label tag, but it didn't work properly until i used the code you gave me instead of the one that was used in CSSZen. *blinks* Ahh well, at least it works now.
You were exactly right with the OL thing. Sorry I didn't explain it better. lol. That was exactly what I was looking for. I really need a list of CSS fields and what they do or something. LOL
One question that wasn't answered is: I tried to use the example you gave me to fix the categories block, but had to resort to two <BR>'s instead. I tried doing padding-bottom: 1em; and it didn't seem to work. Does it look all right to you?
Current Version: 3.4.2
PHP 4
Mods: Challenges, Recommendations, Storyend, Display Word, Beta Reader, Bad Reviewer
You wanted a space AFTER each category thingy? If so, I think it looks good. You could use <p>categorystuffhere</p> to avoid the double <br /> but it looks okay to me. π
archive:
site:
Available for skin/mod commission! π
I wanted the same amount of space like the recent block which doesn't look as far apart as the two br's. The P tag messes up the inline thing we did earlier. I tried using several options, and neither are spacing it apart.
I tried:
padding-bottom: 2em;
margin-bottom: 2em;
Here is my variables.php statement, perhaps it's not right?
$blocks["categories"]["template"] = "{image} {link} [{count}] - <div>{description}</div>";
I had origionally:
$blocks["categories"]["template"] = "{image} {link} [{count}] - <div>{description}</div><BR><BR>";
Current Version: 3.4.2
PHP 4
Mods: Challenges, Recommendations, Storyend, Display Word, Beta Reader, Bad Reviewer
OH.
For the original problem, you could have had:
$blocks["categories"]["template"] = "{image} {link} [{count}] - {description}";
... which would then eliminate the need for the styling.
Sorry, I didn't realise.
For the same amount of space...
I'll reply/edit back in a moment. Just thought I'd let you know that you're calling lots of style sheets (I'm using EditCSS and it pulls it all up :P), not sure if that was intentional or not (most are 404s)
archive:
site:
Available for skin/mod commission! π
#categoryblock .row {
margin-bottom: 1em;
}
Works for getting the space between each "row" of the "category block".
And that should get the same spacing (you have the .recentstory { margin-bottom: 1em; } already, I think) as in the recent stories block. π
archive:
site:
Available for skin/mod commission! π
You know what really sucks? I actually tried something similar, but I must have forgot to take out the div. *chuckles* Ahh well, live and learn.
Now, I just need to figure out how to take the Recent block and stretch it out under the categories/news block instead of creating a longer page like I am now. I tried creating a new box to float up under it, but it put it at the bottom of the page. *grumbles*
One day I promise myself I am going to learn this! *lol*
Thanks for all your great help Jenny! You are a lifesaver!
Current Version: 3.4.2
PHP 4
Mods: Challenges, Recommendations, Storyend, Display Word, Beta Reader, Bad Reviewer
You're welcome. π
For that you'd have to float the news to the left and the recent should fill it up -- granted the news isn't longer than it.
archive:
site:
Available for skin/mod commission! π
Well, I tried that, but the spacing went off in the two middle boxes. I eventually got it to work, though it was oddly bolding the title, so I had to bold all of them until I can figure out why.
.splitcontentbottom{
float:left;
width:70%;
padding-left: 15px;
font-style: normal;
line-height: 1.5em;
font-weight: normal;
text-decoration: none;
}
At least it looks almost the same in both FF and IE... my main skin RQ gets squished in IE... never have figured out why.
Current Version: 3.4.2
PHP 4
Mods: Challenges, Recommendations, Storyend, Display Word, Beta Reader, Bad Reviewer