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: #990000

 
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: #990000
Page: [1]
 
dawnyy

 

Posts: 18
Joined: 6/15/2006
Status: offline

 
background: #990000 - 6/15/2006 9:52:00   
Can anyone tell me what the effect of this line is?

I have a maroon backgroud which I want to change to white, and if I remove this line, the maroon goes, but it also moves everything on my page upwards so things are no longer aligned! Does this somehow pull in a file?

I'd appreciate someones help.
Brandon

 

Posts: 431
Joined: 7/13/2004
From: Indiana, US
Status: offline

 
RE: background: #990000 - 6/15/2006 9:54:47   
If you want to change it to white you can put this.

background-color: #ffffff
or
background: #ffffff

_____________________________

~ Brandon

(in reply to dawnyy)
jaybee

 

Posts: 14145
Joined: 10/7/2003
From: Berkshire, UK
Status: offline

 
RE: background: #990000 - 6/15/2006 9:58:41   
Welcome to Outfront. Brandon is quite correct, you can just change the hex colour but if you post the rest of the line we can probably tell you why everything is moving.

_____________________________

If it ain't broke..... fix it until it is.
:)

:)
GAWDS
Now where did I put that Doctype?

(in reply to Brandon)
dawnyy

 

Posts: 18
Joined: 6/15/2006
Status: offline

 
RE: background: #990000 - 6/15/2006 9:59:04   
quote:

background-color: #ffffff


Thats fantastic, thanks for that. You can't explain what the #990000 is doing could you. Just wondering why it affects the alignment.


(in reply to Brandon)
jaybee

 

Posts: 14145
Joined: 10/7/2003
From: Berkshire, UK
Status: offline

 
RE: background: #990000 - 6/15/2006 10:00:08   
See above, I need the rest of the line that background bit sits in.

_____________________________

If it ain't broke..... fix it until it is.
:)

:)
GAWDS
Now where did I put that Doctype?

(in reply to dawnyy)
dawnyy

 

Posts: 18
Joined: 6/15/2006
Status: offline

 
RE: background: #990000 - 6/15/2006 10:01:25   
This is the rest of that block....

div#header {
width: 100%;
margin-bottom: 40px;
background: #990000;
background-color: #ffffff ;
height: 100px;
position: relative;
top: 34px;
}

I'd appreciate it if someone could explain to me why removing the background line makes a difference to the alignment, as it may help me in my learning all this!

(in reply to jaybee)
jaybee

 

Posts: 14145
Joined: 10/7/2003
From: Berkshire, UK
Status: offline

 
RE: background: #990000 - 6/15/2006 10:04:27   
quote:

ORIGINAL: dawnyy

This is the rest of that block....

div#header {
width: 100%;
margin-bottom: 40px;
background: #990000;
background-color: #ffffff;
height: 100px;
position: relative;
top: 34px;
}

I'd appreciate it if someone could explain to me why removing the background line makes a difference to the alignment, as it may help me in my learning all this!


Looking at that, if you only removed that bit, including the ; on the end of it then it shouldn't have affected the line up. If however, you left the ; there then that invalidates the entire block and it would affect the entire css from then on, thus affecting the page layout overall.

You have two background lines in there now too so change that to

div#header {
width: 100%;
margin-bottom: 40px;
background-color: #ffffff;
height: 100px;
position: relative;
top: 34px;
}

_____________________________

If it ain't broke..... fix it until it is.
:)

:)
GAWDS
Now where did I put that Doctype?

(in reply to dawnyy)
Page:   [1]

All Forums >> Web Development >> Cascading Style Sheets >> background: #990000
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