Stop width and height attributes attaching to img tag?

Kulvinder Singh Matharu · Jun 6, 2005

This is strange (or maybe not).

I've removed all "height" and "width" attributes from the img tag
from my local PC copy of my website.

I then publish to a remote web server, but when I view the html
source at the server, I find that "width" and "height" have been
added to all pages. Is this a FrontPage client publishing issue or is
it a server issue? How do I resolve? Thanks in advance.

This is the info on the remote server:

Server: Apache/1.3.27 (Unix) PHP/4.3.10 mod_perl/1.26
FrontPage/5.0.2.2510

This is the copy of a local file via the local (the remote server
copy can be found at
http://www.metalvortex.com/paintings/billm/hidden.htm ) :
---------------------------------------------------------------------------------------------------

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en-GB">


<head>
<meta http-equiv="Content-Language" content="en-gb" />
<meta http-equiv="Content-Type" content="text/html;
charset=windows-1252" />
<script type="text/javascript" src="../../external.js"></script>


<title>Le Sourire</title>

<link rel="stylesheet" type="text/css" href="../../main.css"
title="Default" />

</head>
<body>
<h1 class="topnavtitle">
Le
Sourire</h1>
<a
href="http://www.metalvortex.com/">Home</a> | 
<a href="../../siteindex/index.htm">Site Index</a> |
<a
href="../ting/index.htm">Ting Shao Kuang</a> |
<a href="../hokusai/index.htm">Hokusai</a> | <a
href="index.htm">Kulvinder Singh Matharu</a>


<a
href="metal_vortex.htm">Metal Vortex</a> | <a
href="devil_tree.htm">Devil Tree</a> | <a
href="formula_1_car.htm">Formula 1 Car</a> |
<a href="manipulation.htm">Manipulation</a> | <a
href="beyond.htm">Beyond</a> |
Le Sourire

<div class="generalbody">


<img src="black.jpg" alt="Le Sourire" />

<div class="foldertext"><img src="background.gif" /></div>

Le Sourire - 2003

Inspired by a trip to <a href="
../../myphotos/holland/index.htm">Amsterdam</a> and a review of
the life
and works of Paul Gauguin.

by Kulvinder Singh Matharu

</div>

 
<hr class="hrule" />
<a
href="http://www.metalvortex.com/"><img src="../../matharu.gif"
alt="ks matharu web site" /></a>
To contact me, please complete the <a
href="../../form/form.htm">Feedback Form</a> 
Last update :
Monday, 06 June 2005

[ <a
href="../../PGP_DH_Key.asc">PGP DH/DSS Public Key</a> ]

<a href="../../copyright/index.htm">Copyright © 1981-2005 Kulvinder
Singh Matharu *</a> 
<a href="../../copyright/index.htm">All Rights Reserved</a> 
<a href="../../copyright/index.htm">* exception</a>

</body>

</html>

--
Kulvinder Singh Matharu
Website : www.metalvortex.com
Contact : www.metalvortex.com/form/form.htm

"It ain't Coca Cola, it's rice", Straight to Hell - The Clash

Steve Easton · Jun 6, 2005

This is a browser issue not a FrontPage issue.
The browser writes the width and height so that it knows the dimensions needed to display the image.

Why do you want to remove the height and width??

--
Steve Easton
Microsoft MVP FrontPage
95isalive
This site is best viewed............
........................with a computer

Kulvinder Singh Matharu said:
This is strange (or maybe not).

I've removed all "height" and "width" attributes from the img tag
from my local PC copy of my website.

I then publish to a remote web server, but when I view the html
source at the server, I find that "width" and "height" have been
added to all pages. Is this a FrontPage client publishing issue or is
it a server issue? How do I resolve? Thanks in advance.

This is the info on the remote server:

Server: Apache/1.3.27 (Unix) PHP/4.3.10 mod_perl/1.26
FrontPage/5.0.2.2510

This is the copy of a local file via the local (the remote server
copy can be found at
http://www.metalvortex.com/paintings/billm/hidden.htm ) :
-------------------------------------------------------------------------------------------------- -

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en-GB">


<head>
<meta http-equiv="Content-Language" content="en-gb" />
<meta http-equiv="Content-Type" content="text/html;
charset=windows-1252" />
<script type="text/javascript" src="../../external.js"></script>


<title>Le Sourire</title>

<link rel="stylesheet" type="text/css" href="../../main.css"
title="Default" />

</head>
<body>
<h1 class="topnavtitle">
Le
Sourire</h1>
<a
href="http://www.metalvortex.com/">Home</a> | 
<a href="../../siteindex/index.htm">Site Index</a> |
<a
href="../ting/index.htm">Ting Shao Kuang</a> |
<a href="../hokusai/index.htm">Hokusai</a> | <a
href="index.htm">Kulvinder Singh Matharu</a>


<a
href="metal_vortex.htm">Metal Vortex</a> | <a
href="devil_tree.htm">Devil Tree</a> | <a
href="formula_1_car.htm">Formula 1 Car</a> |
<a href="manipulation.htm">Manipulation</a> | <a
href="beyond.htm">Beyond</a> |
Le Sourire

<div class="generalbody">


<img src="black.jpg" alt="Le Sourire" />

<div class="foldertext"><img src="background.gif" /></div>

Le Sourire - 2003

Inspired by a trip to <a href="
../../myphotos/holland/index.htm">Amsterdam</a> and a review of
the life
and works of Paul Gauguin.

by Kulvinder Singh Matharu

</div>

 
<hr class="hrule" />
<a
href="http://www.metalvortex.com/"><img src="../../matharu.gif"
alt="ks matharu web site" /></a>
To contact me, please complete the <a
href="../../form/form.htm">Feedback Form</a> 
Last update :
Monday, 06 June 2005

[ <a
href="../../PGP_DH_Key.asc">PGP DH/DSS Public Key</a> ]

<a href="../../copyright/index.htm">Copyright © 1981-2005 Kulvinder
Singh Matharu *</a> 
<a href="../../copyright/index.htm">All Rights Reserved</a> 
<a href="../../copyright/index.htm">* exception</a>

</body>

</html>

--
Kulvinder Singh Matharu
Website : www.metalvortex.com
Contact : www.metalvortex.com/form/form.htm

"It ain't Coca Cola, it's rice", Straight to Hell - The Clash

Kulvinder Singh Matharu · Jun 6, 2005

This is a browser issue not a FrontPage issue.
The browser writes the width and height so that it knows the dimensions needed to display the image.

When I view the web pages through my local server then the source
code DOES NOT show "height" or "width". So if you're correct, what
makes the browser decide when to add these attributes?

Why do you want to remove the height and width??

Don't need them or want them. All presentation should be in CSS.

Just for your information, this is the html that is presented through
the local server and as you can see the attributes have not been
added (I used Sam-Spade to get the data so you can see server info
too) :-
--------------------------------------------------------------------------------------

06/06/05 20:01:25 Browsing
http://monster/metalvortex/paintings/billm/hidden.htm
Fetching http://monster/metalvortex/paintings/billm/hidden.htm ...
GET /metalvortex/paintings/billm/hidden.htm HTTP/1.1

Host: monster

Connection: close

User-Agent: Sam Spade 1.14

HTTP/1.1 200 OK

Server: Microsoft-IIS/5.1

X-Powered-By: ASP.NET

Connection: close

Date: Mon, 06 Jun 2005 19:01:26 GMT

Content-Type: text/html

Accept-Ranges: bytes

Last-Modified: Mon, 06 Jun 2005 16:53:51 GMT

ETag: "4265b950b86ac51:944"

Content-Length: 3711

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"

"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en-GB">



<head>

<meta http-equiv="Content-Language" content="en-gb" />

<meta http-equiv="Content-Type" content="text/html;
charset=windows-1252" />

<script type="text/javascript" src="../../external.js"></script>



<title>Le Sourire</title>



<link rel="stylesheet" type="text/css" href="../../main.css"
title="Default" />

</head>

<body>

<h1 class="topnavtitle">

Le
Sourire</h1>

<a
href="http://www.metalvortex.com/">Home</a> | 

<a href="../../siteindex/index.htm">Site Index</a> |

<a
href="../ting/index.htm">Ting Shao Kuang</a> |
<a href="../hokusai/index.htm">Hokusai</a> | <a
href="index.htm">Kulvinder Singh Matharu</a>



<a
href="metal_vortex.htm">Metal Vortex</a> | <a
href="devil_tree.htm">Devil Tree</a> | <a
href="formula_1_car.htm">Formula 1 Car</a> |
<a href="manipulation.htm">Manipulation</a> | <a
href="beyond.htm">Beyond</a> |
Le Sourire

<div class="generalbody">



<img src="black.jpg" alt="Le Sourire" />

<div class="foldertext"><img src="background.gif" /></div>

Le Sourire - 2003

Inspired by a trip to <a href=

"../../myphotos/holland/index.htm">Amsterdam</a> and a review of
the life

and works of Paul Gauguin.

by Kulvinder Singh Matharu



</div>



 

<hr class="hrule" />

<a
href="http://www.metalvortex.com/"><img src="../../matharu.gif"
alt="ks matharu web site" /></a>

To contact me, please complete the <a
href="../../form/form.htm">Feedback Form</a> 

Last update :

Monday, 06 June 2005

[ <a
href="../../PGP_DH_Key.asc">PGP DH/DSS Public Key</a> ]



<a href="../../copyright/index.htm">Copyright © 1981-2005 Kulvinder
Singh Matharu *</a> 

<a href="../../copyright/index.htm">All Rights Reserved</a> 

<a href="../../copyright/index.htm">* exception</a>



</body>



--
Kulvinder Singh Matharu
Website : www.metalvortex.com
Contact : www.metalvortex.com/form/form.htm

"It ain't Coca Cola, it's rice", Straight to Hell - The Clash

Steve Easton · Jun 6, 2005

Of course it won't show in Sam Spade when you use Sam Spade to read it as a "Text only" file,
because the page has not been rendered in a browser.

Open the page in the browser and then View Source.

--
Steve Easton
Microsoft MVP FrontPage
95isalive
This site is best viewed............
........................with a computer

Kulvinder Singh Matharu said:
This is a browser issue not a FrontPage issue.
The browser writes the width and height so that it knows the dimensions needed to display the

Click to expand...

image.

When I view the web pages through my local server then the source
code DOES NOT show "height" or "width". So if you're correct, what
makes the browser decide when to add these attributes?

Why do you want to remove the height and width??

Click to expand...

Don't need them or want them. All presentation should be in CSS.

Just for your information, this is the html that is presented through
the local server and as you can see the attributes have not been
added (I used Sam-Spade to get the data so you can see server info
too) :-
--------------------------------------------------------------------------------------

06/06/05 20:01:25 Browsing
http://monster/metalvortex/paintings/billm/hidden.htm
Fetching http://monster/metalvortex/paintings/billm/hidden.htm ...
GET /metalvortex/paintings/billm/hidden.htm HTTP/1.1

Host: monster

Connection: close

User-Agent: Sam Spade 1.14

HTTP/1.1 200 OK

Server: Microsoft-IIS/5.1

X-Powered-By: ASP.NET

Connection: close

Date: Mon, 06 Jun 2005 19:01:26 GMT

Content-Type: text/html

Accept-Ranges: bytes

Last-Modified: Mon, 06 Jun 2005 16:53:51 GMT

ETag: "4265b950b86ac51:944"

Content-Length: 3711

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"

"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en-GB">



<head>

<meta http-equiv="Content-Language" content="en-gb" />

<meta http-equiv="Content-Type" content="text/html;
charset=windows-1252" />

<script type="text/javascript" src="../../external.js"></script>



<title>Le Sourire</title>



<link rel="stylesheet" type="text/css" href="../../main.css"
title="Default" />

</head>

<body>

<h1 class="topnavtitle">

Le
Sourire</h1>

<a
href="http://www.metalvortex.com/">Home</a> | 

<a href="../../siteindex/index.htm">Site Index</a> |

<a
href="../ting/index.htm">Ting Shao Kuang</a> |
<a href="../hokusai/index.htm">Hokusai</a> | <a
href="index.htm">Kulvinder Singh Matharu</a>



<a
href="metal_vortex.htm">Metal Vortex</a> | <a
href="devil_tree.htm">Devil Tree</a> | <a
href="formula_1_car.htm">Formula 1 Car</a> |
<a href="manipulation.htm">Manipulation</a> | <a
href="beyond.htm">Beyond</a> |
Le Sourire

<div class="generalbody">



<img src="black.jpg" alt="Le Sourire" />

<div class="foldertext"><img src="background.gif" /></div>

Le Sourire - 2003

Inspired by a trip to <a href=

"../../myphotos/holland/index.htm">Amsterdam</a> and a review of
the life

and works of Paul Gauguin.

by Kulvinder Singh Matharu



</div>



 

<hr class="hrule" />

<a
href="http://www.metalvortex.com/"><img src="../../matharu.gif"
alt="ks matharu web site" /></a>

To contact me, please complete the <a
href="../../form/form.htm">Feedback Form</a> 

Last update :

Monday, 06 June 2005

[ <a
href="../../PGP_DH_Key.asc">PGP DH/DSS Public Key</a> ]



<a href="../../copyright/index.htm">Copyright © 1981-2005 Kulvinder
Singh Matharu *</a> 

<a href="../../copyright/index.htm">All Rights Reserved</a> 

<a href="../../copyright/index.htm">* exception</a>



</body>



--
Kulvinder Singh Matharu
Website : www.metalvortex.com
Contact : www.metalvortex.com/form/form.htm

"It ain't Coca Cola, it's rice", Straight to Hell - The Clash

Steve Easton · Jun 6, 2005

Try setting FrontPage to "Preserve existing html"

--
Steve Easton
Microsoft MVP FrontPage
95isalive
This site is best viewed............
........................with a computer

Kulvinder Singh Matharu said:
This is a browser issue not a FrontPage issue.
The browser writes the width and height so that it knows the dimensions needed to display the

Click to expand...

image.

When I view the web pages through my local server then the source
code DOES NOT show "height" or "width". So if you're correct, what
makes the browser decide when to add these attributes?

Why do you want to remove the height and width??

Click to expand...

Don't need them or want them. All presentation should be in CSS.

Just for your information, this is the html that is presented through
the local server and as you can see the attributes have not been
added (I used Sam-Spade to get the data so you can see server info
too) :-
--------------------------------------------------------------------------------------

06/06/05 20:01:25 Browsing
http://monster/metalvortex/paintings/billm/hidden.htm
Fetching http://monster/metalvortex/paintings/billm/hidden.htm ...
GET /metalvortex/paintings/billm/hidden.htm HTTP/1.1

Host: monster

Connection: close

User-Agent: Sam Spade 1.14

HTTP/1.1 200 OK

Server: Microsoft-IIS/5.1

X-Powered-By: ASP.NET

Connection: close

Date: Mon, 06 Jun 2005 19:01:26 GMT

Content-Type: text/html

Accept-Ranges: bytes

Last-Modified: Mon, 06 Jun 2005 16:53:51 GMT

ETag: "4265b950b86ac51:944"

Content-Length: 3711

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"

"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en-GB">



<head>

<meta http-equiv="Content-Language" content="en-gb" />

<meta http-equiv="Content-Type" content="text/html;
charset=windows-1252" />

<script type="text/javascript" src="../../external.js"></script>



<title>Le Sourire</title>



<link rel="stylesheet" type="text/css" href="../../main.css"
title="Default" />

</head>

<body>

<h1 class="topnavtitle">

Le
Sourire</h1>

<a
href="http://www.metalvortex.com/">Home</a> | 

<a href="../../siteindex/index.htm">Site Index</a> |

<a
href="../ting/index.htm">Ting Shao Kuang</a> |
<a href="../hokusai/index.htm">Hokusai</a> | <a
href="index.htm">Kulvinder Singh Matharu</a>



<a
href="metal_vortex.htm">Metal Vortex</a> | <a
href="devil_tree.htm">Devil Tree</a> | <a
href="formula_1_car.htm">Formula 1 Car</a> |
<a href="manipulation.htm">Manipulation</a> | <a
href="beyond.htm">Beyond</a> |
Le Sourire

<div class="generalbody">



<img src="black.jpg" alt="Le Sourire" />

<div class="foldertext"><img src="background.gif" /></div>

Le Sourire - 2003

Inspired by a trip to <a href=

"../../myphotos/holland/index.htm">Amsterdam</a> and a review of
the life

and works of Paul Gauguin.

by Kulvinder Singh Matharu



</div>



 

<hr class="hrule" />

<a
href="http://www.metalvortex.com/"><img src="../../matharu.gif"
alt="ks matharu web site" /></a>

To contact me, please complete the <a
href="../../form/form.htm">Feedback Form</a> 

Last update :

Monday, 06 June 2005

[ <a
href="../../PGP_DH_Key.asc">PGP DH/DSS Public Key</a> ]



<a href="../../copyright/index.htm">Copyright © 1981-2005 Kulvinder
Singh Matharu *</a> 

<a href="../../copyright/index.htm">All Rights Reserved</a> 

<a href="../../copyright/index.htm">* exception</a>



</body>



--
Kulvinder Singh Matharu
Website : www.metalvortex.com
Contact : www.metalvortex.com/form/form.htm

"It ain't Coca Cola, it's rice", Straight to Hell - The Clash

Kulvinder Singh Matharu · Jun 6, 2005

Of course it won't show in Sam Spade when you use Sam Spade to read it as a "Text only" file,
because the page has not been rendered in a browser.

Open the page in the browser and then View Source.

I reviewed the source in both IE6 and FireFox and they all agreed
with Sam-Spade. The code from FireFox was shown in my first post in
this thread. If you notice, there are no "width" or "height"
attributes. In addition, for a full picture, both IE6 and Firefox
show "width" and "height" when looking at the remote server.

Another explanation?

--
Kulvinder Singh Matharu
Website : www.metalvortex.com
Contact : www.metalvortex.com/form/form.htm

"It ain't Coca Cola, it's rice", Straight to Hell - The Clash

Kulvinder Singh Matharu · Jun 6, 2005

Try setting FrontPage to "Preserve existing html"

Thanks. I must be getting blind...where in FP2003 is it? I can't seem
to find the option.

--
Kulvinder Singh Matharu
Website : www.metalvortex.com
Contact : www.metalvortex.com/form/form.htm

"It ain't Coca Cola, it's rice", Straight to Hell - The Clash

Stefan B Rusynko · Jun 7, 2005

The only way to prevent FP from adding the attributes is to insert the image tags as html markup
Insert Web Components Advanced Controls Html
- FP will leave your tags alone but also not manage any links in the tags

There is no setting in FP 2003 to preserve html as by default it does for valid html
- image attributes are valid attributes expected by the browser to preserve space in page layout rendering

| On Mon, 6 Jun 2005 16:26:41 -0400, "Steve Easton"
|
| >Try setting FrontPage to "Preserve existing html"
|
| Thanks. I must be getting blind...where in FP2003 is it? I can't seem
| to find the option.
|
| --
| Kulvinder Singh Matharu
| Website : www.metalvortex.com
| Contact : www.metalvortex.com/form/form.htm
|
| "It ain't Coca Cola, it's rice", Straight to Hell - The Clash

Kulvinder Singh Matharu · Jun 7, 2005

The only way to prevent FP from adding the attributes is to insert the image tags as html markup
Insert Web Components Advanced Controls Html
- FP will leave your tags alone but also not manage any links in the tags

There is no setting in FP 2003 to preserve html as by default it does for valid html
- image attributes are valid attributes expected by the browser to preserve space in page layout rendering

So "Preserve existing html" doesn't exist as such. And it was FP that
was the culprit and not the browsers.

Let me get this straight. FP will add attributes to my tags even
though I don't want them or need them? That sounds like a bad design
decision...why oh why doesn't just provide an option to switch-off
all this automatic mangling!

As for assertion that browsers expect these attributes...well,
browsers shouldn't and don't expect it. They will render pages
according to sets of rules. Surely it's up to me as the web designer
to decide what goes into a web page. And, as stated previously, my
aim is to remove all this presentational markup and use CSS as much
as possible. I will repeat...FP should not unilaterally change my
code. The only code it should change are the web components and if
given specific instruction as detailed in the Publishing options.

I wonder what else FP changes without my knowing!

Thanks for all your assistance. Not sure what to do now as I'm
certainly not going to use web components to insert static html!

--
Kulvinder Singh Matharu
Website : www.metalvortex.com
Contact : www.metalvortex.com/form/form.htm

"It ain't Coca Cola, it's rice", Straight to Hell - The Clash

Endspan Checksum increasing every time published	5	Sep 5, 2006
How do you get rid of nobr code in Navigation Webbot?	3	Feb 3, 2007
Frontpage 2000, browser trouble	5	Jul 4, 2009
Content of shared left border is showing up as 2 columns instead of 1	4	Nov 24, 2009
I am trying to understand this code...	3	Jul 26, 2008
Hit counter won't work	2	Jan 20, 2008
Duplicate Records	3	Apr 8, 2008
any ideas why I can update one table in my database but not the other?	2	Sep 22, 2006

Stop width and height attributes attaching to img tag?

Kulvinder Singh Matharu

Steve Easton

Kulvinder Singh Matharu

Steve Easton

Steve Easton

Kulvinder Singh Matharu

Kulvinder Singh Matharu

Stefan B Rusynko

Kulvinder Singh Matharu

Ask a Question

Similar Threads