Frank,
 
your main problem from what I can see is that, as you're floating everything,
you need to use a lot of "clear", but as you're still removing things from the
normal flow, you're getting issues with having the container elements, which have
the background colours applied, to show through properly...as there's nothing
in them anymore, with all that floating.
 
Assuming you want to go with the definition list idea, here's something I cooked
up in a few minutes. It might not be perfect, but seems to work ok.
 
<http://www.splintered.co.uk/experiments/archives/definition_lists/>
 
and the styles at
 
<http://www.splintered.co.uk/experiments/archives/definition_lists/style.css>
 
Patrick
________________________________
Patrick H. Lauke
Webmaster / University of Salford
http://www.salford.ac.uk <http://www.salford.ac.uk/>  
 

        -----Original Message----- 
        From: Frank [mailto:[EMAIL PROTECTED] 
        Sent: Tue 09/03/2004 15:55 
        To: [EMAIL PROTECTED] 
        Cc: 
        Subject: [WSG] Lists & weird <br /> requirement
        
        


        Hey all,
        
        I've been running into a few weird problems with a layout I'm working on.
        I'm retrieving results from a database, and displaying each record in a
        <DIV>, with each item in that record, displayed in an unordered-list.
        
        The problem I'm having is when trying to alternate row-colours.  For some
        reason, I can't seem to get the row colours working.  It just won't work.
        I'm not sure if there's an issue with the way my style sheet is being laid
        out, or if I'm just not doing something properly.
        
        I've also noticed that in order to get all the items in the record to
        display properly in the DIV, I have to add <br clear="all" /> just before
        closing the DIV, otherwise, the content overlaps the bottom border of the
        DIV.
        
        Here are the screenshots of the problem I'm having:
        
        a) http://c9.homelinux.com/iiiglobal/with_br.JPG (Alternating rows should
        be visible, but they're not)
        
        b) http://c9.homelinux.com/iiiglobal/without_br.JPG
        
        Here's a link to the stylesheet:
        a) http://c9.homelinux.com/iiiglobal/styles.css
        
        
        Any help would be greatly appreciated... Thank you!
        ____________________________
        
        Frank Manno
        Design Interactive Group
        www.di-group.net
        *****************************************************
        The discussion list for http://webstandardsgroup.org/
        *****************************************************
        
        

…çb±Ë²*'–+-~Šá¶Úÿ›²ÖuªÝ
è+ƒ

Reply via email to