homepage Welcome to WebmasterWorld Guest from 54.227.41.230
register, free tools, login, search, pro membership, help, library, announcements, recent posts, open posts,
Become a Pro Member

Home / Forums Index / Code, Content, and Presentation / CSS
Forum Library, Charter, Moderator: open

CSS Forum

    
White Background Missing
Shreya




msg:4498094
 6:22 am on Sep 21, 2012 (gmt 0)

<!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>Untitled Page</title>
<LINK href="css/stylesheet.css" type=text/css rel=stylesheet>
</head>
<body>
<div id="container">
<div class="header">
<div class="logozone">
<a href="index.html"><img src="images/logo.png" alt="" border="0" /></a> </div>
</div>
<div id="banner">
<div id="leftzone">
<div id="menu"><ul>
<li style="background:none;"><a href="index.html"><span>Home</span></a></li>
<li><a href="about-us.html"><span>About&nbsp;Us</span></a></li>
<li><a href="services.html"><span>Services</span></a></li>
<li><a href="projects.html"><span>Projects</span></a></li>
<li><a href="support.html"><span>Support</span></a></li>
<li><a href="contact-us.html"><span>Contact&nbsp;Us</span></a></li>
</ul></div>
<div class="box2"><h1>Duis malesuada nulla facilisis metus laoreet Ullamcorper vehicula...</h1>
<p>Maecenas gravida sem imperdiet enim volutpat a dictum lorem vehicula.</p>
<p>Neque porro quisquam est qui dolorem ipsum quia dolor sit amet, consectetur,<br /> Neque porro quisquam est adipisci velit..</p></div></div>
<div class="rightzone"></div>
</div>
<div id="middlezone">
<div id="firstbox">
<div class="firstbox_img"></div>
<div class="firstbox_line"></div>
</div>
<div id="secondbox">
<div id="welcomezone"><span class="headertxt">Welcome to our Nityasha</span>
<span class="welcumtxt">Maecenas gravida sem imperdiet enim volutpat a dictum lorem vehicula.</span>
<img src="images/welocme-image.png" alt="#" class="welcomeimg" /> <span class="welcumtxt">Lorem ipsum dolor sit amet consectetur adipisicing elit, sed do eiusmod tempo
incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostr
exercitation ullamcolaboris nisi ut aliquip ex ea commodo consequat. Duis autee
dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.</span>
<div class="readmore" >
</div>
</div>
</div>

</div>
</div>

</body>
</html>


CSS here:

body {
font:11px arial, helvetica, sans-serif;
color:#6b6b6b;
background:url(../images/t189.jpg) ;
margin:0px;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
}
#container {
width:1000px;
background:#ffffff;
padding:1px;
border:1px solid #d4d4d4;
margin:0px auto;
margin-top:0px;
}
.header{
width:1000px;
background:url(../images/header.png);
height:102px;
background-repeat:repeat-x;
}
.logozone
{
padding-left:30px;
padding-top:10px;}

#banner

{ background:url(../images/banner_bg.png);
background-repeat:repeat-x;
height:249px;}

.rightzone
{background:url(../images/ppl_image.png) right top no-repeat;
height:249px;
}


#leftzone
{margin-top:0px;}

#menu

{
margin:0px 0px 0px 0px;


}
#menu ul {
margin:0px;
padding:0px 0px 0px 20px;
}

#menu ul li {
display:block;
float:left;
background:url(../images/menudevider.gif) left top no-repeat;
list-style:none;
}

#menu li a {
font:bold 12px Arial, Helvetica, sans-serif;
color:#fff;
text-decoration:none;
text-transform:capitalize;
display:block;
float:left;
padding:20px 0px 0px 0px;
}

#menu li a span {
display:block;
float:left;
padding:0px 20px 0px 20px;
background:url(../images/topdisc.gif) 18% 50% no-repeat;
cursor:pointer;
}

#menu li a:hover {
color:#ebbd4e;
}

.box2

{background:url(../images/banner_bg_2.png);
height:175px;
float:left;
width:535px;
margin-top:30px;
margin-left:15px;

}
h1
{font-family:Georgia;
font-size:22px;
color:White;
font-weight:normal;
padding-left:10px;
}

p
{font-family:Arial;
font-size:12px;
color:#ffe0a1;
font-weight:bold;
padding-left:10px;
}

#middlezone
{padding:1px 0px 0px 0px;

}

#firstbox
{padding:0px 0px 1px 0px;
float:left;}

.firstbox_img
{background:url(../images/org_box.png);
background-repeat:no-repeat;
height:34px;
width:8px;
}

.firstbox_line
{background:url(../images/line.png);
background-repeat:repeat-y;


}

#secondbox
{width:648px;
margin:1px 0px 0px 15px;
float:left;
}

.welcomezone
{padding:10px 0px 20px 15px;
width:645px;
}


.headertxt

{font-family:Arial;
font-size:30px;
color:#000;
font-weight:bold;
padding:10px 20px 0px 20px;
}
.welcumtxt
{font-family:Arial;
font-size:13px;
color:#c36302;
font-weight:normal;
padding:5px 0px 0px 20px;
display:block;}

.welcomeimg {
float:left;
padding:10px 20px 0px 20px;}

.readmore
{
background:url(../images/read-more.png);
background-repeat:no-repeat;
height:25px;
width:91px;
border-bottom:2px dotted #acacac;
margin:10px 0px 0px 550px;}

 

lucy24




msg:4498111
 6:50 am on Sep 21, 2012 (gmt 0)

I make that TEN separate non-repeating background images, all of them

:: danger! danger! ::

relatively linked in the worst way. Lacking any information about their size makes it, ahem, a little tricky to figure out what goes where.

Where's the background missing from? I tossed in a quick

background-color: #CCC;

for the body, and a global

div, p {border: 1px solid red;}

With this, everything above "Welcome to our..." is white and everything from there on is gray.

:: detour to Apte to see if he offers any clue on Nityasha ::

Urk. Something tells me it doesn't mean someone who eats all the time :(

Shreya




msg:4498149
 8:46 am on Sep 21, 2012 (gmt 0)

.firstbox_line
{background:url(../images/line.png);
background-repeat:repeat-y;


here line not repeat n if i given height then line repeat n container background missing

Global Options:
 top home search open messages active posts  
 

Home / Forums Index / Code, Content, and Presentation / CSS
rss feed

All trademarks and copyrights held by respective owners. Member comments are owned by the poster.
Home ¦ Free Tools ¦ Terms of Service ¦ Privacy Policy ¦ Report Problem ¦ About ¦ Library ¦ Newsletter
WebmasterWorld is a Developer Shed Community owned by Jim Boykin.
© Webmaster World 1996-2014 all rights reserved