Putting Images Together

They have: 40 posts

Joined: Aug 2002

Anyone show me how to put two images together to where theres no small gap in between them plz? i really need to know

He has: 1,380 posts

Joined: Feb 2002

try tables...put them both inside a tag

Suzanne's picture

She has: 5,507 posts

Joined: Feb 2000

Well, there's an interesting question -- put them together in the html or put them together in a graphics application?

Depends on where the image is going what the best way to "stitch" it is.

They have: 40 posts

Joined: Aug 2002

I have tried the tags already, it did not work for me, and i don't know how to do it any other wya, but that leaves a gap that i don't want there......

Gamerz Central
Mankiy Productions - All Mankiys Art on ONE Site

nike_guy_man's picture

They have: 840 posts

Joined: Sep 2000

Are the cellpadding and cellspacing set to 0?
How about the CSS?
I know there is something in CSS to take the border completely out of tables... I'll find it

Laughing out loud

nike_guy_man's picture

They have: 840 posts

Joined: Sep 2000

Errr i'm not too sure on this one

TD {
border 0;
border-width 0;
}
'
It works on my validator and it works when I test it out... as compared to without it, there is almost no gap, i'm not sure on your pics though
Let me know

Laughing out loud

They have: 40 posts

Joined: Aug 2002

im not really experienced in CSS.........
SO How Do I Put it in??

nike_guy_man's picture

They have: 840 posts

Joined: Sep 2000

<head>
<style type="text/css">TD {
border 0;
border-width 0;
}
</style>
</head>
'
I'd like to have someone else verify this for me... please

Laughing out loud

Suzanne's picture

She has: 5,507 posts

Joined: Feb 2000

depends on the browser you're using, as well.

an url would be the best option -- show us where you're having the problems.

Busy's picture

He has: 6,151 posts

Joined: May 2001

if you just want table method without CSS you can use something like:

<table border="0" cellpadding="0" cellspacing="0" width="??"><tr>
  <td align="right"><img src="left" width="??" height="??" alt="??"></td>
  <td align="left"><img src="right" width="??" height="??" alt="??"></td>
</tr></table>
'

the trick is to add cellspacing and cellpadding to 0 (zero) as some browser default at 2 or 3, the align left/right isnt really needed but some browers like it.
If your still getting gaps, try add images width and height tags into the tags.
Note the img tag is on the same line as the td tag.

Suzanne's picture

She has: 5,507 posts

Joined: Feb 2000

Further to Busy's post, if you use a DOCTYPE, N6 may still display gaps -- depending on the DOCTYPE.

An example url would be best.

The Webmistress's picture

She has: 5,586 posts

Joined: Feb 2001

If you can upload the page somewhere and let us know the url we can have a look at the coding as it's normally something really small that's affecting it but all the major things have been covered.

Julia - if life was meant to be easy Michael Angelo would have painted the floor....

They have: 40 posts

Joined: Aug 2002

Jack Michaelson's picture

He has: 1,733 posts

Joined: Dec 1999

If you're talking about 'vbar.gif' : try putting it in the you already put the navigation items in.

The Webmistress's picture

She has: 5,586 posts

Joined: Feb 2001

You really need to try cleaning up your code as you have font tags surrounding images and that can't be helping but it looks like the image (which isn't appearing) is outside the table the image next to it is in, so it wont butt up next to it.

Julia - if life was meant to be easy Michael Angelo would have painted the floor....

They have: 40 posts

Joined: Aug 2002

I Know I Need To Clean Up My Coding (It was coding form an old project of mine. So Instead of writing it all again i copied it)
And I Took out The Tables before i asked this question

Gamerz Central
Mankiy Productions - All Mankiys Art on ONE Site

Want to join the discussion? Create an account or log in if you already have one. Joining is fast, free and painless! We’ll even whisk you back here when you’ve finished.