Image alignment

Image alignment

Post by Dave Broad » Fri, 03 Sep 2004 20:14:26

Hi guys

I have a problem with all of the tables seem to be all
over the place. everything looks okay in DW but not when viewed via the web.

Can anyone check and help

Dave Broadway

Image alignment

Post by Osgoo » Fri, 03 Sep 2004 20:43:54

Looks about right on mac safari/ie 5.2 and get a
mac....problem solved.

Which browser?


Image alignment

Post by Osgoo » Fri, 03 Sep 2004 20:56:51

Maybe putting a standards doc type and an opening <head> and <html> tag
at the top of your page will help. Currently you dont have any of those,
so one would expect some sort of problems.

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

Image alignment

Post by Gary Whit » Fri, 03 Sep 2004 23:26:18

Hmmm ... I'm not sure if anyone can help. The page has THREE <body>
tags, those horrible built-in menus, and a bunch of bloated layout view
table code. I think you may want to start over on this one.


Image alignment

Post by ZeroTekni » Sun, 26 Sep 2004 02:41:32

help! i have a laptop and whenever i upload pics it looks aligned on my screen
but comes out lookin very mis aligned on other monitors. that is the site i am referring to and the image is
way out of line, how can i set my screen in dreamweaver to fit most screen
sizes?? pleeeeeeeease help

Image alignment

Post by Brandon Ta » Sun, 26 Sep 2004 03:04:46

Are you referring to the image on the home page?

Image alignment

Post by ZeroTekni » Sun, 26 Sep 2004 04:01:21

yes i am, any ideas?? any would be helpful. thanks :)

Image alignment

Post by Mad Do » Sun, 26 Sep 2004 04:06:04

You're using an absolutely positioned layer so it's going exactly where
you're telling it to go. If that graphic is all that's on the page, why not
either just put the image on the page centered, or create a one-cell table,
align it centered, then insert the image in it and the link?


Image alignment

Post by janowic » Sun, 26 Sep 2004 04:30:52

you're using a layer to hold the graphic - when you do that it will appear
wherever you told it to i.e in your case 279 pixels from the left and 54 from
the top. if you view the page on a screen res different to the one you authored
on, naturally it will look different as layers go exactly to the pixel position
you tell 'em.
the solution: use tables
if you want the graphic centred, put a simple table on a page, put the graphic
a cell in the table and align the table to the centre (or left/right etc). do
this in the SPLIT view mode (canvas & code) and when you see the table code in
the html window like this:
<table width="581" border="0" cellpadding="0" cellspacing="0">
align="center" - at the end after the "0"

dreamweaver has some very cool 'pop-up' methods of tag entry in code view by
using the space bar - explore!
hope this helps - I'm here to enquire about translating a site into
japanese... if you know of anyone who can help!

Image alignment

Post by Brandon Ta » Sun, 26 Sep 2004 04:49:35

Try Their free service is a bit rusty, but the
personally translated things are great. A bit pricey, but worth it.

Image alignment

Post by janowic » Sun, 26 Sep 2004 05:27:56

ta for the translation advice, but unfortunately they don't do japanese, which
is what I need.
I can get an accurate translation from the client - what I really need to know
is how to deal with document encoding to get a page to render into japanese.
I've done the meta/charset stuff but no joy.

Image alignment

Post by KAMmpl » Sat, 20 Nov 2004 01:54:00

In my top frame, (I appologize for those who do not like frames, but they are
the easiest for me to work with on this one) I have an image that I would like
to 'bleed' to the upper left hand corner, but it won't align flush... either to
the top or the left. All of my borders are set to 0, v space and h space are
all 0 as well - help me please!

Image alignment

Post by Crai » Sat, 20 Nov 2004 05:49:12

Try this

framespacing="0" frameborder="NO" border="0"


Image alignment

Post by Joost Kolk » Sat, 20 Nov 2004 06:04:39

put your mouse in the topframe, go to modify >> page properties and make
all 4 margin fields 0 (zero)

or use a css on the page like:

body {margin: 0px;}

succes, Joost Kolkman

Image alignment

Post by Joe Pa » Sun, 30 Jul 2006 16:45:58

have 3 images in a table side by side. The third image on the right is
"cutoff" on the right side. All my images are set for 150px by 150px. What am I
doing wrong. Code is posted. Please help the newbie. Thanks

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
<html xmlns="">
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Welcome to the KLIT News</title>
<link href="klit_news.css" rel="stylesheet" type="text/css" />
<style type="text/css">
.style2 {font-size: 12px; color: #FFFF33; }

<div align="center">
<table width="750" border="0" cellpadding="0" cellspacing="0" id="home">
<td width="4" height="60"> </td>
<td width="270"> </td>
<td width="484"> </td>
<td height="60"> </td>
<td> </td>
<td rowspan="3" valign="top"><table width="105%" border="0" align="left"
cellpadding="0" cellspacing="0">
<td height="138" colspan="5" valign="top" class="bold"><h1
align="center"> </h1>
<h1 align="center">THE KLIT NEWS</h1>
<h2 align="center">The Video Magazine of Lafayette Morehouse
<td width="15" height="48"> </td>
<td width="133"> </td>
<td width="231"> </td>
<td width="239"> </td>
<td width="8"> </td>
<td height="154"> </td>
<td colspan="3" valign="top"><table width="100%" border="0"
cellpadding="0" cellspacing="0">
<td width="175" height="151"><div align="center"><img
src="media_images/MainHouseJune06 copy.jpg" alt="Lafayette Mainhouse"
width="150" height="150" border="0" /></div></td>
<td width="175"><div align="center"><img
src="media_images/SunsetPupukeaJune06.jpg" alt="Pupukea Sunset" width="150"
height="150" border="0" /></div></td>
<td width="175"><div align="center"><img
src="media_images/AnnexJune06Website.jpg" alt="Pupukea Annex" width="150"
height="150" border="0" /></div></td>
<td> </td>
<td height="15"></td>
<td height="61"></td>
<td colspan="3" valign="top"><table width="100%" border="0"
cellpadding="0" cellspacing="0">