Search box interfering w/Theme

[Seminole1986]

Hello all,

Long-time lurker first time poster. I was messing around w/my smugmug page when I found a theme I really liked, the white one w/the shadows accross all sides. Anyway, it appears that the search box between my header and the body cuts off the shadow so that the box appears to blend into the borders of the page. Actually, it's kind of cool but I'd really prefer the shadow.

Is there anything I can do or must I disable the search box? BTW, if I click the feature that enables the smugmug header to show below my header, the shadow returns. I just would like it w/out the smugmug header. My guess is that I must add pixels below the search feature.

Any sugestions?

[Allen]

Hello all,

Long-time lurker first time poster. I was messing around w/my smugmug page when I found a theme I really liked, the white one w/the shadows accross all sides. Anyway, it appears that the search box between my header and the body cuts off the shadow so that the box appears to blend into the borders of the page. Actually, it's kind of cool but I'd really prefer the shadow.

Is there anything I can do or must I disable the search box? BTW, if I click the feature that enables the smugmug header to show below my header, the shadow returns. I just would like it w/out the smugmug header. My guess is that I must add pixels below the search feature.

Any sugestions?
How 'bout adding the full frame?

Add the red in your header code.

<div id="topFrame"></div>
<div align="center">
<div id="myBanner">
<img src="http://ralphventura.smugmug.com/photos/5436079-M.jpg" height="198" width="432">
</div>
</div>
Add this to your CSS

#myBanner {
margin-top: -40px;
background: url(/img/themes/White/small_center.jpg);
}

.smugmug #myBanner,
.critique #myBanner {
margin-top: -40px;
background: url(/img/themes/White/large_center.jpg);
}

.Large #myBanner,
.Original #myBanner {
margin-top: -40px;
background: url(/img/themes/White/medium_center.jpg);
}

#mysearch {margin-top: -40px;}

/* --- TOP FRAME White Theme --- */
#topFrame {
width: 820px;
height: 36px;
padding-top: 25px;
margin: 0 auto;
background: url(/img/themes/White/small_header.jpg) no-repeat;
}

.Large #topFrame,
.Original #topFrame {
width: 870px;
background: url(/img/themes/White/medium_header.jpg) no-repeat;
}

.smugmug #topFrame,
.critique #topFrame {
width: 1030px;
background: url(/img/themes/White/large_header.jpg) no-repeat;
}
/* --- END TOP FRAME White Theme --- */
After that we can work on your footer being shifted to the right.

[Seminole1986]

:D Geeezzz, Allen, thanks for the speedy response. I certainly didn't expect something so quick and so detailed.

Still, I'm running out now but I'll try this when I get home.

Thanks again.

Ralph

[Allen]

:D Geeezzz, Allen, thanks for the speedy response. I certainly didn't expect something so quick and so detailed.

Still, I'm running out now but I'll try this when I get home.

Thanks again.

Ralph
btw, :wave Welcome to Dgrin, .................................................. .................. lurker. :D

Add the closing </div> that's missing here to fix the footer frame.

<div align="center">All Rights Reserved.
Use of these photos without written authorization is strictly prohibited.
</div>

[Seminole1986]

I did it last night and got some pretty bad results but this must have been b/c it was about 1AM and I was pretty tired.

Did it again after a good night's sleep and got pretty good results. I hadn't actually expected the shadow effect to continue up to the top and encompass the banner, but after looking at it I like it and think I'll keep it. Nice touch.

Still, w/the current result I seem to be missing my search box, which how I got into this problem in the first place. Any idea where I might have misplaced it?

http://ralphventura.smugmug.com/

[Allen]

I did it last night and got some pretty bad results but this must have been b/c it was about 1AM and I was pretty tired.

Did it again after a good night's sleep and got pretty good results. I hadn't actually expected the shadow effect to continue up to the top and encompass the banner, but after looking at it I like it and think I'll keep it. Nice touch.

Still, w/the current result I seem to be missing my search box, which how I got into this problem in the first place. Any idea where I might have misplaced it?

http://ralphventura.smugmug.com/
You lost the mysearch div in your header or wherever in the html you had it.

Don't remember what you had but you might try adding the bold below.
Not sure if this will fire the built in

<div id="topFrame"></div>
<div align="center">
<div id="myBanner">
<img src="http://ralphventura.smugmug.com/photos/5436079-M.jpg" height="198" width="432">
</div>
<div id="mysearch">SMUGSEARCH</div>
</div>

[Seminole1986]

but this is the error I encountered last night. The banner is detatched from the body and the footer is misalligned. Is there anything I can do or should I just delete the search box?

[Allen]

but this is the error I encountered last night. The banner is detatched from the body and the footer is misalligned. Is there anything I can do or should I just delete the search box?
See my last post for addittion. You're one step ahead on me.:D

Hang on and I'll look.

[Allen]

but this is the error I encountered last night. The banner is detatched from the body and the footer is misalligned. Is there anything I can do or should I just delete the search box?
Remove the extra closing div in your header.

....
.... }" type="image"></form>
</div>
</div>
</div>

[Seminole1986]

Thanks! :clap

BTW, how did you become so expert in CSS and coding?

[Allen]

Thanks! :clap

BTW, how did you become so expert in CSS and coding?
Not much of an expert but playing with the WebDev extension for Firefox you
can see what happens in real time changes.

[Seminole1986]

I'm planning an overhaul of my webpage and was wondering if I could PM you in order to pick your brain a bit?

[Allen]

I'm planning an overhaul of my webpage and was wondering if I could PM you in order to pick your brain a bit?
They frown upon not asking and answering questions on this forum. There's
too much valuable information that can help everyone else. I learned long
ago that if I have a problem it's highly likely that someone else had the same
exact problem. ... or question.