I have a html page (see attachment). In the page there is a header (headling, slogan text). I want to put one more .jpg image as fixed header just above the existing header. How to do this?
in page.html added a div container <div class="header-image"> just below <div id="art-main"> and before <div class="art-sheet"> <body> <div id="art-main"> [COLOR="darkgreen"] <div class="header-image"><img src="images/header_ad.gif" width="898px" height="70px" alt=""/></div>[/COLOR] <div class="art-sheet"> <div class="art-sheet-tl"></div> <div class="art-sheet-tr"></div> <div class="art-sheet-bl"></div> <div class="art-sheet-br"></div> <div class="art-sheet-tc"></div> <div class="art-sheet-bc"></div> <div class="art-sheet-cl"></div> <div class="art-sheet-cr"></div> <div class="art-sheet-cc"></div> <div class="art-sheet-body"> Code (markup): in style.css add .header-image{ margin:0 auto; width:898px; } Code (markup): I am unable to upload all files. Hope you can fix as described above.
Anytime. Remove properties "margin-top from .art-sheet" .art-sheet { cursor:auto; margin-top:10px !important; <!--remove this--> }