O
ojlise
I am displaying a picture on top of a web page using CSS. It show
correctly when in Design mode (FrontPage), but the picture disappear in
Preview modes, any idea?
CSS
div.top_photo {
height:175px;
background-image:url("front-norway.jpg");
background-repeat:no-repeat;
background-position:left;
margin:0px;
padding:0px;
border-style: solid;
border-width: 1px
}
HTML
</div>
<div class="top_photo"> </div><!-- class="header_mid" -->
<div id="avmenu">
<h2 class="hide">Menu:</h2>
<ul>
<li><a href="#">Welcome!</a></li>
<li><a href="#">Antiques</a></li>
<li><a href="#">Pottery</a></li>
<li><a href="#">Our Services</a></li>
<li><a href="#">Customer Login</a></li>
<li><a href="#">Resources</a></li>
<li><a href="#">Shows</a></li>
</ul>
correctly when in Design mode (FrontPage), but the picture disappear in
Preview modes, any idea?
CSS
div.top_photo {
height:175px;
background-image:url("front-norway.jpg");
background-repeat:no-repeat;
background-position:left;
margin:0px;
padding:0px;
border-style: solid;
border-width: 1px
}
HTML
</div>
<div class="top_photo"> </div><!-- class="header_mid" -->
<div id="avmenu">
<h2 class="hide">Menu:</h2>
<ul>
<li><a href="#">Welcome!</a></li>
<li><a href="#">Antiques</a></li>
<li><a href="#">Pottery</a></li>
<li><a href="#">Our Services</a></li>
<li><a href="#">Customer Login</a></li>
<li><a href="#">Resources</a></li>
<li><a href="#">Shows</a></li>
</ul>