Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 5 of 5
  1. #1
    New Coder
    Join Date
    Jul 2011
    Posts
    53
    Thanks
    5
    Thanked 1 Time in 1 Post

    Listing display Problem

    I am trying to make like in the image below



    But Mine is not coming like in the image above you can check my preview by clicking the link below:

    Preview here

    You can check my HTML code from view source

    My CSS:
    Code:
    #authorlist { margin-bottom: 24px; min-height: 24px; overflow: hidden; width: 280px; }
    #authorlist .members { border-bottom: 1px #BFD4E4 dashed; float: left; overflow: hidden; padding: 8px 0 5px; }
    #authorlist   .members img.photo { width: 25px; height: 25px; float: left; margin: 0 15px 0 0; padding: 3px; border: 1px #BFD4E4 solid; margin-right: 10px; }
    #authorlist .members a { font-size: 12px; font-weight: bold; line-height: 36px; }

  • #2
    Supreme Master coder! abduraooft's Avatar
    Join Date
    Mar 2007
    Location
    N/A
    Posts
    14,801
    Thanks
    160
    Thanked 2,216 Times in 2,203 Posts
    Blog Entries
    1
    You need to fix the errors in your markup, see http://validator.w3.org/check?verbos...Fpage_id%3D162
    Error Line 116, Column 25: document type does not allow element "li" here; missing one of "ul", "ol", "menu", "dir" start-tag

    <div class="members"><li><a href="http://ibad.info/blog/?author=1"><img alt='' …
    You can't nest a list item inside an element other than <ul> or <ol>
    The Dream is not what you see in sleep; Dream is the thing which doesn't let you sleep. --(Dr. APJ. Abdul Kalam)

  • Users who have thanked abduraooft for this post:

    unleash (09-09-2011)

  • #3
    New Coder
    Join Date
    Jul 2011
    Posts
    53
    Thanks
    5
    Thanked 1 Time in 1 Post
    I fixed this - what's the next step now? it looking more worst then before now!

  • #4
    New Coder
    Join Date
    Jul 2011
    Posts
    53
    Thanks
    5
    Thanked 1 Time in 1 Post
    Still waiting anyone please!

  • #5
    Supreme Master coder! abduraooft's Avatar
    Join Date
    Mar 2007
    Location
    N/A
    Posts
    14,801
    Thanks
    160
    Thanked 2,216 Times in 2,203 Posts
    Blog Entries
    1
    I fixed this
    Now remove float from #authorlist img.photo
    The Dream is not what you see in sleep; Dream is the thing which doesn't let you sleep. --(Dr. APJ. Abdul Kalam)


  •  

    Posting Permissions

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