Mods please delete this when you get the chance.
Thanks.
Edited by gaea, 07 May 2008 - 06:16 AM.
| |
|
Welcome to KnowledgeSutra - Dear Guest 
, Please Register here to get Your own website. - Ask a Question / Express Opinion / Reply
w/o Sign-Up!
| |
2
-
This topic is locked
2 replies to this topic
#2
-
- [MODERATOR]
-
- 5,040 posts
Insert Custom Title Here
- Gender:Not Telling
- Location:Linux, DOS and Windows…the good, the bad and the ugly
- myCENT:81.07
-
Posted 07 May 2008 - 06:01 AM
First reaction:
You are trying to force an Inline element (the spans) to do the work of a Block level element (div). Inline-block is not cross-browser compatible, so it will likely present problems.
The "list" of links should be a list of some sort. ie: a UL/LI arrangement.
The UL is a block level element that can be given height, width and a background image. The Anchor will need to be on the LI for the hover effect in an IE6 and earlier Browser. Declare the Anchor as a Block level element, then use the inline spans for the text only. Actually, you might not need the spans. not sure.
Also, for testing purposes, lose the CSS file. bring all of your CSS into the head of the page while you are testing it, and lose the inline styling. Structure the css file so it is readable (stringing it all into one line makes it more difficult to cipher). Drop the absolute references to the background images and links.Use relative references instead.
One BIG suggestion, if this is simply too much trouble to convert, keep the table based structure you have in the original page for the Menu system. Yes, I know that isn't exactly the right thing to do, but this is a relatively complex menu structure which is not for the faint of heart or the beginning CSS coder, so that may be the best thing until you develop a working system.
You are trying to force an Inline element (the spans) to do the work of a Block level element (div). Inline-block is not cross-browser compatible, so it will likely present problems.
The "list" of links should be a list of some sort. ie: a UL/LI arrangement.
The UL is a block level element that can be given height, width and a background image. The Anchor will need to be on the LI for the hover effect in an IE6 and earlier Browser. Declare the Anchor as a Block level element, then use the inline spans for the text only. Actually, you might not need the spans. not sure.
Also, for testing purposes, lose the CSS file. bring all of your CSS into the head of the page while you are testing it, and lose the inline styling. Structure the css file so it is readable (stringing it all into one line makes it more difficult to cipher). Drop the absolute references to the background images and links.Use relative references instead.
One BIG suggestion, if this is simply too much trouble to convert, keep the table based structure you have in the original page for the Menu system. Yes, I know that isn't exactly the right thing to do, but this is a relatively complex menu structure which is not for the faint of heart or the beginning CSS coder, so that may be the best thing until you develop a working system.
#3
-
- Kontributors
-
- 206 posts
Super Member
- Location:Vermont or Boston (USA)
- myCENT:54.10
Posted 07 May 2008 - 09:03 PM
Didn't realize that you had left a comment before I nuked my post.
As you rightly pointed out, I needed to use block level elements instead. I had come to the same conclusion about an hour earlier, but I certainly appreciate your help.
Now I've *almost* gotten everything right. Just one more bug and I should be good. For somereason the 1024 layout is incorrectly displaying one of the images. So close and yet so far away.
http://www.highimpac...0/portrait.html
As you rightly pointed out, I needed to use block level elements instead. I had come to the same conclusion about an hour earlier, but I certainly appreciate your help.
Now I've *almost* gotten everything right. Just one more bug and I should be good. For somereason the 1024 layout is incorrectly displaying one of the images. So close and yet so far away.
http://www.highimpac...0/portrait.html
Edited by gaea, 07 May 2008 - 10:26 PM.
1 user(s) are reading this topic
0 members, 1 guests, 0 anonymous users
