New at slicing

river · Joined: 01 Apr 2008 Posts: 4

Hi,

I just joined, nice forum.

I've just started learning about slicing picture for web building. I started by coping some ready made templates, but would like to be more independent.

I've changed pictures the same size with-in the template and that has gone over fine.

The problem that I have not been able to over come over the last couple of hours is when I try from scratch, I am getting a space between pictures above and below. I can't seem to find the extra space in the code.

Corey Bryant · Posted: Wed Apr 02, 2008 5:36 am

See if adding

river · Joined: 01 Apr 2008 Posts: 4

This is the the code for the page with the breaks in the picture. I tried fitting in the code that you showed, but, didn't see any change.

Corey Bryant · Posted: Wed Apr 02, 2008 1:54 pm

You might also consider getting rid of the 'white space' if you are viewing in Internet Explorer.

For example, you have

river · Joined: 01 Apr 2008 Posts: 4

Thanks,

I tried that, no change. I am viewing in Firefox. (Haven't even got to the stage where I'd check to see how it looks in IE).

river · Joined: 01 Apr 2008 Posts: 4

Still stuck with this.

Straystudio · Joined: 14 Apr 2008 Posts: 297 Location: Nord Italy

I second Corey's advice about white spaces' when handling img tag.
If line has to get interrupted, better:

<td><img
src=""/></td>

than:

<td>
<img src=""/>
</td>

You could assign 'tightening' height="10" to the table element.
You colud enter border="0" with img tag.

You could send us an image's full URL so to verify if kind of margin/border/space would be alredy embeded in the image itself ....

But if You change the opening declaration into :

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

it will solve the problem ...

Enzo