Creating Curved Frame Corners In dreamweaver?

Amarkarian · Feb 28, 2006

www.stupidchill.com/test

in the above link i want to make that frame one solid line with curved corners. how do i do this?

thanks

kayson · Feb 28, 2006

I don't think you can do this in dremweaver. You need to make an image for each corner that has a curve, and an image for each side that you will use as a background. Then you do something like this:

Code:

<table border=0 cellspacing=0 cellpadding=0>
<tr>
<td><img src="topleftcorner.gif"></td>
<td style="background: url('topborder.gif')"> </td>
<td><img src="toprightcorner.gif"></td>
</tr>

<tr>
<td style="background: url('leftborder.gif')"> </td>
<td>Your Page Content</td>
<td style="background: url('rightborder.gif')"> </td>
</tr>

<tr>
<td><img src="bottomleftcorner.gif"></td>
<td style="background: url('bottomborder.gif')"> </td>
<td><img src="bottomrightcorner.gif"></td>
</tr>

</table>

My html and CSS may be a little off, but that's about how you do it.

This article might help:
http://www.htmlgoodies.com/tutorials/tables/article.php/3479841

Amarkarian · Mar 1, 2006

thanks, now heres another question i would i make my whole page look like its in one page but the top be in a different frame?

kayson · Mar 1, 2006

I'd suggest not using frames. They can be a bit buggy and between browsers you can get different appearances. The best thing to do would be use tables and make a template of your page. Then you can just fill in the content. But in case you absolutely have to have frames:

Code:

<frameset rows="50,*">
<frame name="top" src="toppage.html" frameborder=0 scrolling=no noresize>
<frame name="bottom" src="bottompage.html" frameborder=0>
</frameset>

When you do this, keep in mind that the <frameset> tag replaces <body>, and any links in the top page that you want to alter the bottom need to have the target attribute.

Code:

<a href="link.html" target="bottom">Link</a>

Amarkarian · Mar 1, 2006

in regards to the frame what is a nested frame? can i put it into a table?

well thanks your linked work perfectly but im trying to do something like www.torrentspy.com on the top bar they have the name torrentspy in blue frame and thay have the curved images on the to sides. i want to do that but i have a problem

as you can see i can shrink the column on the right and left but the column on the top (scribbled in red) i cant make any samaller then that. is there away?

Amarkarian · Mar 1, 2006

dammit cant seem to resize the image to make it bigger. if u need a bigger version i can link it from my site.

and by the way thanks for the help so far

edit: maybe i should just make that whole top bar in photoshop but can i link parts of the image (the words in the image)?

kayson · Mar 1, 2006

Torrentspy doesn't use frames for their website. They use tables and I suggest you do that too. I can't really see what you're talking about in the picture. It's too small. Can you make a bigger one?

Amarkarian · Mar 1, 2006

is this better?
http://i19.photobucket.com/albums/b185/amarkarian/ScreenShot1.jpg

Amarkarian · Mar 1, 2006

http://i19.photobucket.com/albums/b185/amarkarian/SCREENSHOT2.jpg

along with the above question i have another one,

if i click button (in the picture) and the link show up in the white space that is a nested frame right?

kayson · Mar 2, 2006

Well it seems like you solved the problem with the top border. Nested frames are basically a frameset that is placed in another frame. It really depends on how you code the website, but from what it looks like, it is a nested frame. Here's some basic info on nested frames:
http://members.aol.com/jbjtutor/HTML_class/page42.htm

Amarkarian · Mar 2, 2006

well i am copletly noob at html,so basically to put one of these on my site i should find the code for the table i want it in and paste the code in that table?

kayson · Mar 2, 2006

I don't understand what you're asking. Put one of what on your site?

Amarkarian · Mar 2, 2006

the nested frame

kayson · Mar 2, 2006

If you want a frame in that spot you should probably use <iframe>. Put the tag wherever you want the frame to show up. You can specify borders, height/width, etc. to make it seamless. Don't forget to use the name="" attribute in the frame and target="" in your links so it goes to the right frame.

Here's a link for this:
http://www.htmlgoodies.com/tutorials/frames/article.php/3479271

Amarkarian · Mar 3, 2006

thanks much apprecitated

Creating Curved Frame Corners In dreamweaver?

Amarkarian

Member

kayson

Member

Amarkarian

Member

kayson

Member

Amarkarian

Member

Amarkarian

Member

kayson

Member

Amarkarian

Member

Amarkarian

Member

kayson

Member

Amarkarian

Member

kayson

Member

Amarkarian

Member

kayson

Member

Amarkarian

Member

Similar threads