This is Interesting: Free Magazines for Graphics designers and webmasters  


Home > Archive > Dreamweaver > February 2006 > Website Boarders





You are viewing an archived Text-only version of the thread. To view this thread in it's original format and/or if you want to reply to this thread please [click here]

Author Website Boarders
rsderrick

2006-02-24, 10:15 am

Hi Everyone,

I consider myself a novice at DW and need to ask a novice question. Can anyone
tell me how to get the really neat boarder on the "table" like the ones that
are on the Adobe / Macromedia website. I assume that this is done with CSS but
I also wonder if it is being created using an image for the background. Can
anyone explain this to me?

I thought maybe it was done with a nested table but I don't think that is it.

Scott

Joe Makowiec

2006-02-24, 10:15 am

On 24 Feb 2006 in macromedia.dreamweaver, rsderrick wrote:

> I consider myself a novice at DW and need to ask a novice question.
> Can anyone tell me how to get the really neat boarder on the "table"
> like the ones that are on the Adobe / Macromedia website. I assume
> that this is done with CSS but I also wonder if it is being created
> using an image for the background. Can anyone explain this to me?


On the main page, in the four-column area, the table outlines are created
using these images, which are used as backgrounds on various divs:

http://assets.macromedia.com/cdn-im...ome/cap_top.gif
http://assets.macromedia.com/cdn-im...und_content.gif
http://assets.macromedia.com/cdn-im.../cap_bottom.gif

> I thought maybe it was done with a nested table but I don't think
> that is it.


There was a method in the 'good old days', involving nested tables,
cell padding and background colors:

<table width="500" border="0" cellpadding="1" cellspacing="0" bgcolor="#00FF00">
<tr>
<td>
<table width="100%" border="0" cellpadding="0" cellspacing="0" bgcolor="#FFFFFF">
<tr>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
<tr>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
</table>
</td>
</tr>
</table>

But don't do it. It's ugly, it uses excessive code, and can be done
more simply with CSS:

table.greenborder {
width : 500px ;
background-color : white ;
border : 1px solid lime ;
}
....
<table class="greenborder">
<tr>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
<tr>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
</table>

--
Joe Makowiec
http://makowiec.net/
Email: http://makowiec.net/email.php
Tim G

2006-02-25, 3:14 am


"rsderrick" <webforumsuser@macromedia.com> wrote in message
news:dtn32g$6bg$1@forums.macromedia.com...
> Hi Everyone,
>
> I consider myself a novice at DW and need to ask a novice question. Can
> anyone
> tell me how to get the really neat boarder on the "table" like the ones
> that
> are on the Adobe / Macromedia website.


Boarders on the table? Sounds like a pretty wild bed-and-breakfast....

:)

tim


Murray *TMM*

2006-02-25, 6:14 pm

I always think of sailing ships and grappling hooks.... 8)

AVAST, ME HEARTIES!

--
Murray --- ICQ 71997575
Team Macromedia Volunteer for Dreamweaver
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.dreamweavermx-templates.com - Template Triage!
http://www.projectseven.com/go - DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs, Tutorials & Resources
http://www.macromedia.com/support/search/ - Macromedia (MM) Technotes
==================


"Tim G" <webservicesNOSPAM@pactumgroup.com> wrote in message
news:dtp39m$qeg$1@forums.macromedia.com...
>
> "rsderrick" <webforumsuser@macromedia.com> wrote in message
> news:dtn32g$6bg$1@forums.macromedia.com...
>
> Boarders on the table? Sounds like a pretty wild bed-and-breakfast....
>
> :)
>
> tim
>



rsderrick

2006-02-26, 3:14 am

Joe,

I tried to recreate the boarders with the images. I am not sure if I am doing
this correctly or not. I don't know CSS well enough to try it there yet so I
did it in tables. I did notice that it didn't work in FF but does in IE. Any
suggestions.

http://www.midstatebeekeepers.com/test_boarders.html

TIA

Scott

Joe Makowiec

2006-02-26, 6:14 pm

On 26 Feb 2006 in macromedia.dreamweaver, rsderrick wrote:

> I tried to recreate the boarders with the images. I am not sure if I
> am doing this correctly or not. I don't know CSS well enough to try
> it there yet so I did it in tables. I did notice that it didn't work
> in FF but does in IE. Any suggestions.
>
> http://www.midstatebeekeepers.com/test_boarders.html


The Macromedia main page is a fairly complex structure involving divs and
css. This is a table-based layout using CSS which should give you
similar results but be much simpler to understand:

http://makowiec.net/test/tablemargins.html

--
Joe Makowiec
http://makowiec.net/
Email: http://makowiec.net/email.php
Sponsored Links


Copyright 2003 - 2008 forum4designers.com  Software forum  Computer Hardware reviews