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> <!-- end Highlights -->
__________________________________________________________________
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
******************************************************
