div repeat-y background image works in dreamweaver but when previewed in browser it doesn't
hi
i have seen thread here regarding same problem solution doesn't me @ all... can me cause doing head in @ moment...
thank you
im uploading screenshots if of help
here's css code: highlighted in red i've tried use bg repeat-y
* {
margin: 0px;
padding: 0px;
}
body {
background-color: #cccccc;
}
a:link { color: #ffffff;
text-decoration: none;
}
a:visited {text-decoration: none;}
a:hover {color: #b23937;}
a:active {text-decoration: none;}
#wrapper {
width: 1151px;
margin-left: auto;
margin-right: auto;
}
#wrapper #header {
height: 120px;
width: 1151px;
}
#wrapper #navigation {
height: 32px;
width: 1151px;
background-image: url(../images/nav.home.gif);
background-repeat: no-repeat;
}
#wrapper #navigation #navlabel {
padding-left: 125px;
padding-top: 5px;
color: #ffffff;
}
#wrapper #navigation #navlabel #nav li {
display:block;
width: 100px;
float: left;
list-style:none;
}
#wrapper #splash {
background-image: url(../images/welcome.jpg);
height: 391px;
}
#wrapper #bodyarea {
width: 1151px;
background: url(../images/bg_bodyarea.jpg) repeat-y;
}
#wrapper #bodyarea #left {
width: 490px;
background-image: url(../images/left.content.jpg);
float: left;
height: 384px;
}
#wrapper #bodyarea #right {
width: 661px;
background: url(../images/rightcontent.jpg);
float: right;
height: 384px;
}
#wrapper #bodyarea #left #leftcontent {
font-family: georgia, "times new roman", times, serif;
font-size: 12px;
font-weight: normal;
color: #000000;
margin-top: 60px;
margin-right: 5px;
margin-bottom: 5px;
margin-left: 135px;
width: 350px;
}
#wrapper #bodyarea #footer {
height: 73px;
clear: left;
background: url(../images/footer.jpg);
}
.highlight {
color: #af3735;
font-family:"times new roman", times, serif;
font-size: 13px;
font-weight: bold;
font-style: normal;
}
p {
font-family: georgia, "times new roman", times, serif;
font-size: 14px;
margin-top: 5px;
color: #000000;
margin-right: 5px;
margin-bottom: 5px;
margin-left: 5px;
}
my html code
<!doctype html public "-//w3c//dtd xhtml 1.0 strict//en"
"http://www.w3.org/tr/xhtml1/dtd/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>perfect vision</title>
<link rel="stylesheet" type="text/css" href="css/layout.css" />
</head>
<body>
<div id="wrapper">
<div id="header"><img src="images/header.jpg" alt="header" /></div>
<div id="navigation">
<div id="navlabel">
<ul id="nav">
<li><a href="homepage.html">home</a></li>
<li><a href="profile.html">profile</a></li>
<li><a href="portfolio.html">portfolio</a></li>
<li><a href="contact.html">contact</a></li>
</ul>
</div>
</div>
<div id="splash"></div>
<div id="bodyarea">
<div id="left">
<div id="leftcontent">
<p class="highlight">10 august 2010</p>
<p> lorem ipsum dolor sit amet, consectetur adipiscing elit. aliquam semper turpis in tortor interdum sed mattis lectus mollis. pellentesque laoreet quam et mauris feugiat sit amet eleifend turpis imperdiet. praesent condimentum libero vitae massa imperdiet pellentesque. vestibulum et risus dolor, ac tincidunt velit. maecenas lobortis diam tellus. suspendisse auctor, velit ut imperdiet semper, erat orci pharetra tortor, venenatis vulputate metus eros ut felis. cras ullamcorper odio sed felis ornare ultricies. phasellus porta adipiscing aliquet. aenean ligula tellus, blandit pulvinar in, fermentum erat. sed arcu nisl, porta eu vestibulum at, luctus sed tellus. aenean eget quam justo, quis ultricies ante. vivamus tempor sollicitudin augue ut rhoncus. sed odio mauris, imperdiet ut elementum vitae, dapibus @ quam. nullam in aliquam sem. fusce consectetur laoreet elit, non consequat nunc tempus nec. cras @ enim ipsum. praesent ipsum purus, tempus non sagittis volutpat, fringilla eget mi. maecenas sed elit est. morbi facilisis purus eget nunc tincidunt iaculis mattis quam pellentesque. </p>
<p> sed tortor leo, laoreet sit amet mattis a, fermentum in ligula. sed tempor lacus lorem fermentum fermentum semper nunc sagittis. vivamus et est porta purus mollis cursus eget in ante. sed lacinia, diam in tempor suscipit, turpis enim posuere turpis, sit amet vestibulum quam nulla id elit. vivamus ultricies tempus mi, non consequat velit mollis id. curabitur vehicula, turpis id tempor condimentum, sem nulla molestie enim, vel commodo metus ipsum non nisi. aliquam erat volutpat. fusce venenatis porttitor massa eget suscipit. sed purus turpis, iaculis id sollicitudin id, vulputate sit amet velit. suspendisse sed velit non tellus eleifend venenatis vehicula ut elit. integer sit amet ullamcorper nulla. </p>
<p> vestibulum dictum ante eu nisl ornare tincidunt. etiam id risus mauris. duis nec turpis in neque porttitor euismod sed id odio. sed molestie urna magna fermentum egestas. nulla facilisi. quisque risus neque, sodales pulvinar rhoncus a, lacinia eget neque. vivamus vel malesuada nisl. proin mollis tempor felis id dapibus. morbi velit mi, aliquet sed malesuada et, blandit vitae eros. nulla nec lorem quam, eu aliquam sapien. quisque venenatis, enim non ultricies lobortis, lectus dolor consectetur nulla, eu tincidunt metus enim vitae libero. vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; praesent sit amet neque eu libero commodo condimentum. fusce hendrerit diam sed libero lacinia nec adipiscing massa posuere. pellentesque eget libero risus, eget venenatis metus. morbi quis dolor enim. cras orci orci, ultrices nec consectetur sed, auctor non leo. aliquam nec sem erat. nam ut nunc sed leo tempor pretium. maecenas sit amet tortor a neque congue iaculis eu in ipsum. </p>
<p> </p>
</div>
</div>
<div id="right"></div>
<div id="footer"></div>
</div>
</div>
</body>
</html>
sorry it's on place hope guys can me....
problem #1 -- can't see images.
problem #2 -- can't see images.
problem #3 -- can't see images.
please, please upload page , dependant files web space , post url can see see.
thank you.
nancy o.
alt-web design & publishing
web | graphics | print | media specialists
http://alt-web.com/
http://twitter.com/
altweb
More discussions in Dreamweaver support forum
adobe
Comments
Post a Comment