View Full Version : Listing display Problem

09-07-2011, 03:24 PM
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 (http://ibad.info/blog/?page_id=162)

You can check my HTML code from view source


#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; }

09-07-2011, 05:17 PM
You need to fix the errors in your markup, see http://validator.w3.org/check?verbose=1&uri=http%3A%2F%2Fibad.info%2Fblog%2F%3Fpage_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>

09-07-2011, 06:10 PM
I fixed this - what's the next step now? it looking more worst then before now!

09-08-2011, 02:07 PM
Still waiting anyone please!

09-08-2011, 04:07 PM
I fixed this
Now remove float from #authorlist img.photo