473,791 Members | 3,059 Online
Bytes | Software Development & Data Engineering Community
+ Post

Home Posts Topics Members FAQ

Image Positioning Inside Table Problem (IE only)

Hello Developers!

I am pulling my hairs out. IE adds extra space below an image when I align
it at the bottom inside a table cell.
Firefox and Opera render as expected.

Simple example available at
http://my-picture-store.com/test/panelboxtest.htm
Any ideas? cellspacing and cellpadding is already set to zero.

Thomas
Jan 2 '08 #1
14 4181
Thomas J wrote:
Hello Developers!
Crosspost, don't multipost.

http://oakroadsystems.com/genl/unice.htm#xpost
--
Blinky
Killing all posts from Google Groups
The Usenet Improvement Project - http://improve-usenet.org

Jan 2 '08 #2
nonsens

T
Jan 2 '08 #3
Thomas J wrote:
nonsens
And learn to quote and attribute.
T
And learn to make a valid sig.

--
Blinky
Killing all posts from Google Groups
The Usenet Improvement Project - http://improve-usenet.org

Jan 3 '08 #4
and your must be so proud wasting your time and bytes on hundreds of servers
T
Jan 3 '08 #5
Thomas J wrote:
and your must be so proud wasting your time and bytes on hundreds of servers
T
It wouldn't be wasted if it got you to learn how to post, dimbulb.
--
Blinky
Killing all posts from Google Groups
The Usenet Improvement Project - http://improve-usenet.org

Jan 3 '08 #6
Thomas J wrote:
I am pulling my hairs out. IE adds extra space below an image when I align
it at the bottom inside a table cell.
Firefox and Opera render as expected.

Simple example available athttp://my-picture-store.com/test/panelboxtest.ht m
Any ideas? cellspacing and cellpadding is already set to zero.
Hi Thomas,

You need to add this to your CSS in the head of your page:

IMG {margin: 0px;display:blo ck;}

That will remove that tricky 3px bottom margin :)

Regards,
Casey.

Jan 3 '08 #7
On 3 jan, 17:29, cfarrell <fera...@gmail. comwrote:
Thomas J wrote:
I am pulling my hairs out. IE adds extra space below an image when I align
it at the bottom inside a table cell.
Firefox and Opera render as expected.
Simple example available athttp://my-picture-store.com/test/panelboxtest..h tm
Any ideas? cellspacing and cellpadding is already set to zero.

Hi Thomas,

You need to add this to your CSS in the head of your page:

IMG {margin: 0px;display:blo ck;}

That will remove that tricky 3px bottom margin :)

Regards,
Casey.
Casey,

Have you actually examine the original poster's message and more
carefully his webpage? You see, over at another discussion forum
(alt.html), a poster (rf) claims that the issue is to remove "the
whitespace before the </td(...) IE incorrectly *uses* that
whitespace. Modern browsers correctly ignore it."

Now, this is where we really needed all and deserved all to get the
poster to avoid cross-posting and wasting everyone's time and typing
hands. We would have then all benefited (and learned) from having a
non-fragmented discussion on the original poster's.

To Thomas J:
Do not multi-post. Cross-post if you really believe you need to and
then set a followup-to accordingly. It is in your best interests to do
so. You're the one who should try to comply with rules, etiquette and
common grounds in newsgroups. Not the other way around.

Regards, Gérard
Jan 4 '08 #8
On Jan 4, 1:58 pm, GTalbot <newsgr...@gtal bot.orgwrote:
Casey,

Have you actually examine the original poster's message and more
carefully his webpage? You see, over at another discussion forum
(alt.html), a poster (rf) claims that the issue is to remove "the
whitespace before the </td(...) IE incorrectly *uses* that
whitespace. Modern browsers correctly ignore it."
Hi Gérard,

Yes - here's the statement I was answering:
IE adds extra space _below_ an image when I align
it at the bottom inside a table cell.
If IE were using the whitespace before the </td>, it would have made
space to the right of the image, not below.

I had a look at the linked page and could see that issue, and the
styling rules I posted will fix that issue. I believe it is actually
caused by IE forcing a td to be the height of the line-height when any
inline element is inside that td, and placing that inline element at
the top of the line.

I agree, the OP should have cross posted - then if the original
question had changed I would have known about it. It would be good to
hear back from him to see if the problem has been solved but I fear he
may have been scared off by the aggressive tone after a simple
mistake.

Casey.
Jan 4 '08 #9
good luck, don quixote
T
Jan 6 '08 #10

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

Similar topics

8
4419
by: Jukka K. Korpela | last post by:
I just noticed that most browsers render <table border="1"><tr><td><p>foo</p></td></tr></table> the same way as <table border="1"><tr><td>foo</td></tr></table> That is, they ignore the p markup in the sense that they don't apply the normal default top and bottom margins. This is rather odd, especially
1
1535
by: John Leeke | last post by:
How are images positioned on a page? In particular, how do I adapt the following javascript code: ********** <img src="officecam0000.jpg" name="myImageName"> <script language="JavaScript"> function reloadImage() { var now = new Date(); if (document.images) {
10
7406
by: John Smith | last post by:
I know that uploading an image to a database has been covered, oh, about 3 trillion times. However, I haven't found anything covering uploading to a MySQL database with .net. Please don't recommend storing the image to the filesystem and only keeping a pointer to that in the table. I want to dump the image to a table. My code dumps the data into the table, however, I get the following error when trying to view the image "the image ......
2
2473
by: Wayne Wengert | last post by:
I am trying to build an ASP.NET application which includes the capability to allow users to save pictures to a SQL Server 2000 database table and then later to display selected photos (usually JPG files). I found some sample code via a google search which showed how to upload a jpg file using ASP (HtmlInputFile) and save it in an Access database and I've tried to adapt that to work with ASP.NET/SQL Server and I am able to get the file data...
1
2563
by: kuldeep bajaj | last post by:
Hi, I have developed one custom dropdown JSP tag just as HTML select box . I calculate width of dropdown box using div's offsetWidth attribute. But I am getting it's value as zero inside table tag .Outside the table it is returning proper width What would be the reason of not getting proper offsetWidth of DIV inside TABLE? Please give me suggestion. Thanks, Kuldeep
2
6154
by: jemedina74 | last post by:
What I am trying to accomplish is to have the background image of a table change every time a page is reloaded/refreshed. I have tried many different scripts and non of them have worked for me. I have a total of four images at the moment that will be used in this array. Any and all help would be greatly appreciated. Thanks in advance,
3
3505
by: vunet | last post by:
When I use image as a bullet within LI element I have different image positioning results in Firefox and IE6. IE6 puts the image on top and far from left LI's border. Firefox puts it nicely in the middle and very close to left border. How do I control bullet image positioning? Please advise a nice hack. Thanks
2
3815
by: Jim | last post by:
How can I use JavaScript to change a background image in a table cell? Here's the code for the cell <td width="338" valign="top" background="../images/ LEC_Q1.jpg"><div align="right"></div></td> You can see that the background is set to the image LEC_Q1.jpg. I want to change the image LEC_Q1.jpg to LEC_Q1_faded.jpg after a user clicks a button and the only way I can figure out to do it is by using
3
2407
by: NKTA | last post by:
Hello again. I have a doubt in how to obtain the position of an image in a table cell. What i want to do is: - Find the image position, and add a new image on top of that image. The problem, is that the image is inserted in the table so doing with the offset (Left / Top) gives its position regarding its offsetparent and posts the nem image in the wrong place. How do i discorver the image position regarding the document itself ? The...
0
9512
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
10419
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
10201
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...
1
10147
by: Hystou | last post by:
Overview: Windows 11 and 10 have less user interface control over operating system update behaviour than previous versions of Windows. In Windows 11 and 10, there is no way to turn off the Windows Update option using the Control Panel or Settings app; it automatically checks for updates and installs any it finds, whether you like it or not. For most users, this new feature is actually very convenient. If you want to control the update process,...
0
9023
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
7531
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
5424
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...
1
4100
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
2
3709
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.