Attempting to get a image under a transparent navbar using HTML/CSS -
i learning web development html , css. i've been following tutorial here. far i've modified tutorial match use. have navigation bar on top , basic footer. see if can load image, 800x600, behind navbar way shows through transparency. if possible image stretch size of window similar how have navbar set up. problem seem having image trying place behind navbar being rendered above it. please see code below doing.
css style:
/* page top */ #pagetop { background: url('./img/transparentgradient.png') repeat-x; height: 90px; } #pagetop > #pagetopimg { text-align: center; } html:
<div id="pagetop"> <div id="pagetopimg"> <img src="./img/dnd_dragon_photo.jpg"/> </div> <div id="pagetopwrap"> <div id="pagetoplogo"> <a href="#"> <img src="./img/dnd_logo.png" alt="logo" title="dungeons , dragons"> </a> </div> <div id="pagetoprest"> <div id="menu"> <div> <a href="#">load character sheet</a> </div> </div> </div> </div> </div> thanks in advance help. introduction html/css please let me know if there have missed or needs more details.
edit added link demo site. nav bar has blue tint , can see image displayed on it.
Comments
Post a Comment