Is there a better way to do this? CSS rules/Background image/tables
hi,
i designing site , have used table banner. everytime different page displayed, banner image changes. have created .html pages, , have created lot of css rules change background image. think there must more efficiant way this?
http://www.taffyproductions.com/test/
also... need figure out how make links (hover/active states) work on pages... figured out on index page, i'm sure there better css rule?
you can use div container instead of table. in <head> section of html page insert:
<div class="banner" id="homebanner"></div>
and in css:
.banner {
positon: relative;
margin: 0 auto;
width: 800px;
height: 252px;
}
#homebanner{
width: 100%;
background-image: url(images/banner.jpg);
}
so each seperate page, use same "banner" class , give different id tag.
for example, birthdays page have div container within <head> section:
<div class="banner" id="birthdaybanner"></div>
hope helps!
julia
More discussions in Dreamweaver support forum
adobe
Comments
Post a Comment