'rounded corners' quick tip (pipes, wires)

[vogonpoet]

Just made this to try and answer a question at another forum regarding 'rounded corners' so I thought I may as well post it here for anyone who is making 'pipes' or any shape really that requires rounded corners. Basically the same as an older post here about 'tabs' with one rounded corner, but may as well post it for those that it might help

Just an fyi

[sfm]

cool thanks........ I haven't really done much with the pen tool because I don't know how to use it really although I did a heart once but I forget how I did it! [saywhat] perhaps now I can have another play with it so it will be on my list to play with he he he
sfm

[Joy Foraker]

Good Tut = Thanks
Joy

[ChosenWon]

I'm going nuts trying to do this! I'm using 7.0 on xp but as soon as I do the first step, i get a colored triangle in the middle the color of my forground. :( I'd give a screen shot but this is my workcomputer and I have PS installed in my secondary system.(no 'net access)

History reads like this:

new shape layer
new anchor point
new anchor point
add anchor point
add anchor point
delete anchor point
drag segment
drag segment

[Joy Foraker]

This is sorta off the point but maybe someone will know.

Can I make rounded corners in CSS dotted lines?

The code is:

TABLE { border-style : dashed;
border-width : 1;
border-color : #3366CC;
}

Seems like I read about that somewhere..now..of course...can't find code.

Thanks
Joy

[lindaw]

I know instead of using dashed you can use inset, grove, ridge or outset. Never tried those so I am not sure if this is what you need. Looked in the CSS coding book and I haven't seen anything so far other than the above commands.

**I did a search on google.com for curve border + css and there a several tuts on how to create the effect you want with css.

[Joy Foraker]

Thanks for responding Linda. Yep know about other styles, but I was wondering if I could make the corners round using CSS code ( example one) . Example 2 is what I have now using the box table code.

I would rather not use gifs or jpgs to design the boxes in -- I was hoping to write them with css so they can change shape if the parameters change or chart encounters browser variances.

--And I like round corners better than square ones. Maybe its not possible to write them in using CSS. In that case, I'll use square.

Thanks again.
Joy

[lindaw]

Lemme look just a bit this morning. I can find several tuts on that but they are not in english! Atleast give me French so I can read it! Will get back with ya soon. Couldn't look much last night thanks to the major storms here on the East Coast!

[Joy Foraker]

Hi Linda --thanks for your help. I found this in:
http://www.dwfaq.com/Snippets/snippet_details.asp?
A snippet they claim will work on latest browsers. I haven't had a chance to try it yet. It actually looks like a background color box but it does have a border call-out so maybe can be tweaked for my use.

I'm anxious to try.

SnipID=113

table{
-moz-border-radius: 15px;
background-color : #cccc99;
border : 1px solid #000000;
font-family : Arial, Verdana, Helvetica, sans-serif;
font-size : 12px;
padding-left : 5px;
padding-right : 5px;
}

Joy

<!--
Use the @import method to hide aspects of this CSS from NN4, modify the radius, colour and border properties to suit.
The radius fails in IE6

[lindaw]

Cool, glad you found something. I don't use DW. I code from scratch and I pulled in all my "geeks" and none of us could find a code that would work across the board from scratch. I always code for IE, NS 4 and 6, and Opera. Really hard to make all of those happy!