6 replies [Last post]
AlexK
Offline
Regular
Last seen: 14 years 51 weeks ago
Joined: 2006-01-17
Posts: 15
Points: 0

Hello there,
I have 3 small css problems, that I hope you can help me with.

They are all about my website, http://www.inspirationking.com/tp/
As I guess you can see, it isn't finished.

Problem 1:
I guess it is a width problem, but why does the right column go down beneath all the other ones?

Problem 2:
No matter how much margin or padding, or how many BR's I put on "featured review", it's still stuck there. I would like to have it positioned 12 pixels "more down". The same problem is on the "Recent Comments".

Problem 3:
Why does the "Recent Comments" get breaked?
When I take it into Photoshop, and put them together, they aren't over 200 pixels.
Strange.

Thank you a lot!

Jhorra
Offline
Enthusiast
Last seen: 14 years 7 weeks ago
Joined: 2004-06-04
Posts: 57
Points: 0

Re: 3 Small CSS problems

AlexK wrote:
Hello there,
I have 3 small css problems, that I hope you can help me with.

They are all about my website, http://www.inspirationking.com/tp/
As I guess you can see, it isn't finished.

Problem 1:
I guess it is a width problem, but why does the right column go down beneath all the other ones?

Problem 2:
No matter how much margin or padding, or how many BR's I put on "featured review", it's still stuck there. I would like to have it positioned 12 pixels "more down". The same problem is on the "Recent Comments".

Problem 3:
Why does the "Recent Comments" get breaked?
When I take it into Photoshop, and put them together, they aren't over 200 pixels.
Strange.

Thank you a lot!

1. This looks like it's caused by the 3 columns being wider than the container they are in, thus the third drops down to fit.

2, 3. I'm not sure I understand exactly what the problem is with these two. Can you be a little more descriptive on how you would like them to look?

AlexK
Offline
Regular
Last seen: 14 years 51 weeks ago
Joined: 2006-01-17
Posts: 15
Points: 0

3 Small CSS problems

I have now fixed problem 1 and 2, I just need help with 3 now.

I would like "Recent" and "Comments" on the same line. I can't understand why they are not. It works fine in IE.

Thanks!

Chris..S
Chris..S's picture
Offline
Moderator
Last seen: 9 years 18 weeks ago
Timezone: GMT+1
Joined: 2005-02-22
Posts: 6078
Points: 173

3 Small CSS problems

"Recent Comments" are all on one line in FF1.0.7/Win

AlexK
Offline
Regular
Last seen: 14 years 51 weeks ago
Joined: 2006-01-17
Posts: 15
Points: 0

3 Small CSS problems

Really sorry, but I have now fixed all the problems Tongue Laughing out loud

I do have one last, though.
How can I make my ":hover" work in IE? It is on Recent comments, recent forum discussions and also on the resources. It's so the box changes from white/grey, to a light yellow.

Right now I just use ".box:hover {"

How can I make it work in IE?

Thanks!

Chris..S
Chris..S's picture
Offline
Moderator
Last seen: 9 years 18 weeks ago
Timezone: GMT+1
Joined: 2005-02-22
Posts: 6078
Points: 173

3 Small CSS problems

IE only responds to :hover on <a> elements. You need javascript for the onmouseover and onmouseout events or whatever:hover .

AlexK
Offline
Regular
Last seen: 14 years 51 weeks ago
Joined: 2006-01-17
Posts: 15
Points: 0

3 Small CSS problems

Ok, thanks.

I am gonna stick with it as it now, over 90% of my visitors (or something like that) uses FF anyway Smile

But thanks for your help!