[SOLVED!] Nav link divider colors and decoration image cut-off

[ladycoreopsis]

Hi! I've probably put in about 6 hours searching through Google and this comm's tags to tweak my journal. Thanks for all the great info here

Comments

[av8rmike]

1) Remove this line:
.nav li.first { padding-left: 2; border-right: 1px solid #FFFFFF; }
and replace it with:
#header .nav .item { border-left-color: #ffffff;}

2) Try this:
.lj-view-archive .asset-stream .asset-header { padding-bottom: 60px;}

[ladycoreopsis]

Hi, thank you for your comment!

1) Worked brilliantly. Thank you!

2) I tried your bit of code but it doesn't seem to budge anything. I've tried various pixel paddings since your comment, various padding positions (top, bottom, etc). Nothing is making that thing budge. I even went into GIMP, shrunk the image down to 32*32 and it still cuts off the image in the calendar view.

[anti_aol]

2) It's showing up fine for me; it's not cut off. I opened the dandelion in a separate tab in my browser just to make sure the dimensions for it in your journal matched the image's original size. They do. Which browser are you using (I'm using Firefox 3.5)?

OK, never mind, I see the problem now. :)

There's a conflict with the code you have for .asset-header along the top of your style sheet and what Mike gave you to fix the archive page's dandelion for some reason (like, using the !important tag isn't solving it for me). I'm working on it...

Never mind; maybe technically there is a conflict in there (but on closer examination, maybe not) but in the amount of time it would take me to explain why it seemed so I could just give you the code that fixes whatever is wrong. So here, try this:

.lj-view-archive .asset-header {padding-bottom: 20px;}

For some reason taking the .asset-stream class out of Mike's code worked for me - at least it does in Firefox.

[ladycoreopsis]

Yes! Brilliant. That did the trick. Thank you very much for your effort!

Now I'll have to add it into the Calendar's monthly views as well, but I'll search around for what that view is called on my own. ;)

[anti_aol]

You didn't say the month pages had the same problem - did you? Maybe you did. At any rate you can change the code to this:

.lj-view-archive .asset-header, .lj-view-month .asset-header {padding-bottom: 20px;}

And since the dandelion is over the subject line on the month pages (instead of next to it), you may want to add this as well (totally up to you):

.lj-view-month .asset-header {margin-left: -20px;}

Also, when you get a chance, you should view your journal in IE and tell me what you think - the header and links right below it are on one line in that browser. If you want, I can give you code to fix that.

[ladycoreopsis]

No, I actually didn't say the month view had that problem in my post because I hadn't noticed it until afterward. So thank you for the additional code!

Oh gracious, I hadn't even started testing in other browsers yet. I've been working on my laptop, but this weekend I was going to take a peek from my Ubuntu Linux machine where I have several browsers installed.

But yes, I would sincerely appreciate the help with getting it to look nice in IE as well. Thank you very much!

[marahmarie]

OK, the IE thing...I can't get it after all, sorry. I tried (I put your CSS up at my test journal after I added in some IE hacks I thought might help) but it seems I just messed things up more (I had to copy in all the style sheets because my test journal is a Basic account which doesn't allow me to use the Hills theme, so maybe that had something to do with it, I don't know). If you make another top level post here with the IE issues maybe someone else will help you, but I'm afraid I can't.