[SGVLUG] web page funkiness

[Douglas Burton]

Emerson, Tom wrote:

>I ended up with:
>
>table.blog div {
>    margin: 2em 0 0 0 ;
>    width: 100%
>    border: 2px solid #ff0;
>}
>
>which is close, but I see some other areas get some "blank space" I wasn't expecting...
>
>aha:
>  
>
>>><table class="blog" cellpadding="0" cellspacing="0">
>>> <tr><td valign="top">
>>>  <div>	  <==== this is the "div" we're expecting to affect
>>>      
>>>
>[...]
>  
>
>>>   <table class="contentpaneopen">
>>>     <tr>
>>>     <td valign="top" colspan="2">
>>>     <div><span class="Subhead">Sgvlug is now back online!</span>[...]</div>
>>>      
>>>
>
>but THIS div ALSO got extra spacing, which I wasn't expecting [especially as it is a div in a "contentpaneopen" table, not a "blog" table]
>
>[...]
>  
>
>>>   </table>
>>>  </div>
>>>      
>>>
>
>--some-- extra spacing now appears, however the "border" attribute isn't showing up at all
>
The "contentpaneopen" table is nested inside the "blog" table, so any <div>s inside it will also inherit your styling. You're going to have to style the table.contentpaneopen div separately. Note that the <div>'s content is wrapped in an inline <span> tag, so you can style that too if you want.

As for the border, I'm guessing you'll need to style the <a> tag:
table div a {
    width: 100%;
    border: 2px solid #ff0;
}

Doug


-------------- next part --------------
An HTML attachment was scrubbed...
URL: http://www.sgvlug.net/pipermail/sgvlug/attachments/20051006/16f055ae/attachment.html