CSS (background img & positioning)
hi,
i have simple, maddening problem, need ---before shoot myself! have created 3-.jpegs, use a top-side-bottom graphic. have created external style sheet , tried numerous variations (box-positioning-margin etc.) try , css pseudo-ids render on web browser correctly.....usually "top" graphic display thin line...not 150px..as expected...so, looking @ code below someoine give me general hints, top-side-bottom graphics render correctly (the full graphics @ top-side-bottom) in web browser....????please help??
#side_graphic {
position:relative;
width:110px;
height:auto;
z-index:2;
left: 10px;
top: 183px;
visibility: visible;
background-image: url(../images/side_graphic.jpg);
background-repeat: no-repeat;
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
}
#top_graphic {
position:relative;
width:1150;
z-index:1;
left: 10px;
top: 33px;
visibility: visible;
background-image: url(../images/top_graphic_title.jpg);
background-repeat: no-repeat;
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
height: 150px;
}
#footer_graphic {
position:relative;
width:1150px;
height:27;
z-index:3;
left: 10px;
top: 593px;
visibility: visible;
background-image: url(../images/bottom_graphic.jpg);
background-repeat: no-repeat;
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
}
i have simple, maddening problem, need ---before shoot myself! have created 3-.jpegs, use a top-side-bottom graphic. have created external style sheet , tried numerous variations (box-positioning-margin etc.) try , css pseudo-ids render on web browser correctly.....usually "top" graphic display thin line...not 150px..as expected...so, looking @ code below someoine give me general hints, top-side-bottom graphics render correctly (the full graphics @ top-side-bottom) in web browser....????please help??
#side_graphic {
position:relative;
width:110px;
height:auto;
z-index:2;
left: 10px;
top: 183px;
visibility: visible;
background-image: url(../images/side_graphic.jpg);
background-repeat: no-repeat;
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
}
#top_graphic {
position:relative;
width:1150;
z-index:1;
left: 10px;
top: 33px;
visibility: visible;
background-image: url(../images/top_graphic_title.jpg);
background-repeat: no-repeat;
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
height: 150px;
}
#footer_graphic {
position:relative;
width:1150px;
height:27;
z-index:3;
left: 10px;
top: 593px;
visibility: visible;
background-image: url(../images/bottom_graphic.jpg);
background-repeat: no-repeat;
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
}
answered in other post.
--
murray --- icq 71997575
adobe community expert
(if *must* email me, don't laugh when so!)
==================
http://www.dreamweavermx-templates.com - template triage!
http://www.projectseven.com/go - dw faqs, tutorials & resources
http://www.dwfaq.com - dw faqs, tutorials & resources
http://www.macromedia.com/support/search/ - macromedia (mm) technotes
==================
"jim elander" <webforumsuser@macromedia.com> wrote in message
news:e4ffb6$cr8$1@forums.macromedia.com...
> hi,
> have simple, maddening problem, need ---before
> shoot myself! have created 3-.jpegs, use a top-side-bottom
> graphic.
> have created external style sheet , tried numerous variations
> (box-positioning-margin etc.) try , css pseudo-ids render
> on
> web browser correctly.....usually "top" graphic display
> thin
> line...not 150px..as expected...so, looking @ code below
> someoine
> give me general hints, top-side-bottom graphics render
> correctly (the full graphics @ top-side-bottom) in web
> browser....????please help??
>
> #side_graphic {
> position:relative;
> width:110px;
> height:auto;
> z-index:2;
> left: 10px;
> top: 183px;
> visibility: visible;
> background-image: url(../images/side_graphic.jpg);
> background-repeat: no-repeat;
> margin-top: 0px;
> margin-right: auto;
> margin-bottom: 0px;
> margin-left: auto;
> }
> #top_graphic {
> position:relative;
> width:1150;
> z-index:1;
> left: 10px;
> top: 33px;
> visibility: visible;
> background-image: url(../images/top_graphic_title.jpg);
> background-repeat: no-repeat;
> margin-top: 0px;
> margin-right: auto;
> margin-bottom: 0px;
> margin-left: auto;
> height: 150px;
> }
> #footer_graphic {
> position:relative;
> width:1150px;
> height:27;
> z-index:3;
> left: 10px;
> top: 593px;
> visibility: visible;
> background-image: url(../images/bottom_graphic.jpg);
> background-repeat: no-repeat;
> margin-top: 0px;
> margin-right: auto;
> margin-bottom: 0px;
> margin-left: auto;
> }
>
--
murray --- icq 71997575
adobe community expert
(if *must* email me, don't laugh when so!)
==================
http://www.dreamweavermx-templates.com - template triage!
http://www.projectseven.com/go - dw faqs, tutorials & resources
http://www.dwfaq.com - dw faqs, tutorials & resources
http://www.macromedia.com/support/search/ - macromedia (mm) technotes
==================
"jim elander" <webforumsuser@macromedia.com> wrote in message
news:e4ffb6$cr8$1@forums.macromedia.com...
> hi,
> have simple, maddening problem, need ---before
> shoot myself! have created 3-.jpegs, use a top-side-bottom
> graphic.
> have created external style sheet , tried numerous variations
> (box-positioning-margin etc.) try , css pseudo-ids render
> on
> web browser correctly.....usually "top" graphic display
> thin
> line...not 150px..as expected...so, looking @ code below
> someoine
> give me general hints, top-side-bottom graphics render
> correctly (the full graphics @ top-side-bottom) in web
> browser....????please help??
>
> #side_graphic {
> position:relative;
> width:110px;
> height:auto;
> z-index:2;
> left: 10px;
> top: 183px;
> visibility: visible;
> background-image: url(../images/side_graphic.jpg);
> background-repeat: no-repeat;
> margin-top: 0px;
> margin-right: auto;
> margin-bottom: 0px;
> margin-left: auto;
> }
> #top_graphic {
> position:relative;
> width:1150;
> z-index:1;
> left: 10px;
> top: 33px;
> visibility: visible;
> background-image: url(../images/top_graphic_title.jpg);
> background-repeat: no-repeat;
> margin-top: 0px;
> margin-right: auto;
> margin-bottom: 0px;
> margin-left: auto;
> height: 150px;
> }
> #footer_graphic {
> position:relative;
> width:1150px;
> height:27;
> z-index:3;
> left: 10px;
> top: 593px;
> visibility: visible;
> background-image: url(../images/bottom_graphic.jpg);
> background-repeat: no-repeat;
> margin-top: 0px;
> margin-right: auto;
> margin-bottom: 0px;
> margin-left: auto;
> }
>
More discussions in Dreamweaver support forum
adobe
Comments
Post a Comment