Aligning images in Dreamweaver.
05 March 2006, 11:32 AM
#1
Scooby Regular
Thread Starter
Join Date: Jan 2005
Location: Lincolnshire
Posts: 15,623
Likes: 0
Received 0 Likes
on
0 Posts
Aligning images in Dreamweaver.
As you can see i can align images in a table with either a horizontal gap or no gap.You just alter the horizontal space in the picture properties.How do you get rid of the vertical gap though
(The vertical gap is set to 0.Its in a two cell table)
(The vertical gap is set to 0.Its in a two cell table)
Last edited by paulr; 06 March 2006 at 04:32 PM.
05 March 2006, 02:00 PM
#2
Scooby Regular
Join Date: Aug 2003
Posts: 293
Likes: 0
Received 0 Likes
on
0 Posts
There are a lot of paragraphs and spaces underneath?
Shown as:
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
Getting rid of these will allow only the pictures to fill the div/cell
Is that what you mean?
Paul
Shown as:
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
Getting rid of these will allow only the pictures to fill the div/cell
Is that what you mean?
Paul
05 March 2006, 02:40 PM
#3
Scooby Regular
Thread Starter
Join Date: Jan 2005
Location: Lincolnshire
Posts: 15,623
Likes: 0
Received 0 Likes
on
0 Posts
What i mean is the bottom 2 pics are touching,i want to be able to make them touch the top two.I know how to remove the gap between the top two.In the end i want all 4 in a block,no spaces.
Can you remove paragraphs without going into code?I do everything in design.
Can you remove paragraphs without going into code?I do everything in design.
05 March 2006, 03:36 PM
#4
Scooby Regular
Thread Starter
Join Date: Jan 2005
Location: Lincolnshire
Posts: 15,623
Likes: 0
Received 0 Likes
on
0 Posts
Paul,i removed the code as you suggest,but then it go's 4 pics wide.The tables risize widthways?
Last edited by paulr; 05 March 2006 at 04:07 PM.
05 March 2006, 04:34 PM
#5
Scooby Regular
Join Date: Sep 2005
Posts: 924
Likes: 0
Received 0 Likes
on
0 Posts
You had all 4 images in 1 row. You should place each new line of images in their own row, otherwise you will get spaces. AFAIK there is no other way to control the vertical spaces.
Here you go, fixed......
Oh btw if you want to add more lines of images, add more rows and put them in there.
Here you go, fixed......
Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title>Untitled Document</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> <style type="text/css"> <!-- body { background-color: #000000; } --> </style></head> <body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0"> <table width="351" border="0" align="center" cellpadding="0" cellspacing="0"> <tr> </tr> </table> <div align="center"> <p> </p> </div> <table width="200" border="0" align="center" cellpadding="0" cellspacing="0"> <tr> <th bgcolor="#FFFF99" scope="col">Home</th> </tr> <tr> <td bgcolor="#FFFFFF"><div align="center"> <p> </p> <p><img src="chpk0106818_large-13.jpg" width="142" height="94" vspace="0"><img src="chpk0106818_large-4.jpg" width="142" height="94"></p> </div></td> </tr> <tr> <td bgcolor="#FFFFFF"><p><img src="chpk0106818_large-4.jpg" width="142" height="94" vspace="0"><img src="chpk0106818_large-13.jpg" width="142" height="94"></p> </td> </tr> </table> <p> </p> </body> </html>
Last edited by D16GER; 05 March 2006 at 04:37 PM.
05 March 2006, 05:33 PM
#6
Scooby Regular
Thread Starter
Join Date: Jan 2005
Location: Lincolnshire
Posts: 15,623
Likes: 0
Received 0 Likes
on
0 Posts
Cheers Digger,that works a treat.I still have 2 pics in one column,but each row of 2 pics has its own cell. My page will have 40 pics 2 wide on 20 rows.
In general is it better to have a separate cell for each picture.
In general is it better to have a separate cell for each picture.
Trending Topics
Thread
Thread Starter
Forum
Replies
Last Post
hardcoreimpreza
Computer & Technology Related
21
11 October 2015 03:40 PM