Images and spaces - HTML / CSS

richnjones

Hi all
Seems like a stupid question but I am having trouble laying out severl
images both within a table and a div

Consider
<table><tr><td>
<img src=images/left.gif>
<img src=images/right.gif>
</td></tr></table>

The two images have a gap between them. I have tried changing the
padding and vspace but to no effect.

I have tried CSS styles with the div element and get the same. I am
loading both images into one div element so I would be surprised if
changing some of the div attributes would work. Has anyone any ideas
why laying out two images has space in between
Thanks
R

Dec 31 '07 #1

Subscribe Post Reply

1737

Ben C

On 2007-12-31, ri********@gmail.com <ri********@gmail.comwrote:

Hi all
Seems like a stupid question but I am having trouble laying out severl
images both within a table and a div

Consider
<table><tr><td>
<img src=images/left.gif>
<img src=images/right.gif>
</td></tr></table>

The two images have a gap between them. I have tried changing the
padding and vspace but to no effect.

I have tried CSS styles with the div element and get the same. I am
loading both images into one div element so I would be surprised if
changing some of the div attributes would work. Has anyone any ideas
why laying out two images has space in between

Because in your source there are spaces between them. Try

<table><tr><td>
<img src=images/left.gif><img src=images/right.gif>
</td></tr></table>

Alternatively make <imgfloat: left.

Dec 31 '07 #2

richnjones

On 31 Dec, 16:51, Ben C <spams...@spam.eggswrote:

On 2007-12-31, richnjo...@gmail.com <richnjo...@gmail.comwrote:

Hi all
Seems like a stupid question but I am having trouble laying out severl
images both within a table and a div

Consider
<table><tr><td>
<img src=images/left.gif>
<img src=images/right.gif>
</td></tr></table>

The two images have a gap between them. I have tried changing the
padding and vspace but to no effect.

I have tried CSS styles with the div element and get the same. I am
loading both images into one div element so I would be surprised if
changing some of the div attributes would work. Has anyone any ideas
why laying out two images has space in between

Because in your source there are spaces between them. Try

<table><tr><td>
<img src=images/left.gif><img src=images/right.gif>
</td></tr></table>

Alternatively make <imgfloat: left.

Thanks Ben, That worked great! It's so simple when you know how... :)

Dec 31 '07 #3

Similar topics

generating dynamic heading images

by: duncan.lovett | last post by:

I want to generate dynamic heading images, but I won't be able to use the GD Library, ImageMagick or any other plug-in to generate an image on the fly due to hosting restrictions. I have seen,...

PHP

Javascript breaks when images added

by: Fabian | last post by:

This javascript is meant for learning language vocabulary, specifically colours on this example. However, when I use images in the mtWord array, it breaks when checking for correct answers. It...

Javascript

Space introduced between images

by: DM | last post by:

If I put three images next to each other (each within an anchor tag) they all line up horizontally as expected with no space between them. I.e., they're sitting flush up against each other. ...

HTML / CSS

How to add images from local directory to CreateMHTMLBody in a CDO mail?

by: Radhika | last post by:

Hi I have been trying to add images with IMG tag to my mail.But CDO Exchange server is not supporting the IMG tags properly when their path contain spaces. I can not use 'http://' because I am...

.NET Framework

Simple Comparing of Images

by: Adam Dockter | last post by:

I have a couple questions about comparing images. I notice the imagelist collection of images doesn't provide any comparison of images, and the System.Drawing.Image.Equal function will not compare...

C# / C Sharp

change images

by: windandwaves | last post by:

Hi Folk and Gurus This may help some of you (though probably not the gurus), in changing images: http://www.sunnysideup.co.nz/j/imageChange/ Any feedback appreciated. Cheers

Javascript

Images display intermittently in ASP 3.0 page

by: Dave | last post by:

I have an ASP 3.0 website on which the images are displaying intermittently. In other words, when I request a page, the image is blank. There is no missing image place marker (rectangle with a...

ASP / Active Server Pages

two images in one row with proper spaces and without tables

by: Martin P | last post by:

Hello, I have a question which might sound stupid. I want to place two images in the same line with the same spaces between and beside the images. E.g. it should look like this:

HTML / CSS

How to remove spaces between hyperlink images??? Help?

by: levisvv | last post by:

I am creating a web page where I want several images (each is a hyperlink) to be side-by-side with no white space. I read lots of blogs on it and nothing seems to get rid of the spaces, here's where...

HTML / CSS

How to turn on java script in a villaon keypad mobile phone

by: Charles Arthur | last post by:

How do i turn on java script on a villaon, callus and itel keypad mobile phone

Java

Merging data from multiple Excel files

by: ryjfgjl | last post by:

In our work, we often receive Excel tables with data in the same format. If we want to analyze these data, it can be difficult to analyze them because the data is spread across multiple Excel files...

Data Management

Migrating Website to Cloud - Emmanuel Katto

by: emmanuelkatto | last post by:

Hi All, I am Emmanuel katto from Uganda. I want to ask what challenges you've faced while migrating a website to cloud. Please let me know. Thanks! Emmanuel

General

Navigating the Data Structures and Algorithms (DSA)

by: BarryA | last post by:

What are the essential steps and strategies outlined in the Data Structures and Algorithms (DSA) roadmap for aspiring data scientists? How can individuals effectively utilize this roadmap to progress...

Algorithms / Advanced Math

Looking to do Android software development, any suggestions? Is flutter better?

by: nemocccc | last post by:

hello, everyone, I want to develop a software for my android phone for daily needs, any suggestions?

General

How to build RAID in BIOS?

by: Hystou | last post by:

There are some requirements for setting up RAID: 1. The motherboard and BIOS support RAID configuration. 2. The motherboard has 2 or more available SATA protocol SSD/HDD slots (including MSATA, M.2...

Computer Hardware

Changing the language in Windows 10

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...

Windows Server

Discussion: How does Zigbee compare with other wireless protocols in smart home applications?

by: tracyyun | last post by:

Dear forum friends, With the development of smart home technology, a variety of wireless communication protocols have appeared on the market, such as Zigbee, Z-Wave, Wi-Fi, Bluetooth, etc. Each...

General

AI Job Threat for Devs

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,...

Career Advice