Beg. Dreamweaver MX page 67

TotalNewbie · February 1st, 2005, 01:53 AM

Hello!

Just what is probably a silly question about the first image that is placed in The Cooking Site (topleft.gif).

Why does the red line expand out side of the picture all the way across the page?? What makes it do that?? How can it extend past the cell border and not expand the cell width?

Thanks very Much!
Lori:)

Imar · February 1st, 2005, 03:13 AM

I am not exactly sure what you mean...

Are you referring to an image in the book, or the steps mentioned on P67 (I don't have the MX book here, just the MX 2004 version, so I can't check.

What red line are you referring to "out side of the picture"? Doesn't the red line come from the picture?

Imar
---------------------------------------
Imar Spaanjaars
Everyone is unique, except for me.

TotalNewbie · February 1st, 2005, 07:25 PM

Hi Again Imar!

I'm sorry if this doesn't make any sense! I am just not sure how to explain it... You know how when you click on the <img> tag that it will highlight the image and show the little boxes where you can expand the image? Well in this case it seems that the image extends past the box that is highlighted.. The background image is just the black line, so where does the red line come from?

I am sure that it is just my lack of knowledge that is making this so confusing!! I apologize!

http://img.photobucket.com/albums/v4...i/TopTable.jpg

Imar · February 2nd, 2005, 03:52 AM

Most likely it's the background color of the cell / row that holds the image.

If you link to a live page with the HTML source code, I can tell for sure....

If you post questions about the Dreamweaver book, can you please specify the version (MX or MX 2004) of the book?

Imar
---------------------------------------
Imar Spaanjaars
Everyone is unique, except for me.

TotalNewbie · February 2nd, 2005, 09:06 PM

Hello! I put Dreamweaver MX in th Subject line, I thought that would be enough for clarification. I'll be more specific next time. I haven't learned how to put live pages up for aothers to access yet.... Can I do that without having registered a domain name yet?

Thanks.

Imar · February 3rd, 2005, 03:35 PM

Yeah, that should be enough. However, many people use Dreamweaver MX to refer to both the MX as the MX 2004 version.

Anyway, I though you had a host you could post to. However, after a second look it seems that http://img.photobucket.com is just for images, right?

If that's the case, just post the HTML code to this list; I'll have the images here (provided you haven't renamed them).

Cheers,

Imar
---------------------------------------
Imar Spaanjaars
Everyone is unique, except for me.

TotalNewbie · February 3rd, 2005, 11:53 PM

Hello Again!! Thanks for putting up with all my silly questions! I haven't remaned any of the images.

<?xml version="1.0" encoding="iso-8859-1"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>The Cooking Place - Home Page</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<meta name="Keywords" content="cooking, food, french cuisune, american cuisine, italian cuisine, recipes, recipe exchange, cooking techniques, cooking equipment" />
<meta name="Description" content="The Cooking Place is where you can come to find great recipes, get some cooking tips, learn about various techniques, and share your recipes with friends from all over the world!" />
</head>

<body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<table width="100%" border="0" cellpadding="0" cellspacing="0" background="Images/topbkg.gif">
  <tr>
    <td width="50%"><img src="Images/topleft.gif" width="294" height="51" /></td>
    <td width="50%"><div align="center"><strong>The
        Cooking Place</strong></div></td>
  </tr>
</table>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td width="257" valign="top" background="Images/rightsidebkg.gif"><table width="100%" border="0" cellspacing="0" cellpadding="0">
        <tr>
          <td><img src="Images/topleft2.gif" width="260" height="112" /></td>
        </tr>
      </table>
      <table width="100%" border="0" cellpadding="0" cellspacing="0" bgcolor="#FFFFFF">
        <tr>
          <td width="50%" valign="top" background="Images/rightsidebkg.gif"><img src="Images/topleft3.gif" width="195" height="75" /><br />
            <img src="Images/buttonblank.gif" width="181" height="31" /><br />
            <img src="Images/buttonblank.gif" width="181" height="31" /> <br />
            <img src="Images/buttonblank.gif" width="181" height="31" /><br />
            <img src="Images/buttonblank.gif" width="181" height="31" /> </td>
          <td width="50%" valign="top"><img src="Images/page.gif" width="87" height="216" /></td>
        </tr>
      </table></td>
    <td width="99%" valign="top"><table width="100%" border="0" cellspacing="0" cellpadding="0">
        <tr>
          <td width="1%" valign="top"><img src="Images/leftcorn.gif" width="28" height="22" /></td>
          <td width="98%"> </td>
          <td width="1%" align="right" valign="top"><img src="Images/rightcorn.gif" width="28" height="22" /></td>
        </tr>
      </table></td>
    <td width="1%" background="Images/rightsidebkg.gif"><img src="Images/rightsidebkg.gif" width="24" height="31" /></td>
  </tr>
</table>
<table width="100%" border="0" cellpadding="0" cellspacing="0" background="Images/botbkg.gif">
  <tr>
    <td width="50%"><img src="Images/botleft.gif" width="235" height="40" /></td>
    <td width="50%"><div align="right"><img src="Images/botright.gif" width="69" height="40" /></div></td>
  </tr>
</table>
</body>
</html>

Also, Would you be able to help me with what exactly I would need to actually HOST a website from my own copmputer?? I am not really what sure what Steps to take to do that.

Thanks Again!
Lori.

Imar · February 6th, 2005, 07:11 AM

Hi Lori,

I looked at the page you posted, and I think I found the problem. The odd line you see should be the right border of the red navigation area. However, because you made the area bigger than it was supposed to be, the rest of the area is filled with "background red" causing the line to appear in the middle of the nav area.

There are a couple of things you need to fix in the HTML you posted.

Most important one:

<td width="50%" valign="top"><img src="Images/page.gif" width="87" height="216" /></td>

should be

<td width="50%" valign="top"><img src="Images/page.gif" width="59" height="199" /></td>

(notice the different width and height values).

There are a few more of these mistakes in the page. I think the easiest way to fix those is to open your page in Dreamweaver in Code View. Then open index.html from the code download in Dreamweaver as well.
Next, you can use Ctrl+Tab to switch between the open documents and it's easier to spot the actual code differences.

Cheers,

Imar

TotalNewbie · February 7th, 2005, 12:09 AM

Thanks Imar!!

I see what I have done! I appreciate all your help!

:)
Lori.

Imar · February 7th, 2005, 03:09 AM

Great. Glad it's working now....(That is, I assume it's working....) ;)

Imar
---------------------------------------
Imar Spaanjaars
Everyone is unique, except for me.