Graphic and Web Design Forum

Welcome to the Worldwide Estetica Graphic Design and Web Design Forum


The friendly forum for all things design related

  •  » Graphic Design
  •  » Web Design
  •  » Photography
  •  » Typography
  •  » Flash and 3D
  •  » Plus much more!

Register for a FREE account now to remove these ads


Page 1 of 4 123 ... LastLast
Results 1 to 8 of 27

Some Advanced CSS Help

This is a discussion on Some Advanced CSS Help within the CSS Forum, I never thought I'd see myself posting here, never the less I need some CSS help on something pretty advanced. I made a tutorial , it fully works in all browsers except IE(all the way to 8). I would highly appreciate it if anyone tells ...


      
   
  1. #1
    CSS Freak™
    Join Date
    Jun 2009
    Location
    SoCal
    Posts
    481

    Some Advanced CSS Help


    ADVERTS - NOT VISIBLE TO MEMBERS

    I never thought I'd see myself posting here, never the less I need some CSS help on something pretty advanced.
    I made a tutorial, it fully works in all browsers except IE(all the way to 8).

    I would highly appreciate it if anyone tells me how to make it work in IE.
    Read the tutorial introduction for more info on what I'm trying to achieve.
    Last edited by fear2670; 19-08-2009 at 05:45 PM.

  2. #2
    Experienced Member
    Join Date
    Aug 2008
    Posts
    265
    It looks exactly the same to me in IE7 and Firefox.. what are you seeing that's different?

  3. #3
    CSS Freak™
    Join Date
    Jun 2009
    Location
    SoCal
    Posts
    481
    Quote Originally Posted by jameson View Post
    It looks exactly the same to me in IE7 and Firefox.. what are you seeing that's different?
    It doesn't make a row properly in IE(all versions), the demo I have on the site works on all browsers only because all the rows are the same length, other than that you can see the bug, but since in tabular data the rows are mostly the same length the bug isn't much, but it's still annoying.

  4. #4
    Experienced Member
    Join Date
    Aug 2008
    Posts
    265
    If you add a display:block to the #table li, does that help?

  5. #5
    CSS Freak™
    Join Date
    Jun 2009
    Location
    SoCal
    Posts
    481
    Quote Originally Posted by jameson View Post
    If you add a display:block to the #table li, does that help?
    <li> already is a block level element, that's why i put float left so that it would stay as block but go side by side until something breaks the float (in this case li.row which clears the left floated elements, thus creating a new row).

  6. #6
    likes chips.
    Join Date
    May 2008
    Location
    Yorkshire
    Posts
    2,712
    I'm not being funny but why would you possibly want to make a list look like a table? If you're displaying tabular data then use a table, if you're creating the layout use page divisions, if you're creating a list of items use ul and li.

  7. #7
    CSS Freak™
    Join Date
    Jun 2009
    Location
    SoCal
    Posts
    481
    Quote Originally Posted by Scriptage View Post
    I'm not being funny but why would you possibly want to make a list look like a table? If you're displaying tabular data then use a table, if you're creating the layout use page divisions, if you're creating a list of items use ul and li.
    Because I hate the <table> tag

  8. #8
    likes chips.
    Join Date
    May 2008
    Location
    Yorkshire
    Posts
    2,712

    ADVERTS - NOT VISIBLE TO MEMBERS

    Essentially what you are doing by using lists in this way is making an accessible table inaccessible. When a screen reader sees your list it will just read each and every item on the list one after the other as a continual stream of audio, whereas, when a screen reader encounters a table it clearly identifies which data belongs to which column and clearly indicates the context.

    Download Thunder and you will see what I mean.

    It is right to hate the table tag when it is used incorrectly but it is in the HTML specification for a reason and should be used for its intended purpose.

 

 
Page 1 of 4 123 ... LastLast

Similar Threads

  1. advanced help needed illustrator/photoshop
    By colgiljnr in forum Graphic Design and Web Design Help
    Replies: 2
    Last Post: 22-08-2009, 08:48 AM
  2. Advanced Docking using jQuery
    By Toon in forum General Web Design Forum
    Replies: 2
    Last Post: 06-06-2009, 11:15 PM
  3. Flash/PHP/MySQL advanced login
    By bdavey311 in forum Programming Forum
    Replies: 18
    Last Post: 15-02-2009, 04:00 AM
  4. How to Create an Advanced CSS Menu
    By Graphic Design Links in forum Graphic Design Links
    Replies: 0
    Last Post: 30-10-2007, 01:00 PM

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •