Graphic Design Forum and Web Design Forum  

Go Back   Graphic Design Forum and Web Design Forum »Web Design Forum »CSS Forum
Reload this Page Content dissapears with identical css of diff name
Register FAQ Members List Calendar Search Today's Posts Mark Forums Read

Notices
To get started view our Welcome Thread and you may want to visit some of our partner sites the Graphic Design Blog also social bookmarking and voting for Designers at the Graphic Design Links also sign up to the Graphic Design & Web Design Network

CSS Forum Cascading Style Sheets (CSS) and XHTML Forum


Reply
Page 1 of 2 1 2 >
 
LinkBack (2) Thread Tools Display Modes
  2 links from elsewhere to this Post. Click to view. #1 (permalink)  
Old 23-08-2007, 03:02 PM
ksm ksm is offline
Junior Member
  
Join Date: Aug 2007
Posts: 5
Default Content dissapears with identical css of diff name
Hi, i'm a new to css and this forum.
I'm stuck on an html page where if i duplicate a style defination (not sure what you call them), with exactly the same content and a new name and apply it to a DIV tag (which is nested), the content is no longer visible.

Basically the file is a static HTML file and has 2 DIVs.
The First Div:
<div id="ImageDiv"> <img src="images/Background.jpg">
The second div:
<Div id="BodyText">
and has some static content i want displayed above the background.

id descriptions in the linked .CSS file:
#BodyText
{
font-family: Arial, Helvetica, sans-serif;
font-size: 15px;
font-style: normal;
font-weight: normal;
text-align: justify;
visibility: visible;
z-index: 2;
height: 378px;
width: 568px;
left: 20px;
top: 20px;
padding: 40px;
word-spacing: normal;
line-height: 210%;
position: absolute;
}
#ImageDiv
{
z-index: 1;
padding: 0px;
border: none;
overflow: hidden;
left: 0px;
top: 0px;
right: 0px;
bottom: 0px;
height: 416px;
width: 608px;
position: relative;
visibility: visible;
}

So if i duplicate #BodyText and call it #BodyText2 my content is no longer visible, the background image stays!
Can anyoone help...
Am using Dreamweaver MX
Digg this Post!Add Post to del.icio.usBookmark Post in Technorati Share This Article & VoteReddit! Wong this Post!Stumble this Post!RSS Share on FacebookForum Netvibes Page
Reply With Quote

  #2 (permalink)  
Old 23-08-2007, 03:05 PM
Toon's Avatar
Netvibes is an Addiction™
  
Join Date: Jan 2007
Location: Sheffield, UK
Gender: Male
Posts: 18,757
Default
You'll have to have a #BodyText2 css as well
Digg this Post!Add Post to del.icio.usBookmark Post in Technorati Share This Article & VoteReddit! Wong this Post!Stumble this Post!RSS Share on FacebookForum Netvibes Page
Reply With Quote
  #3 (permalink)  
Old 23-08-2007, 03:12 PM
ksm ksm is offline
Junior Member
  
Join Date: Aug 2007
Posts: 5
Default Forgot to mention but i've done that
Sorry i forgot to mention i've already added that to the .css file (and saved it)

#BodyText2
{
font-family: Arial, Helvetica, sans-serif;
font-size: 15px;
font-style: normal;
font-weight: normal;
text-align: left;
visibility: visible;
z-index: 8;
height: 378px;
width: 568px;
left: 20px;
top: 20px;
padding: 40px;
word-spacing: normal;
line-height: normal;
position: absolute;
}

Basically only changed the line-height and z-index.
Digg this Post!Add Post to del.icio.usBookmark Post in Technorati Share This Article & VoteReddit! Wong this Post!Stumble this Post!RSS Share on FacebookForum Netvibes Page
Reply With Quote
  #4 (permalink)  
Old 23-08-2007, 03:14 PM
Toon's Avatar
Netvibes is an Addiction™
  
Join Date: Jan 2007
Location: Sheffield, UK
Gender: Male
Posts: 18,757
Default
Can't you upload it so we can see where things are meant to be?
Digg this Post!Add Post to del.icio.usBookmark Post in Technorati Share This Article & VoteReddit! Wong this Post!Stumble this Post!RSS Share on FacebookForum Netvibes Page
Reply With Quote
  #5 (permalink)  
Old 23-08-2007, 03:17 PM
ksm ksm is offline
Junior Member
  
Join Date: Aug 2007
Posts: 5
Default
The HTML file:

--------

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<LINK href="CSS/MainBody.css" rel="stylesheet" type="text/css">
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<Table border="0" cellpadding="0" cellspacing="0">
<tr> <td>
<div id="ImageDiv"> <img src="images/Background.jpg">
<Div id="BodyText2">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td valign="top"> <Div align="left"> <img src="images/ContactUs_Small.jpg" width="150" height="120" hspace="0" vspace="0">
</Div></td>
<td width="15">&nbsp;</td>
<td valign="top"> <Div align="left">
<H1>Contact Us</H1>
<BR>
<H2>Corporate Office</H2>
<BR>
</Div></td>
</tr>
</table>
</Div>
</div>
</tr>
</Table>
</body>
</html>


-------------
Digg this Post!Add Post to del.icio.usBookmark Post in Technorati Share This Article & VoteReddit! Wong this Post!Stumble this Post!RSS Share on FacebookForum Netvibes Page
Reply With Quote
  #6 (permalink)  
Old 23-08-2007, 03:18 PM
ksm ksm is offline
Junior Member
  
Join Date: Aug 2007
Posts: 5
Default
The MainBody.css file;


#BodyText
{
font-family: Arial, Helvetica, sans-serif;
font-size: 15px;
font-style: normal;
font-weight: normal;
text-align: justify;
visibility: visible;
z-index: 2;
height: 378px;
width: 568px;
left: 20px;
top: 20px;
padding: 40px;
word-spacing: normal;
line-height: 210%;
position: absolute;
}

#BodyText2
{
font-family: Arial, Helvetica, sans-serif;
font-size: 15px;
font-style: normal;
font-weight: normal;
text-align: left;
visibility: visible;
z-index: 8;
height: 378px;
width: 568px;
left: 20px;
top: 20px;
padding: 40px;
word-spacing: normal;
line-height: normal;
position: absolute;
}

#ImageDiv
{
z-index: 1;
padding: 0px;
border: none;
overflow: hidden;
left: 0px;
top: 0px;
right: 0px;
bottom: 0px;
height: 416px;
width: 608px;
position: relative;
visibility: visible;
}
Digg this Post!Add Post to del.icio.usBookmark Post in Technorati Share This Article & VoteReddit! Wong this Post!Stumble this Post!RSS Share on FacebookForum Netvibes Page
Reply With Quote
  #7 (permalink)  
Old 23-08-2007, 03:20 PM
ksm ksm is offline
Junior Member
  
Join Date: Aug 2007
Posts: 5
Default
Ooops it's changed links relative to www.graphic-design-forum.com/

Was there some other way to upload it?
Digg this Post!Add Post to del.icio.usBookmark Post in Technorati Share This Article & VoteReddit! Wong this Post!Stumble this Post!RSS Share on FacebookForum Netvibes Page
Reply With Quote
  #8 (permalink)  
Old 23-08-2007, 03:33 PM
Toon's Avatar
Netvibes is an Addiction™
  
Join Date: Jan 2007
Location: Sheffield, UK
Gender: Male
Posts: 18,757
Default
To a web server?
Digg this Post!Add Post to del.icio.usBookmark Post in Technorati Share This Article & VoteReddit! Wong this Post!Stumble this Post!RSS Share on FacebookForum Netvibes Page
Reply With Quote
  #9 (permalink)  
Old 23-08-2007, 03:34 PM
lolly's Avatar
Only Ask If You Want Truth™
  
Join Date: Feb 2007
Gender: Female
Posts: 1,186
Default
It's hard to give css advice without it being live
__________________
[COLOR="Plum"]Harmony is the grandest artistic aim[/COLOR]
Digg this Post!Add Post to del.icio.usBookmark Post in Technorati Share This Article & VoteReddit! Wong this Post!Stumble this Post!RSS Share on FacebookForum Netvibes Page
Reply With Quote
  #10 (permalink)  
Old 23-08-2007, 11:20 PM
Mack's Avatar
I own the flash design thread.
  
Join Date: May 2007
Location: RI, USA
Gender: Male
Posts: 1,381
Default
Why are you telling these divs to be visible? they would do that by default. Youll need to link us the website so we can see the WHOLE picture.
__________________
"If at first you don't succeed, try again. Then quit. No use being a damn fool about it."
Mike McKenzie - Online Portfolio
Digg this Post!Add Post to del.icio.usBookmark Post in Technorati Share This Article & VoteReddit! Wong this Post!Stumble this Post!RSS Share on FacebookForum Netvibes Page
Reply With Quote
Reply
Page 1 of 2 1 2 >


« CSS Navigation Problems in Mozilla | CSS & Dreamweaver »
Thread Tools
Display Modes
Linear Mode Linear Mode

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
Trackbacks are On
Pingbacks are On
Refbacks are On


Similar Threads
Thread Thread Starter Forum Replies Last Post
How much stolen content? Toon Off Topic 14 23-03-2008 11:36 AM
Content Management Systems philjohns General Web Design Forum 11 28-02-2008 10:11 PM
Using Other People's Content is OK! Graphic Design Blog Graphic Design Blog 0 06-02-2008 07:21 AM
drop down content Joe.Morgan Programming Forum 5 02-06-2007 04:56 PM
Site Content El Peligroso General Web Design Forum 5 24-05-2007 03:18 PM


All times are GMT. The time now is 04:52 PM.

Contact Us - Graphic Design Forum and Web Design Forum - Archive - Top


Advertise Graphic Design

Graphic Design Advertising Web Design Stuff Free Decent Downloads Free Quality Wallpapers Graphics Forum Download Web Templates
Free Vista Themes Creativecurio - Design Blog Graphic Design Advertising Graphic Design Advertising Graphic Design Advertising
The Top The Best Images Heavenly Glimpses Photography Tech Talk 247 Logo Design - $149 Affordable Stock Vector Illustrations The Graphics Forum
Free Design Portfolios

Create your own custom 2009 Calendars