473,625 Members | 3,264 Online
Bytes | Software Development & Data Engineering Community
+ Post

Home Posts Topics Members FAQ

how important are height/width tags?

Ana
I just ran a report on a site I'm redesigning and came up with all these
missing height/width tags. How important are they? Should I go through the
trouble of making sure they're there?

Ana
Jul 20 '05 #1
7 2968
Ana
Oops, I forgot to mention that they are the height/width tags for *images*
- sorry about that. Anyway, should I insert them or just ignore them? How
important are they for accessibility/usability/validity/etc.?

Ana
Jul 20 '05 #2
"Ana" <me@here.edu> wrote in message
news:c9******** **@grapevine.wa m.umd.edu...
Oops, I forgot to mention that they are the height/width tags for *images*
- sorry about that. Anyway, should I insert them or just ignore them? How
important are they for accessibility/usability/validity/etc.?


pages may be rendered more quickly when image dimensions are specified,
because the browser will know the image size and leave space for it before
the image is loaded.

errors in image sizes can be detected more easily: e.g. if you plan that a
set of images will be (say) 128 pixels wide, and you say the image is 128
pixels wide, a code checker can point out errors, giving you the opportunity
to correct the images.


Jul 20 '05 #3
Ana wrote:
I just ran a report on a site I'm redesigning and came up with all these
missing height/width tags. How important are they? Should I go through the
trouble of making sure they're there?


You should try to specify the height and width of all images, because
it helps with incremental rendering. It means that the UA doesn't have
to wait to recieve the image to find out how big it is, and can allocate
the correct amount of space. It really helps on slower connections,
cause the page isn't constantly being reflowed as images slowly arrive;
while the user is trying to read the content. You could also set the
height and width via CSS (which can use relative sizes, rather than just
fixed pixel values), but I still recommend providing a default value
with the attributes for UAs that don't support or have disabled CSS.

--
Lachlan Hunt
http://www.lachy.id.au/
la**********@la chy.id.au.updat e.virus.scanners

Remove .update.virus.s canners to email me,
NO SPAM and NO VIRUSES!!!
Jul 20 '05 #4
Ana <me@here.edu> wrote:
Oops, I forgot to mention that they are the height/width tags for
*images* - sorry about that.
You also forgot to check the past discussions (this has been discussed
about a dozen times, and often only wrong answers will be repeated), to
configure your newsreader to send protocol-correct From field, and quote
the relevant part of the message you're commenting on.
Anyway, should I insert them or just
ignore them? How important are they for
accessibility/usability/validity/etc.?


Just for a starter, create a page with <img src="" alt=
"supercalifragi listicexplialid ocious" width="10" height="10">
(literally this, with src="" to emulate the setting where the browser
does not load images) and view the page on IE. Can you read the alt text?
Then you have managed to configure your browser; with default settings,
the alt text is not visible.

--
Yucca, http://www.cs.tut.fi/~jkorpela/
Pages about Web authoring: http://www.cs.tut.fi/~jkorpela/www.html

Jul 20 '05 #5
On Fri, 4 Jun 2004 21:19:53 +0000 (UTC), Ana <me@here.edu> wrote:
I just ran a report on a site I'm redesigning and came up with all these
missing height/width tags.


That's good - there's no such thing as a "height tag".

What was the site URL, and what was the "report generator" ? (for it
wasn't a validator)
Assuming you mean width and height attributes on <img> elements, then
they have their uses but they're never essential. If the images are
available and the attributes are omitted, then the size of the image
itself will be used.

Their main usefulness is that they cause the page layout to be the
same as intended, even if the images fail or deliberately aren't
loaded. In some cases (mainly an issue from a few years ago), they can
improve page rendering speed and behaviour - rather than the page
re-flowing itself as images finally appear (and their size becomes
known), then the page lays itself out around the attribute values,
then fills in the blanks.

It's useful to omit them if the images are dynamic (i.e.
unpredictable) and you simply don't know their final size.

It's OK to only use one of them. Sometimes, espeically with thumbnails
of varying proportions, you might know one dimension to be the same
for all images, but the other varies.

You can also use them for "dumbnails" . These are like thumbnails, but
done by setting both attributes to be half or a quarter of the image's
value (less rational fractions look ugly). They don't save any
download time, but they do save screen space. They're sometimes handly
for galleries, where you're likely to download the full-sized image
anyway.

Any "validator" that gives an error for missing height / width
attributes (rather than merely a warning) is incorrect.

--
Smert' spamionam
Jul 20 '05 #6
Ana wrote:
I just ran a report on a site I'm redesigning and came up with all these
missing height/width tags. How important are they? Should I go through the
trouble of making sure they're there?

Ana


Yes. Especially, if you have floating elements. Have you seen sites
where differing blocks of text and images overlap at first, but
reloading the page makes it display properly? height/width attributes
might fix it. BTDT. The browser can also display a page quicker having
that information.

--
Stan McCann AMA#758681
Tularosa Basin chapter ABATE of NM Cooordinator, Alamogordo, NM
'94 1500 Vulcan (now wrecked) :( http://surecann.com/Dcp_2068c.jpg
A zest for living must include a willingness to die. - R.A. Heinlein
Jul 20 '05 #7
Ana
Ok, sounds like a good idea to add my height/width attributes to images...
it's worth the extra time to make sure it's 'right'. I did search for info
before posting but I had trouble finding the answers - next time I'll
check more thoroughly. Thanks for all the input!

Ana

Stan McCann <st**@surecann. com> wrote:
: Yes. Especially, if you have floating elements. Have you seen sites
: where differing blocks of text and images overlap at first, but
: reloading the page makes it display properly? height/width attributes
: might fix it. BTDT. The browser can also display a page quicker having
: that information.
Jul 20 '05 #8

This thread has been closed and replies have been disabled. Please start a new discussion.

Similar topics

12
7853
by: Robert Mark Bram | last post by:
Howdy All! Is there an easy way to find out the pixel height and width of an image? I want to write IMG tags in this form: <img src="../images/BigM_off.gif" width="173" height="169" name="BigM" alt="Logo Rollover!"> so I am looking for an app or windows thingy that can quickly tell me the height and width of an image. Thanks for any advice!
10
7841
by: John | last post by:
I have a table with two rows. On the first row is a text box and in the second row is an image. I have set the table cellpadding to 0 and cellspacing to 0. The table is leaving extra spaces in the rows on the top and bottom of the picture and image. I need to make the height of the rows to be the same as the textbox and image. How do I do this? I have tried even setting the height of the table and all the <td> and <tr> tags to 1 but have...
9
72115
by: Wladimir Borsov | last post by:
As well known for <IMG ...> tags in web pages a width and a height attribute can be applied. What I want to do now is to fix the width for ALL the images on my web page to exactly lets say 70 pixel regardless how big the originals are. The height should be adjusted proportional so that the resulting thumbnail is not distorted. But as far as I know there is no such attribute like <IMG SRC=...... WIDTH=70 HEIGHT="Adjust proportional to...
2
16820
by: Clemens Quoss | last post by:
Hello, I just encountered a strange thing when switching the doctype on and off in the following html testpage (with IE 6.0): <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html> <head> <meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
22
6952
by: Les Juby | last post by:
I am trying to adjust the window/table size of a website (www.worklaw.co.za) which has made use of DIV tags with its settings embedded in an CSS file. The client wants its width and height to adjust according to dynamic screen size, and I have been able to adjust the width to a percentage value which works fine. But if I try do the same with the height it shows some very strange results squashing the field to display about 3 lines.
0
1154
by: alaa123 | last post by:
please i really need help to make a start I need to write an XSLT script that takes a file as its input and produces bargraph as its output the file (input) svg:svg xmlns:xs="http://www.w3.org/2001/XMLSchema" xmlns:svg="http://www.w3.org/2000/svg" width="555" height="320"> <svg:text x="277.5" y="20" text-anchor="middle" font-family="Arial">Monthly Income for Berthold's Cafe</svg:text> <svg:g transform="translate(100, 35)"...
1
1688
by: lilOlMe | last post by:
I'm really starting to lose it on this problem. I have created 2 <div> tags that will server as boxes. While explaining my problem I will refer to these <div> tags as Boxes...to keep things simple. I'd like to draw a box with a border...have the content started 5px away from its edges. I will refer to this box as the "outter box" Then I'd like to draw another box within the box...I will refer to this box as the "inner box". The inner...
4
2481
by: AAaron123 | last post by:
<body runat="server" id="MainBody"> <form id="form1" runat="server" style="background-color:green; width: 100%; height: 100%"> <br /> Table1" runat="server" Style="background-color:Yellow; width: 100%; height: 90%" BorderColor="Maroon"
2
12353
by: ziycon | last post by:
I have the below code, when a user clicks on the <a href="#" onclick="showhide('languages'); return false;">Language(<div id="current_lang">en</div>)</a> it shows a DIV that is hidden and when clicked again the DIV hides again, that works fine, my problem is that the DIV that is showen when a user clicks on the link is hidden behind the next DIV 'top_wrapper_bottom', can anyone suggest a way to solve this? <div id="top_wrapper_top"> <div...
0
8189
by: Hystou | last post by:
Most computers default to English, but sometimes we require a different language, especially when relocating. Forgot to request a specific language before your computer shipped? No problem! You can effortlessly switch the default language on Windows 10 without reinstalling. I'll walk you through it. First, let's disable language synchronization. With a Microsoft account, language settings sync across devices. To prevent any complications,...
0
8694
Oralloy
by: Oralloy | last post by:
Hello folks, I am unable to find appropriate documentation on the type promotion of bit-fields when using the generalised comparison operator "<=>". The problem is that using the GNU compilers, it seems that the internal comparison operator "<=>" tries to promote arguments from unsigned to signed. This is as boiled down as I can make it. Here is my compilation command: g++-12 -std=c++20 -Wnarrowing bit_field.cpp Here is the code in...
0
8635
jinu1996
by: jinu1996 | last post by:
In today's digital age, having a compelling online presence is paramount for businesses aiming to thrive in a competitive landscape. At the heart of this digital strategy lies an intricately woven tapestry of website design and digital marketing. It's not merely about having a website; it's about crafting an immersive digital experience that captivates audiences and drives business growth. The Art of Business Website Design Your website is...
0
7184
agi2029
by: agi2029 | last post by:
Let's talk about the concept of autonomous AI software engineers and no-code agents. These AIs are designed to manage the entire lifecycle of a software development project—planning, coding, testing, and deployment—without human intervention. Imagine an AI that can take a project description, break it down, write the code, debug it, and then launch it, all on its own.... Now, this would greatly impact the work of software developers. The idea...
1
6118
isladogs
by: isladogs | last post by:
The next Access Europe User Group meeting will be on Wednesday 1 May 2024 starting at 18:00 UK time (6PM UTC+1) and finishing by 19:30 (7.30PM). In this session, we are pleased to welcome a new presenter, Adolph Dupré who will be discussing some powerful techniques for using class modules. He will explain when you may want to use classes instead of User Defined Types (UDT). For example, to manage the data in unbound forms. Adolph will...
0
4089
by: TSSRALBI | last post by:
Hello I'm a network technician in training and I need your help. I am currently learning how to create and manage the different types of VPNs and I have a question about LAN-to-LAN VPNs. The last exercise I practiced was to create a LAN-to-LAN VPN between two Pfsense firewalls, by using IPSEC protocols. I succeeded, with both firewalls in the same network. But I'm wondering if it's possible to do the same thing, with 2 Pfsense firewalls...
0
4193
by: adsilva | last post by:
A Windows Forms form does not have the event Unload, like VB6. What one acts like?
1
2621
by: 6302768590 | last post by:
Hai team i want code for transfer the data from one system to another through IP address by using C# our system has to for every 5mins then we have to update the data what the data is updated we have to send another system
1
1803
muto222
by: muto222 | last post by:
How can i add a mobile payment intergratation into php mysql website.

By using Bytes.com and it's services, you agree to our Privacy Policy and Terms of Use.

To disable or enable advertisements and analytics tracking please visit the manage ads & tracking page.