Maureen M. McCarty ([info]stardustgirl) wrote,
@ 2009-02-08 12:49:00
Previous Entry  Add to memories!  Tell a Friend  Next Entry
Quiz time!
I am now at the point where I've Twittered my question in addition to posting on the WP board in order to find an answer, and am typing this mostly to avoid banging my head on my desk.

I've got a footer in a wordpress template. It's all good, except the text is aligned top-center. I want it bottom-center. I don't find the value to change to make it do that.

I've built an entire custom template swapping out values for pixels, colors, images, yadda yadda, yet this one little bit has been unchangeable for THREE days now. It's sick.

valign: bottom; --> suggested by someone but didn't work (isn't that just a pure html command?)

vertical-align: text-bottom; --> courtesy of a css tutorial site didn't do it either.

WTF am I fucking up?

(4 comments) - (Post a new comment)


[info]danguyf
2009-02-09 12:35 am UTC (link)
Yeah, those aren't going to help. The first isn't valid CSS, but would work inside a <td>. The second does not do what you'd expect.

If you post a link to the page in question I could tell you what *would* work.

(Reply to this) (Thread)

[info]stardustgirl
2009-02-09 01:43 am UTC (link)
'tis here .

Someone on the wp forums said to add paragraph tags to the footer.php file, and that's how I've shoved it down at the moment. I know that's not the right way to do it, and since I want to get into good css habits, I'm still hoping for a true fix.

Long shot: is there any app out there that one can run css through and it will tell you in plain English what is being affected? Like "this block makes your headlines blue and bold" or somesuch. I want to go in and comment everything so I'll learn it. Right now, with stuff seemingly defined in 3 or 4 places, it's not making good sense to me.

Right now I'm changing text color values by hand to obnoxious colors (you'll notice) to see what is changing what, but it changes from page to page and I'm not seeing the pattern.

(Reply to this) (Parent)(Thread)

[info]danguyf
2009-02-09 02:05 am UTC (link)
You need your browser's Web Developer plugin, whatever it may be. On Firefox it's Firebug, which is great. You click the Inspect box and then whatever you roll your cursor over it highlights the corresponding CSS and vice-versa. And it'll show you how your styles are cascading. Oh, and you can add/remove properties on the fly!

Rather than changing to obnoxious text colors, try just adding: "border: 1px dashed red;" to each CSS declaration (one at a time) to not only see which corresponds but also get a better idea for how the box model lays things out.

As for the fix, I'd take out the extraneous

s and change, in:

#footer p {
...yada yada yada...
padding: 160px 0 20px;
color: #FFF;
}
#footer p a {
color: #FFF; /* or some other non-blue color */
}

(Reply to this) (Parent)(Thread)
OMG!!!! (SQUEEEEHAPPITYJOYJOYELEVENTY!!!!!ONE!!!!)
[info]stardustgirl
2009-02-09 01:47 pm UTC (link)
^^^= me at about 6:30 this morning when I read your comment and used Firebug.

Dude!! Developer web menu bar thingie and firebug... I had NO idea!!! That's *exactly* what I needed. THANKS!!!!!

I've been working on that page since 1/27, 8+ hour days and much angst. The Photoshop stuff took me about half an hour - a no-brainer - the hardest part was remembering where I put that feather pen so I could photograph it. The rest was the hell of scrolling through alllllll that code and not knowing what it changed. I went through line-by-line, edited in TextEdit, uploaded, refreshed umptyzillion times and then searched for any changes on the pages. It still wasn't clear what modifier was talking to which elements on different pages, so I couldn't make a bunch of little comment notes to help me figure this out.

It's still going to take forever since the back side is new territory, but at least I've got a flashlight and a pen and paper now so should be able to learn instead of blindly fumbling. Yahoooo for webgoblin magic!!! You rock!!!

(Reply to this) (Parent)

(4 comments) - (Post a new comment)

Create an Account
Forgot your login or password?
Login w/ OpenID
English • Español • Deutsch • Русский…