Website Design Forum

**LifeShadow** · 07-14-2011, 09:13 AM

Hello .. this is my very first post so please forgive me if this is not the right place
for the post .. anyway i have this wired problem .. when i put an image on
dreamweaver it looks fine but when i test it out the layout looks bigger ..

Image (in dreamweaver) :
img105.herosh.com/2011/07/14/377907934.png

Image (IE)
img105.herosh.com/2011/07/14/472562109.png

thanks
note : i am sure that the size of the image matches the layout perfectly .

**Giselle** · 07-14-2011, 01:18 PM

Hello LifeShadow,

I don't use Dreamweaver myself, but you aren't the only one having problems with IE using Dreamweaver. Is it possible you could supply some code or an address to the URL?

**LifeShadow** · 07-14-2011, 05:38 PM

Thanks alot for posting ..

Unfortunately i didn't upload it to the site, because it's only an example of the Real problem, i didn't understand what code you mean ?, any way i tried using chrome And opera still same i also tried useing another computer and internet Connection Still same, that means the problem might be from dreamweaver

**Digital Friend** · 07-14-2011, 11:42 PM

Quote:

Originally Posted by LifeShadow

i didn't understand what code you mean

She meant the HTML/CSS source code.

I highly recommend creating layouts yourself with a notepad, instead of DW,

If the problem is with Dreamweaver ( most likely ) , then the only way to fix it is to do modifications to your code.

**LifeShadow** · 05:13 AM

Here is the HTML code for the layout

:

HTML Code:

      <td colspan="3" valign="top" bgcolor="#666666"><img src="Images/nothing.png" width="200" height="43" /></td>

i'm really not an expert at html

... so i don't know how to write it with notepad

i only use flash and photoshop, i just started like about 2-3 weeks ..

**Digital Friend** · 07-15-2011, 12:38 PM

That's just a cell from the HTML table, not the full source code..

**Giselle** · 12:11 AM

Have you named this HTML file and saved the file? Such as pizza.html, if so, in Windows open up Accessories and look for Notepad.

Open up Notepad, File and Open, make sure click on all files, I have it circled in red. Now open pizza.html (what you named your HTML file) where you saved this file. Now you will be able to see all the coding.

Now you will be able to copy and paste the coding for us to see.

**serandfae** · 07-15-2011, 05:15 PM

No need to go to notepad yet if the file's saved in Dreamweaver. Open up the Dreamweaver file and change the view to Code View or Split View and you will see the code itself. Then you can copy and paste it up here.

The problem you'll encounter with DW is the garbage code it puts out when used in Design View. This code is difficult to edit at best, which is why for the long term you're going to want to learn at least basic HTML and CSS and if you continue to use DW use it in Split View with the layout as a rough guide to see what the code is doing. Even then, the layout window is a rough guide which will not necessarily look exactly the same as in different browsers. You'll want to open the .html file in different browsers on your machine before you upload it.

(And the last of that advice was given by Chris early on, why in the world was it hard-deleted?)

tim

**LifeShadow** · 06:32 AM

Thanks Giselle and serandfae and Digital Friend,
i can't paste the code right now .. becuase i did't post more then 10, any way here is the
full source code :
mediafire.com/?y772gu7u9g35meo

and here is the table cell code (the problem) :
mediafire.com/?5h8l19nac5ln16l

and here is a picture of the problem >_< :
img105.herosh.com/2011/07/16/578595022.png

thanks all again ..

**Giselle** · 07-16-2011, 04:10 PM

The code below is only in part from this page. Follow Tim's instructions in your Dreamweaver software, even if it's a few lines.

Quote:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html dir="ltr" lang="en">
<head>
<base href="http://tycoontalk.freelancer.com/" />
<link rel="canonical" href="http://tycoontalk.freelancer.com/website-design-forum/229677-dreamweaver-8-image-and-layout-problem.html" />
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
<meta name="generator" content="vBulletin 3.8.4" />

<meta name="keywords" content="Dreamweaver,8,Image,amp,Layout,Problem,Dr eamweaver 8 .. Image & Layout Problem, webmaster forum, web design forum, coding forum, hosting forum, webmaster forums, webmaster" />
<meta name="description" content="Hello .. this is my very first post so please forgive me if this is not the right place for the post .. anyway i have this wired problem .. when i put an image on dreamweaver" />

<meta name="verify-v1" content="6xbGsC0hOt2mxt/OUUELOiWXmHV6UMeQydvpbgx+11k=" />


<link rel="shortcut icon" href="http://tycoontalk.freelancer.com/images/favicon.png">
<link rel="apple-itouch-icon" href="http://tycoontalk.freelancer.com/images/favicon.png"



<style type="text/css" id="vbulletin_css">
/**

**davemies** · 07-25-2011, 10:20 AM

make a test page and upload it to show the problem.