logo-dw

Go Back   Dreamweaver Club Forums > Graphic Design > Web Design
Register FAQ Members List Search Today's Posts Mark Forums Read

Reply
 
Thread Tools Display Modes
Old 11-17-2008, 01:28 AM   #1
ropie
 
Join Date: Nov 2008
Posts: 2
Default CS3 Background Color Bleeds Through, why?

've searched the forum and haven't found an answer. I know this maybe an amateur question but I just can't seem to figure out a solution.

Disclaimer: I'm new to CSS at what I know about div tag I learned from an online tutorial.

When I insert the div tag and specify an infinite background, the background bleeds through eh boxes that hold my text.

I select the entire page in DW and
insert a a div tag;
-wrap around selection
-ID : layout
-New CSS Style
Background;I set the back ground color by sampling the color that I brought in with my sliced image from PS.
Box; width 100% height 100%. Margin: same for all; auto.

and this is the result:

romapielarska.com

here is the code
Code:
<html>
<head>
<title>test</title>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<style type="text/css">
<!--
body,td,th {
font-family: Florencesans Exp;
font-size: 12px;
color: #CCCCCC;
}
#layout {
background-color: #F5F4EC;
margin: auto;
height: 100%;
width: 100%;
}
-->
</style>
</head>
<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<!-- ImageReady Slices (test.psd) -->
<div id="layout">
<div id="layout">
<div>
<table id="Table_01" width="1276" height="916" border="0" cellpadding="0" cellspacing="0">
<tr>
<td rowspan="6">
<img src="images/index_01.gif" width="136" height="916" alt=""></td>
<td colspan="9">
<img src="images/index_02.gif" width="1004" height="101" alt=""></td>
<td rowspan="6">
<img src="images/index_03.gif" width="136" height="916" alt=""></td>
</tr>
<tr>
<td colspan="9">
<img src="images/index_04.jpg" width="1004" height="640" alt=""></td>
</tr>
<tr>
<td colspan="9">
<img src="images/index_05.gif" width="1004" height="61" alt=""></td>
</tr>
<tr>
<td rowspan="2">
<img src="images/index_06.gif" width="162" height="31" alt=""></td>
<td><div align="center">PORTRAITS</div></td>
<td rowspan="2">
<img src="images/index_08.gif" width="54" height="31" alt=""></td>
<td>EVENTS</td>
<td rowspan="2">
<img src="images/index_10.gif" width="50" height="31" alt=""></td>
<td><div align="center">PEOPLE &amp; PALCES</div></td>
<td rowspan="2">
<img src="images/index_12.gif" width="52" height="31" alt=""></td>
<td><div align="center">CONTACT THE STUDIO</div></td>
<td rowspan="2">
<img src="images/index_14.gif" width="174" height="31" alt=""></td>
</tr>
<tr>
<td>
<img src="images/index_15.gif" width="101" height="12" alt=""></td>
<td>
<img src="images/index_16.gif" width="69" height="12" alt=""></td>
<td>
<img src="images/index_17.gif" width="170" height="12" alt=""></td>
<td>
<img src="images/index_18.gif" width="172" height="12" alt=""></td>
</tr>
<tr>
<td colspan="9">
<img src="images/index_19.gif" width="1004" height="83" alt=""></td>
</tr>
</table>
</div>
</div>
</div>
<!-- End ImageReady Slices -->
</body>
</html>

Last edited by Rob_Che; 11-17-2008 at 09:48 PM.. Reason: Wrapping code - it's what I do.
ropie is offline   Reply With Quote
Old 11-17-2008, 06:26 AM   #2
domedia
Administrator
domedia's Avatar
 
Join Date: Dec 2003
Posts: 9,730
Default

I'm not sure exactly what is wrong based on your description, but you cannot have two ID's with the same name on a page.
domedia is offline   Reply With Quote
Old 11-19-2008, 04:05 AM   #3
ropie
 
Join Date: Nov 2008
Posts: 2
Default

please look at romapielarska.com

The back ground shows through the text fields.
ropie is offline   Reply With Quote
Old 11-19-2008, 04:29 AM   #4
edbr
edbr's Avatar
 
Join Date: Aug 2005
Location: Bali
Posts: 11,175
Default

are you trying to have a back ground image in each cell with text over the image?

btw you have no doctype
__________________
If you're happy and you know it shake your meds!
different style links examples

Flight / Hotel search
Free script download
Bali Villas
edbr is offline   Reply With Quote
Reply


Thread Tools
Display Modes

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off

Forum Jump


All times are GMT. The time now is 04:15 AM.


Powered by vBulletin® Version 3.8.7
Copyright ©2000 - 2017, vBulletin Solutions, Inc.
Copyright 2006 DreamweaverClub.com