By using this site, you agree to our updated Privacy Policy and our Terms of Use. Manage your Cookies Settings.
424,952 Members | 1,722 Online
Bytes IT Community
+ Ask a Question
Need help? Post your question and get tips & solutions from a community of 424,952 IT Pros & Developers. It's quick & easy.

Last three problems (du jour)

P: 25
I have gotten as far as I can with the CSS only design and I am absolutely delighted! I have two persistent problems and haven't found answers in various searches so I am back, hat in hand.

First, I have a #bottommenulink with attributes for a and a:hover that are identical to the general text attributes in #bottommenu except for text-size, font-variant, color and text-decoration (for hover). All margins and alignments are the same BUT this little chunk of menu refuses to center on the page. Initially, it was all one div but I thought having a separate div for the link part would help. It didn't.

Next are the gaps between the divs. I am at a loss how to fill them in so there are nifty stripes running through the layout.

And last, but probably not least, I need the layout to remain static regardless of the browser window size. As it is, my banner image stays put - everything else compresses which ends up looking kind of... odd, to say the least.

Maybe I like CSS so much because it's like a puzzle to solve! Much more fun than wrestling tables!!!

Kathy
Sep 19 '06 #1
Share this Question
Share on Google+
13 Replies


drhowarddrfine
Expert 5K+
P: 7,435
Got link? Otherwise I'd neat the complete code pasted here.
Sep 19 '06 #2

Banfa
Expert Mod 5K+
P: 8,916
It's good to see aconvert to CSS, I made the move a couple of years ago.

I have 1 tip for you, I don't know which broswer you use for designing but if it happened to be Firefox then you get the DOM Inspector (you may get this in Opera and Moz and Netscape to for all I know).

It is available off the tools menu and basically it displays a list of all the HTML elements on the left hand side (in tree form) and on the right hand side it displays various things which include (usefully) the style rules being applied to the element and the over all computed style (that is the results of adding the applicable style rules to the defaults) for the element.

It also handily flashes a red box round the element as you select it in the tree.
Sep 20 '06 #3

P: 25
I use FireFox for my browser and check in IE. I also have Safari available but I have never even seen Opera! I suppose I ought to make an effort to work on that one, too!

I did poke the button on the DOM inspector but I had no idea what I was seeing. I'll try again with that extra information.

And apologies for forgetting the links! I thought them very hard and figured you would sense them telepathically.

That's my story and I'm sticking to it!

http://www.purplefriends.com/fso

http://www.purplefriends.com/fso/Tem.../fso_dhtml.css

I really am glad that I found this site. You have given me courage to jump in headfirst and I can't wait to learn and do more!

Kathy
Sep 20 '06 #4

Banfa
Expert Mod 5K+
P: 8,916
I thought them very hard and figured you would sense them telepathically.
lol Strangely my wife always complain vermontly when a transfer data to her using the same technique :D
Sep 20 '06 #5

P: 25
Must be a network problem... ;)
Sep 20 '06 #6

drhowarddrfine
Expert 5K+
P: 7,435
I don't know why I'm having a heck of a time editing your page. I'm sure it's on my end but I'm working on it.
Sep 20 '06 #7

P: 25
Oh goodness! I wasn't expecting you to actually work on editing it - that is certainly above and beyond the call of duty!

Thank you very very very very much (but please - I'm happy to try anything that you just tell me to do rather than have you slog through my sloppy mess o' code)

Kathy
Sep 20 '06 #8

drhowarddrfine
Expert 5K+
P: 7,435
I'm kinda down in the dumps today with some issues at home. Actually, my wife's issues but she tends to drag me down with her. So I'm having a little trouble concentrating.
Sep 20 '06 #9

drhowarddrfine
Expert 5K+
P: 7,435
For the bottommenulink, completely remove the one for a{ but leave the one with a:hover{. You don't need both. I haven't figured why it's not getting the margin the others are yet.
Sep 20 '06 #10

drhowarddrfine
Expert 5K+
P: 7,435
Forget that. I don't know what I was thinking. I'm not having a good day.
Sep 20 '06 #11

P: 25
Forget that. I don't know what I was thinking. I'm not having a good day.
:( I'm so sorry. Thank you for trying to figure out the mystery. It's hard enough when all the gray cells are able to focus but when there is other 'stuff' - it's beyond challenging.

No worries! It can't beat us forever!

Kathy
Sep 21 '06 #12

P: 25
I have just noticed something rather weird.

The bottommenulink div appears to be ignoring the width:800px attribute.

I tried the DOM inspector and the red blinky rectangle for that div is full window width. So maybe it is trying to center align it but for some reason it's using some outrageously large width?

As an aside, with the a:hover version, is it necessary to repeat all attributes if they are not different from the a version?

Slowly coming into focus!

Kathy
Sep 21 '06 #13

drhowarddrfine
Expert 5K+
P: 7,435
You can think of it like this: with <a> you want it to look this 'this' but with a:hover you want it to look like 'that'. So the hover will inherit from the parent anchor.
Sep 21 '06 #14

Post your reply

Sign in to post your reply or Sign up for a free account.