Dreamweaver - and more ccs questions

Author

and more ccs questions

dadair

2005-09-14, 11:17 pm

We're making progress. One day at a time. I've completed my first layout, but
have a pair of questions. The site is at:

http://theglovermansion.com/index_2.htm

My questions:

1) I keep getting what I would call color bleeds, or artifacts, or something,
in which the color from one table migrates into an adjacent table. In this
example, the light tan I use for the main content area is lying under the light
purple in the left hand nav -- you can see what it does to the color at the
bottom of the panel. As soon as I slice up that nav panel, the weird color will
show through up there, too. Where does this come from and how can I fix it?
I've torn the site down once to get rid of a purple background that was doing
the same thing elsewhere, but couldn't figure out how it was happening.

2) Using layout tables is there any way to make the text wrap below the photo
or the building? I know I could position it using css, but I'm afraid of
degradation in older browsers.

Thanks again.

Don

Osgood

2005-09-15, 4:22 am

dadair wrote:

> 1) I keep getting what I would call color bleeds, or artifacts, or something,
> in which the color from one table migrates into an adjacent table.

sadly you are paying a price for 'cheating'. Using layout mode to
construct a website is littered will problems. It creates unstable code
and is hard to troubleshoot. If you want a perfect site then you need to
learn the correct way to code. If you want a site which is just ok and
can live with one or two issues then continue to use layout mode.

Now to the problem. You have used one complete table to construct the
site and split and merged table cell. Splitting and merging cells sets
up resistances within the structure.

The light tan is actually not laying under the light purple. The color
you see at the bottom of the nav column is the color of the background
cell that the nav image is inserted into, which is #E5E5ED, a light
grey. The cell is being 'dragged' down by the resistances, caused by the
spliting of the column. A quick fix would be to change the color of the
background the nav image resides in to conform to the color that you
actually want.

> 2) Using layout tables is there any way to make the text wrap below the photo
> or the building? I know I could position it using css, but I'm afraid of
> degradation in older browsers.

At the moment the way you have the structure set up there is no chnce
that the text can go wrap under/around the image. The text is in one
cell and the image is in another. Text cannot cross the boundary of a
cell. You need to get both text and image into the same cell to be able
to achieve this.

Normally this would be a simple procedure of just moving the image into
the cell which contains the text and deleting the cell in which the
image is inserted. Then adding style="float: right;" to the image code,
as shown below.

<p class="text"><span class="bodytext"><img src="imgs/new/ihouse_2.jpg"
style="float: right;" width="124" height="104">Designed and built in
1888 by Kirtland Cutter for James Glover, the Glover Mansion is a
beautiful example of late-19th century design. Its interior features
woodwork from around the world and an array of stunning lead
and stained glass windows.</span><br>

I can't guarantee the results as sometime the code which is written in
layout mode breaks the design completely when deleting columns. You
could make sure you have a back-up copy of the site and try it.

I also saw this in your stylesheet:

background-image: url(file:///C|/glover/home%20images/tancheck.gif);

That image needs to be linked correctly if you want it to show on the
remote website. At the moment the link is pointing to your HD.