navigation
a webmaster learning community
     Home    Register     Search      Help      Login    
Sponsors

Shopping Cart Software
Ecommerce software integrated into Frontpage, Dreamweaver and Golive templates. No monthly fees and available in ASP and PHP versions.

Website Templates
We also have a wide selection of Dreamweaver, Expression Web and Frontpage templates as well as webmaster tools and CSS layouts.

Frontpage website templates
Creative Website Templates for FrontPage, Dreamweaver, Flash, SwishMax

Search Forums
 

Advanced search
Recent Posts

 Todays Posts
 Most Active posts
 Posts since last visit
 My Recent Posts
 Mark posts read

 

Rounded corners to table - how to?

 
View related threads: (in this forum | in all forums)

Logged in as: Guest
Users viewing this topic: none
Printable Version 

All Forums >> Web Design >> Web Graphics >> Rounded corners to table - how to?
Page: [1]
 
tomfuller

 

Posts: 43
From: Portland OR USA
Status: offline

 
Rounded corners to table - how to? - 12/6/2002 10:46:07   
I would like to make rounded edges to the corners of some tables in my website.

What is the best way to accomplish this?

I have access to Photoshop 7 - but am not sure how to use that tool to accomplish this either. Does FP have an easy way to do this?

Thanks!

_____________________________

"You shall know the truth and the truth shall set you free." JC
GoDario27

 

Posts: 232
Joined: 12/26/2001
From: Barberton OH USA
Status: offline

 
RE: Rounded corners to table - how to? - 12/6/2002 10:56:39   
here' s a good tutorial -- it' s for DreamWeaver, but the same applies:

http://www.dreamweaversites.com/tutorials/roundedcorners.htm

~Hope it helps

(in reply to tomfuller)
bobby

 

Posts: 11394
Joined: 8/15/1969
From: Seattle WA USA
Status: offline

 
RE: Rounded corners to table - how to? - 12/6/2002 11:50:13   
It' s pretty much a matter of creating a transparent .gif for the rounded corner and then placing it into a table cel or a layer...

A good way to see how it' s done is to import a web that uses them, and take a look at how the table is set up...

_____________________________

If con is the opposite of pro, is Congress the opposite of progress?


:)

(in reply to tomfuller)
tomfuller

 

Posts: 43
From: Portland OR USA
Status: offline

 
RE: Rounded corners to table - how to? - 12/6/2002 17:19:44   
Do you know of any sites off the top that use this method?

(in reply to bobby)
bobby

 

Posts: 11394
Joined: 8/15/1969
From: Seattle WA USA
Status: offline

 
RE: Rounded corners to table - how to? - 12/6/2002 17:49:43   
not off the top... but if I run across one I' ll post the URL.

In the mean time... here' s a piece of a page that I' ve been working on that uses it:

The page code (for part of the header only... I bolded the spot where the rounded corner .gif is inserted...) looks like this:

<table border=" 0"  width=" 100%"  cellpadding=" 0"  cellspacing=" 0" >
<tr>
<td class=" blue"  width=" 30%"  height=" 16" >
<img border=" 0"  src=" images/qtrrd.gif"  width=" 16"  height=" 16"  /></td>
<td class=" blue"  width=" 70%"  height=" 16" >
 <p> & n b s p ;</p>
</td>
</tr>
<tr>
  <td width=" 30%" height=" 87"  align=" center"  valign=" middle" >
  <a href=" index.asp" ><img border=" 0"  src=" images/logo_files/waslogo.gif"  
width=" 220"  height=" 87"  /></a></td>
  <td width=" 70%"  align=" right"  valign=" bottom"  height=" 87" >
<hr />
<p class=" 2" >
<img src=" images/usa.gif"  border=" 0"  width=" 100" 

It' s very important that the cellpadding and cellspacing be set to " 0" or you get empty space around the graphic...

It' s like putting together a puzzle... this is a very simple example, some sites use this method to piece together several (or many) individual images that make up one large graphic...

Hope that helps!

Here' s a screenshot of that portion of the table:

:)

Attachment (1)

< Message edited by bobby -- 12/6/2002 2:53:00 PM >


_____________________________

If con is the opposite of pro, is Congress the opposite of progress?


:)

(in reply to tomfuller)
Mike54

 

Posts: 4789
Joined: 3/26/2001
From: Way Up Over
Status: offline

 
RE: Rounded corners to table - how to? - 12/6/2002 18:18:22   
These were all pulled from previous posts...
Like this one on rounded edges

Here' s One
And Another
Last but not least

That should get you started.:):)

_____________________________

Who was the first guy that looked at a cow and said, "I think that I'll drink whatever comes out of those things when I squeeze them"?

New photogalleries, stop by sometime.

(in reply to tomfuller)
bobby

 

Posts: 11394
Joined: 8/15/1969
From: Seattle WA USA
Status: offline

 
RE: Rounded corners to table - how to? - 12/6/2002 19:44:55   
Mike, you' re an archives madman!

:)



_____________________________

If con is the opposite of pro, is Congress the opposite of progress?


:)

(in reply to tomfuller)
Page:   [1]

All Forums >> Web Design >> Web Graphics >> Rounded corners to table - how to?
Page: [1]
Jump to: 1





New Messages No New Messages
Hot Topic w/ New Messages Hot Topic w/o New Messages
Locked w/ New Messages Locked w/o New Messages
 Post New Thread
 Reply to Message
 Post New Poll
 Submit Vote
 Delete My Own Post
 Delete My Own Thread
 Rate Posts