Borders In HTML without CSS Options

[HTMLMAL]

How can i assign border styles to the image i am using for an image map without using css? i tried using a div and it works to allign the image but not the borders ?

ex: <div style = "text-align:center;""border= 3px solid red"> <!-- the align part of the code is working but not the border-->

<img src="../webpages/pictures/image_map.png" alt="Workplace" usemap="#workmap" width="768" height="614">

[Christian J]

How can i assign border styles to the image i am using for an image map without using css?

You might use the old BORDER attribute on the IMG element: https://www.w3.org/TR/html401/struct/object...adef-border-IMG (it seems to be removed in the HTML5 spec). The border color is taken from the parent element's text/foreground color.

<div style = "text-align:center;""border= 3px solid red"> <!-- the align part of the code is working but not the border-->

That is in fact CSS, but the syntax should be like this:

CODE

<div style="text-align:center; border: 3px solid red">

However, note that DIV is a block element, so it (and its border) will normally extend across the whole viewport.

[HTMLMAL]

How can i assign border styles to the image i am using for an image map without using css?

You might use the old BORDER attribute on the IMG element: https://www.w3.org/TR/html401/struct/object...adef-border-IMG (it seems to be removed in the HTML5 spec). The border color is taken from the parent element's text/foreground color.

<div style = "text-align:center;""border= 3px solid red"> <!-- the align part of the code is working but not the border-->

That is in fact CSS, but the syntax should be like this:

CODE

<div style="text-align:center; border: 3px solid red">

However, note that DIV is a block element, so it (and its border) will normally extend across the whole viewport.

this worked! but i have found that i needed to assign ids to elements and then style them in the style section however my issue is now centering the image i have

#mapphoto{
text-align: center; <!-- the image will not center on the page-->
border:3px solid red;
}

img id="mapphoto" src="../webpages/pictures/image_map.png" alt="Workplace" usemap="#workmap" width="768" height="614">

[pandy]

this worked! but i have found that i needed to assign ids to elements and then style them in the style section

No, you don't have to do that.

however my issue is now centering the image i have

#mapphoto{
text-align: center; <!-- the image will not center on the page-->
border:3px solid red;
}

img id="mapphoto" src="../webpages/pictures/image_map.png" alt="Workplace" usemap="#workmap" width="768" height="614">

Depends on the context how you should do that best and you don't show us the context.

The way you try to do it doesn't work because you use text-align: center wrong. 'text-align' aligns text and other inline content (like images) when applied to a containing block element. You can't apply 'text-align' directly to inline elements.

Show us more of the page. Meanwhile, read this.

CSS: centering things
http://www.w3.org/Style/Examples/007/center.html