PDA

View Full Version : Pure White, Jumping Navbar


Beahope
Dec-07-2007, 03:01 AM
Hello-

I am having lots of troubles with my site.

1. I want it to be seamless, pure white, with out the funky grey borders. Is there a way to achieve this look?

2. I had to move my navbar down since my banner was covering it. Now, if you enter a gallery, the navbar jumps back to its orginal position. YIKES!

HELP!!!!!!!!!!!!!!!!!!!

Bea

www.beahaynesphotography.com (http://www.beahaynesphotography.com)

Allen
Dec-07-2007, 07:55 AM
Hello-

I am having lots of troubles with my site.

1. I want it to be seamless, pure white, with out the funky grey borders. Is there a way to achieve this look?

2. I had to move my navbar down since my banner was covering it. Now, if you enter a gallery, the navbar jumps back to its orginal position. YIKES!

HELP!!!!!!!!!!!!!!!!!!!

Bea

www.beahaynesphotography.com (http://www.beahaynesphotography.com)

To start remove the red from the theme.

/* ------------------ */
/* --- White -------- */: #222;
}
/* --- Ivar Borst --- */


If you want your banner centered change the CSS to this below. You have
the correct height but your image has a large top and bottom white area. I'd
crop most of that off and it'll fit better.

#my_banner {
width: 750px;
height: 125px;
position:absolute;
left:0;
top:0;
background: url(http://BeaHaynesPhotography.smugmug.com/photos/229589526-O.jpg) no-repeat;
_background: none;
_filter:progid:DXImageTransform.Microsoft.AlphaIma geLoader(enabled=true,sizingmethod=image,src='http ://nickname.smugmug.com/photos/1234567-O.png');
}

to this

#my_banner {
margin: 0 auto;
width: 750px;
height: 125px;
background: url(http://BeaHaynesPhotography.smugmug.com/photos/229589526-O.jpg) no-repeat;
_background: none;
_filter:progid:DXImageTransform.Microsoft.AlphaIma geLoader(enabled=true,sizingmethod=image,src='http ://nickname.smugmug.com/photos/1234567-O.png');
}

Beahope
Dec-07-2007, 10:45 AM
I actually like the banner to the left. What i am concerned about is the nav bar changing position when you enter a gallery.

Beahope
Dec-07-2007, 11:05 AM
I removed what you said to remove from the theme and it didnt seem to do anything.

Beahope
Dec-07-2007, 11:13 AM
I actually like the banner to the left. What i am concerned about is the nav bar changing position when you enter a gallery.
Nevermind- I think i fixed this...

Beahope
Dec-07-2007, 02:03 PM
To start remove the red from the theme.

/* ------------------ */
/* --- White -------- */: #222;
}
/* --- Ivar Borst --- */


If you want your banner centered change the CSS to this below. You have
the correct height but your image has a large top and bottom white area. I'd
crop most of that off and it'll fit better.

#my_banner {
width: 750px;
height: 125px;
position:absolute;
left:0;
top:0;
background: url(http://BeaHaynesPhotography.smugmug.com/photos/229589526-O.jpg) no-repeat;
_background: none;
_filter:progid:DXImageTransform.Microsoft.AlphaIma geLoader(enabled=true,sizingmethod=image,src='http ://nickname.smugmug.com/photos/1234567-O.png');
}

to this

#my_banner {
margin: 0 auto;
width: 750px;
height: 125px;
background: url(http://BeaHaynesPhotography.smugmug.com/photos/229589526-O.jpg) no-repeat;
_background: none;
_filter:progid:DXImageTransform.Microsoft.AlphaIma geLoader(enabled=true,sizingmethod=image,src='http ://nickname.smugmug.com/photos/1234567-O.png');
}


I want to make my site all white.
I put this in my CSS:
#homepage,
#category,
#smugmug,
#smugmug_small,
#journal,
#filmstrip,
#slideshow,
#critique,
#allthumbs,
#traditional,
#singleImage,
#content {
width: 750px;
margin: 0 auto;
padding-left: 35px;
padding-right: 35px;
background:

I put this in my CSS with everthing after the background deleted, like suggested in another forum. Nothing happens. When I use the CSS editor in firefox, the border goes away. WHat am i doing wrong?