Welcome Guest ( Log In | Register)



 
Closed TopicStart new topic
> Span "display: _____" Problems, block vs inline
gaea
post May 7 2008, 04:10 AM
Post #1


Super Member
*********

Group: Members
Posts: 205
Joined: 14-March 06
From: Vermont or Boston (USA)
Member No.: 20,077



Figured out my problem (didn't know you can't assign absolute values to inline elements).

Mods please delete this when you get the chance.

Thanks.

This post has been edited by gaea: May 7 2008, 06:16 AM
Go to the top of the page
 
+Quote Post
jlhaslip
post May 7 2008, 06:01 AM
Post #2


A computer once beat me at chess, but it was no match for me at kick boxing.
Group Icon

Group: [MODERATOR]
Posts: 3,754
Joined: 24-July 05
From: In Trouble Again... still?
Member No.: 9,787
Spam Patrol



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.
Go to the top of the page
 
+Quote Post
gaea
post May 7 2008, 09:03 PM
Post #3


Super Member
*********

Group: Members
Posts: 205
Joined: 14-March 06
From: Vermont or Boston (USA)
Member No.: 20,077



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.highimpactart.org/1280/portrait.html

This post has been edited by gaea: May 7 2008, 10:26 PM
Go to the top of the page
 
+Quote Post

Closed TopicStart new topic

Collapse

> Similar Topics

Topics Topics
  1. Height % In Ff Problems With Css(3)
  2. Definition Lists To Display Artist, Cd, And Track(0)
  3. [problem] Css Unordered List Display Problems Ie6 Bug(2)


 



- Lo-Fi Version Time is now: 16th May 2008 - 07:58 PM