A few help question...
 
Notifications
Clear all

A few help questions

12 Posts
2 Users
0 Reactions
2,861 Views
(@dreamhowler)
Posts: 147
Estimable Member
Topic starter
 

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

 
Posted : 22/02/2008 5:26 pm
 Elle
(@jenny)
Posts: 594
Honorable Member
 

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: dramione.org
site: accio.nu

Available for skin/mod commission! πŸ™‚

 
Posted : 22/02/2008 6:51 pm
(@dreamhowler)
Posts: 147
Estimable Member
Topic starter
 

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

 
Posted : 22/02/2008 11:40 pm
 Elle
(@jenny)
Posts: 594
Honorable Member
 

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: dramione.org
site: accio.nu

Available for skin/mod commission! πŸ™‚

 
Posted : 23/02/2008 10:31 am
(@dreamhowler)
Posts: 147
Estimable Member
Topic starter
 

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

 
Posted : 23/02/2008 2:04 pm
 Elle
(@jenny)
Posts: 594
Honorable Member
 

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: dramione.org
site: accio.nu

Available for skin/mod commission! πŸ™‚

 
Posted : 23/02/2008 2:25 pm
(@dreamhowler)
Posts: 147
Estimable Member
Topic starter
 

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

 
Posted : 23/02/2008 3:14 pm
 Elle
(@jenny)
Posts: 594
Honorable Member
 

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: dramione.org
site: accio.nu

Available for skin/mod commission! πŸ™‚

 
Posted : 23/02/2008 5:37 pm
 Elle
(@jenny)
Posts: 594
Honorable Member
 

#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: dramione.org
site: accio.nu

Available for skin/mod commission! πŸ™‚

 
Posted : 23/02/2008 5:41 pm
(@dreamhowler)
Posts: 147
Estimable Member
Topic starter
 

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

 
Posted : 23/02/2008 7:07 pm
 Elle
(@jenny)
Posts: 594
Honorable Member
 

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: dramione.org
site: accio.nu

Available for skin/mod commission! πŸ™‚

 
Posted : 23/02/2008 8:11 pm
(@dreamhowler)
Posts: 147
Estimable Member
Topic starter
 

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

 
Posted : 23/02/2008 8:46 pm
Share: