navigation
a webmaster learning community
     Home    Register     Search      Help      Login    
Sponsors

Shopping Cart Software
Ecommerce software integrated into Frontpage, Dreamweaver and Golive templates. No monthly fees and available in ASP and PHP versions.

Website Templates
We also have a wide selection of Dreamweaver, Expression Web and Frontpage templates as well as webmaster tools and CSS layouts.

Frontpage website templates
Creative Website Templates for FrontPage, Dreamweaver, Flash, SwishMax

Search Forums
 

Advanced search
Recent Posts

 Todays Posts
 Most Active posts
 Posts since last visit
 My Recent Posts
 Mark posts read

Microsoft MVP

 

background image won't display

 
View related threads: (in this forum | in all forums)

Logged in as: Guest
Users viewing this topic: none
Printable Version 

All Forums >> Web Development >> Cascading Style Sheets >> background image won't display
Page: [1]
 
vision2000

 

Posts: 532
From: USA
Status: offline

 
background image won't display - 2/17/2006 21:23:37   
Hi,

Why doesn't the background image display (repeat) under the right navigation?

Images, css and web page have all been uploaded.

http://www.ihost-websites.com/hire/

Here's the CSS for my container:

#wrapper{
width: 760px;
background-color:#FFFFFF;
margin-top: 5px;
margin-left: auto;
margin-right: auto;
background-image: url(images/navbar.gif);
background-repeat: repeat-y;
border: 1px;
border-color: #000000;
border-style:solid;
}

Thank for your help
Kitka

 

Posts: 2515
Joined: 1/31/2002
From: Australia
Status: offline

 
RE: background image won't display - 2/18/2006 1:00:12   
quote:

Why doesn't the background image display (repeat) under the right navigation?


It does display. But you can't see it - because navbar.gif is a pure white 180x1 pixel graphic, displayed on a pure white background.

I can't imagine why you'd expect to be able to see that :) :)

_____________________________

Kitka
**It is impossible to make anything foolproof because fools are so ingenious.**


(in reply to vision2000)
vision2000

 

Posts: 532
From: USA
Status: offline

 
RE: background image won't display - 2/18/2006 8:14:06   
Thanks for replying...my mistake, sorry

Please look again, I corrected it.

Question:

Now, how do I stop the the blue bg from showing in the header?



< Message edited by vision2000 -- 2/18/2006 8:31:33 >

(in reply to Kitka)
Kitka

 

Posts: 2515
Joined: 1/31/2002
From: Australia
Status: offline

 
RE: background image won't display - 2/18/2006 8:31:04   
quote:

Now, how do I stop the the blue bg from showing in the header?

How do I move the blue nav away from the outside border so it aligns with the blue logo?


Remove the bluenav.gif background from the #container and put it in the #nav, plus give it a right margin - something like this:

#nav
{
float: right;
background-image: url(images/bluenav.gif);
width: 160px;
margin-left: 10px;
margin-right: 20px;
margin-top: 12px;
}

_____________________________

Kitka
**It is impossible to make anything foolproof because fools are so ingenious.**


(in reply to vision2000)
vision2000

 

Posts: 532
From: USA
Status: offline

 
RE: background image won't display - 2/18/2006 9:35:40   
Thank you, how do I get it the background to stretch to the bottom of the page?

I tried this css but the bg does not stretch

#nav
{
float: right;
width: 160px;
margin-top: 12px;
margin-right: 15px;
background-image: url(images/blueline.gif);
background-repeat: repeat-y;

}

(in reply to Kitka)
Page:   [1]

All Forums >> Web Development >> Cascading Style Sheets >> background image won't display
Page: [1]
Jump to: 1





New Messages No New Messages
Hot Topic w/ New Messages Hot Topic w/o New Messages
Locked w/ New Messages Locked w/o New Messages
 Post New Thread
 Reply to Message
 Post New Poll
 Submit Vote
 Delete My Own Post
 Delete My Own Thread
 Rate Posts