Hello,<br />
I'm quite familiar with using <map> and <area> tags when creating my links. You define the coordinates for the area to begin, and the coordinates for where it ends. Then an invisible, square box is created around it so that you can click on that area. But that's not the thing.<br />
<br />
I.e. at Imesh (<!-- m --><a class="postlink" href="http://www.imesh.com">http://www.imesh.com</a><!-- m -->)'s homepage, you can see a ROUND area. At the "click here button". What I am wondering is: How can I create a ROUND area like this in HTML?<br />
<br />
I know my message sounds confusing, but plz give it a shot, I really need help on this 1.<!--content-->Use the "shape" attribute with the AREA element. <!-- m --><a class="postlink" href="Seehttp://www.w3.org/TR/html4/struct/objects.html#h-13.6.1">Seehttp://www.w3.org/TR/html4/struct/ob ... l#h-13.6.1</a><!-- m -->. that helped a lot
<br />
<br />
Buut...<br />
<br />
<area href=http://www.webdeveloper.com/forum/archive/index.php/"default.html" shape="square" coords="1,1,2,2"><br />
<br />
Let's say this is my piece of code.<br />
I understand this, ok?<br />
<br />
x start,y start,x end,y end<br />
<br />
Dum-dum:<br />
<br />
<area href=http://www.webdeveloper.com/forum/archive/index.php/"default.html" shape="circle" coords="1,1,20"><br />
<br />
This is the piece of code i want to use, since my form is supposed to be a circle. I don't get it.<br />
Because as you can see, it has one attribute less than the square.<br />
<br />
What is those three attributes for the circular shape then?<!--content-->From the HTML 4.01 Specification:<br />
coords = coordinates [CN]<br />
This attribute specifies the position and shape on the screen. The number and order of values depends on the shape being defined. Possible combinations: <br />
<br />
* rect: left-x, top-y, right-x, bottom-y.<br />
<br />
* circle: center-x, center-y, radius. Note. When the radius value is a percentage value, user agents should calculate the final radius value based on the associated object's width and height. The radius should be the smaller value of the two.<br />
<br />
* poly: x1, y1, x2, y2, ..., xN, yN. The first x and y coordinate pair and the last should be the same to close the polygon. When these coordinate values are not the same, user agents should infer an additional coordinate pair to close the polygon.<br />
<!-- m --><a class="postlink" href="http://www.w3.org/TR/html4/struct/objects.html#h-13.6.1">http://www.w3.org/TR/html4/struct/objects.html#h-13.6.1</a><!-- m --><!--content-->
I'm quite familiar with using <map> and <area> tags when creating my links. You define the coordinates for the area to begin, and the coordinates for where it ends. Then an invisible, square box is created around it so that you can click on that area. But that's not the thing.<br />
<br />
I.e. at Imesh (<!-- m --><a class="postlink" href="http://www.imesh.com">http://www.imesh.com</a><!-- m -->)'s homepage, you can see a ROUND area. At the "click here button". What I am wondering is: How can I create a ROUND area like this in HTML?<br />
<br />
I know my message sounds confusing, but plz give it a shot, I really need help on this 1.<!--content-->Use the "shape" attribute with the AREA element. <!-- m --><a class="postlink" href="Seehttp://www.w3.org/TR/html4/struct/objects.html#h-13.6.1">Seehttp://www.w3.org/TR/html4/struct/ob ... l#h-13.6.1</a><!-- m -->. that helped a lot
<br /><br />
Buut...<br />
<br />
<area href=http://www.webdeveloper.com/forum/archive/index.php/"default.html" shape="square" coords="1,1,2,2"><br />
<br />
Let's say this is my piece of code.<br />
I understand this, ok?<br />
<br />
x start,y start,x end,y end<br />
<br />
Dum-dum:<br />
<br />
<area href=http://www.webdeveloper.com/forum/archive/index.php/"default.html" shape="circle" coords="1,1,20"><br />
<br />
This is the piece of code i want to use, since my form is supposed to be a circle. I don't get it.<br />
Because as you can see, it has one attribute less than the square.<br />
<br />
What is those three attributes for the circular shape then?<!--content-->From the HTML 4.01 Specification:<br />
coords = coordinates [CN]<br />
This attribute specifies the position and shape on the screen. The number and order of values depends on the shape being defined. Possible combinations: <br />
<br />
* rect: left-x, top-y, right-x, bottom-y.<br />
<br />
* circle: center-x, center-y, radius. Note. When the radius value is a percentage value, user agents should calculate the final radius value based on the associated object's width and height. The radius should be the smaller value of the two.<br />
<br />
* poly: x1, y1, x2, y2, ..., xN, yN. The first x and y coordinate pair and the last should be the same to close the polygon. When these coordinate values are not the same, user agents should infer an additional coordinate pair to close the polygon.<br />
<!-- m --><a class="postlink" href="http://www.w3.org/TR/html4/struct/objects.html#h-13.6.1">http://www.w3.org/TR/html4/struct/objects.html#h-13.6.1</a><!-- m --><!--content-->