CSS Help
- Started
- Last post
- 22 Responses
- e-wo
Site in progress: http://thetowerhill.com/sites/sa…
On the Contact and Bio pages, the page title image ("Contact" or "Bio") shows up in the upper left in IE, Safari, and FF.
Using IE and FF on PC, the title image doesn't show for Fashion and Still Life.
#gallerytitle {
position: absolute;
z-index: 30;
margin-left: 115px;
}What am I missing?
- version30
it's centered and visible on ie ff safari but you need to ditch that png. they are gray boxing in ie6
- brains0
Where are you trying to get it to be positioned?
- e-wo0
- brains0
Your flash elements are blocking it, if you didn't know that already.
- e-wo0
I knew that'd play a part. Any way for me to z-index images in front of that flash?
- foobaz0
margin-left: -360px; (notice negative value)
That will fix it in Firefox...no idea about IE
- brains0
Are you using firebug e-wo? If not, do it, it's a great tool for stuff like this.
- foobaz0
I would completely redo the HTML.
The two "swirl" elements you have as floated objects could easily be the background-image of the body since you're dealing with consistant content width.
You have the main body as flash...so you could wrap that image in a div just above the flash object.
Just a thought.
- e-wo0
All good suggestions. Thanks. I'll div the title, background the swirls.
Yes, I'm new at this. This is as cleanly as I know to do things so far.
- deathboy0
ive been loving me some opera browser lately
- OSFA0
I need some serious CSS help please. I'm a complete noob to this, and decided to learn/play with a blog from WP. I am pretty much done with the edits I wanted, but for some reason my 'leave a comment' headers are all over the place. Not to mention they get all crazy when tested n Firefox or safari...
Do any of you handsome talented css-ers have 5 spare mins to help me out please? Thanks!
- OSFA0
no?
- OSFA0
hahaha, sorry guys, here...
- acescence0
^ your problem is the small tag inside the postmeta div is floated left and is sticking out of the bottom of the div, pushing the stuff below it around.
- OSFA0
Hmmm, sounds like it makes sense, the only problem is, where the heel is this crap (small tag inside the postmeta div)!? Sorry if it sounds dumb, but seriously, this is my first attempt at CSS.
Would that fix this issue? Thanks acescence!
- OSFA0
OK, the 'leave a comment' on firefox is fixed! thanks! But when you check the other posts that already have comments, the 'comment #s indicator' is doing the same thing. Would you mind telling me how to fix this one please?
And just so that I know, your previous suggestion worked on Firefox but not on Safari. I thought CSS was kinda universal...