Re: [WSG] Div Away The Day

Chris Kennon Tue, 12 Oct 2004 11:37:01 -0700

Hi,

Thanks, I looked at a css.maxdesign tutorial on DL after posting, and had decided on this method. Your affirmation is encouraging.

Welcome aboard.

C
On Tuesday, October 12, 2004, at 10:21 AM, [EMAIL PROTECTED] wrote:

Welcome to CSS and Standards, Chris. It is a wonderful thing. This is my first post, and I have been a very, very long time lurker - so hello to everyone!!! A big thank you to the list Dad's and everyone that jumps in to help out. I have benefitted greatly from this community!

If you are specifically trying to emulate the 'program' hightlight section, you may want to use a series of definition lists. Definition list will show a specific relationship between all items (Img, Caption, and Program Info), so it should work semantically.

What I have come up with is below... You may see an example of this here: http://www.co.sauk.wi.us/_test/wsg-help.htm The only strange thing I found with this is, I believe, the dd tags are becoming too big, or the dt is shrinks too small (hence the #Highlights dd {width:93%; to compensate}. Maybe someone else can tackle that...
Good luck!! I hope this helps you. You can work with it fom here...
Jim
<style type="text/css">
    #Highlights dl, #Highlights dt, #Highlights dd, #Highlights img
    {width:140px; margin:0; padding:0; display:block; border:none;}
    #Highlights dl {margin:1em; float:left;}
    #Highlights dd {padding:0.1em 0.3em;}
    #Highlights dd {width:93%;} /* for quirk compensation */
    #Highlights dd, #Highlights dt {border: 1px solid #CDCBD2;}
    #Highlights dd {border-top:none;}
    .ImgDesc {font-weight:bold;}
</style>
<div id="Highlights"> <dl id="Program1"> <dt><img src="../_images/texture.gif" width="140px" height="54px" alt="evening highlightone" /></dt> <dd class="ImgDesc">This is a Picture</dd> <dd class="ShowDesc">This is what the show is about</dd> </dl> <dl id="Program2"> <dt><img src="" width="140px" height="54px" alt="evening highlighttwo" /></dt> <dd class="ImgDesc">This is a Picture</dd> <dd class="ShowDesc">This is what the show is about</dd> </dl> </div> 

__________________________________________________________________ Switch to Netscape Internet Service. As low as $9.95 a month -- Sign up today at http://isp.netscape.com/register
Netscape. Just the Net You Need.
New! Netscape Toolbar for Internet Explorer
Search from anywhere on the Web and block those annoying pop-ups.
Download now at http://channels.netscape.com/ns/search/install.jsp
******************************************************
The discussion list for  http://webstandardsgroup.org/
 See http://webstandardsgroup.org/mail/guidelines.cfm
 for some hints on posting to the list & getting help
******************************************************

"Imagination is more important than knowledge."
                                                -Albert Einstein

Chris
http://ckimedia.com

******************************************************
The discussion list for  http://webstandardsgroup.org/

See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list & getting help
******************************************************

Re: [WSG] Div Away The Day

Reply via email to