View Full Version : Spacer
chuckinsocal
Dec-11-2007, 06:21 PM
OK ... I got rid of UserName and Map This under my banner but there is still an object between the banner and my bio box. It shows a a blank area.
How do I remove this space so that the bio box starts directly under the banner?
Thanks.
Chuck Cannova
http://chuckinsocal.smugmug.com
Allen
Dec-11-2007, 06:33 PM
OK ... I got rid of UserName and Map This under my banner but there is still an object between the banner and my bio box. It shows a a blank area.
How do I remove this space so that the bio box starts directly under the banner?
Thanks.
Chuck Cannova
http://chuckinsocal.smugmug.com
This works in Firefox not sure of the IE's.
.homepage #my_banner {margin-bottom: -40px;}
.loggedIn .homepage #my_banner {margin-bottom: 0;}
Need the space for the buttons logged in .
chuckinsocal
Dec-11-2007, 07:35 PM
but not quite ... but thanks for the effort.
Web Developer (View Style Information under the CSS button) is showing the space as a separate object and when I remove it with the Nuke Anything Enhanced add on in Firefox (if you don't have it you gotta get it) everything looks just like I want it. You can probably see this for yourself.
Your fix moved the buttons when logged in up into the banner and that's probably ok. But the rest did not look right.
Also, I've lost the 20px space between the bio box and the gallery box. Not sure how or when that happened.
Any wisdom?
Chuck Cannova
http://chuckinsocal.smugmug.com
Allen
Dec-11-2007, 07:50 PM
but not quite ... but thanks for the effort.
Web Developer (View Style Information under the CSS button) is showing the space as a separate object and when I remove it with the Nuke Anything Enhanced add on in Firefox (if you don't have it you gotta get it) everything looks just like I want it. You can probably see this for yourself.
Your fix moved the buttons when logged in up into the banner and that's probably ok. But the rest did not look right.
Also, I've lost the 20px space between the bio box and the gallery box. Not sure how or when that happened.
Any wisdom?
Chuck Cannova
http://chuckinsocal.smugmug.com
That's the breadcrumb that's hidden. I used the WebDev and what I
posted worked perfect. Only guessing on the logged in part so that might
have to be adjusted.
Just put that in and still worked and did not lose the spacing between the
bio and galleries box.:scratch Wasn't a 20px space there when I first looked.
btw, added at the bottom of CSS.
This makes all spaces the same.
#bioBox {
margin: 0 auto;
margin-bottom: 20px;
width:792px;
}
.homepage #my_banner {margin-bottom: -15px;}
.loggedIn .homepage #my_banner {margin-bottom: 0;}
chuckinsocal
Dec-11-2007, 08:42 PM
Perfect even ...
Now, if I could cut the space between the top of the bio box and the first line of the bio in half, maybe same with the bottom, I'd be a pretty happy camper, at least until the next problem.
Thanks for your help.
Chuck Cannova
http://chuckinsocal.SmugMug.com
Allen
Dec-11-2007, 09:02 PM
Perfect even ...
Now, if I could cut the space between the top of the bio box and the first line of the bio in half, maybe same with the bottom, I'd be a pretty happy camper, at least until the next problem.
Thanks for your help.
Chuck Cannova
http://chuckinsocal.SmugMug.com
Play with these two.
#bioBox .boxTop {display: none !important;}
#bioBox .photo,
#userBio {margin-top: 10px !important;}
or this
#bioBox .boxTop {display: none !important;}
#bioBox .photo,
#userBio {padding: 10px;}
chuckinsocal
Dec-11-2007, 10:09 PM
Both methods worked equally well except that there is still a large space between the last line in the bio and the bottom of the box. I'm thinking I may have put a carraige return in after the e-mail link but I seem to have lost the ability to edit the bio. The "edit bio" thingy is gone when I log in.
?????????????:dunno
Chuck Cannova
http://chuckinsocal.SmugMug.com
Allen
Dec-11-2007, 10:12 PM
Both methods worked equally well except that there is still a large space between the last line in the bio and the bottom of the box. I'm thinking I may have put a carraige return in after the e-mail link but I seem to have lost the ability to edit the bio. The "edit bio" thingy is gone when I log in.
?????????????:dunno
Chuck Cannova
http://chuckinsocal.SmugMug.com
You can get to it in your control panel under the settings tab. Look
for bio: change.
chuckinsocal
Dec-11-2007, 10:30 PM
.... but no carraige return.
I tried
#userBio {margin-bottom: 10px !important;}
but it didn't work. :dunno
Isn't it about 1:30 AM now in MO? What are you doing up so late?
Chuck Cannova
http://chuckinsocal.SmugMug.com
Allen
Dec-12-2007, 05:43 AM
.... but no carraige return.
I tried
#userBio {margin-bottom: 10px !important;}
but it didn't work. :dunno
Isn't it about 1:30 AM now in MO? What are you doing up so late?
Chuck Cannova
http://chuckinsocal.SmugMug.com
This works in Firefox, not sure what IE's will do with it.:D
#bioBox {
margin: 0 auto;
margin-bottom: 10px;
width:792px;
height: 235px;
}
btw, you have a couple duplicate bioBox/userBio thingies.
chuckinsocal
Dec-12-2007, 10:33 AM
... in Firefox but not so good in IE7. The text covers the avatar and extends below the gray box border.
I'm not sure what you mean by "btw, you have a couple duplicate bioBox/userBio thingies." Is this a bad thing or just informational? Does it need to be fixed?
Chuck Cannova
http://chuckinsocal.smugmug.com
chuckinsocal
Dec-12-2007, 08:42 PM
Hi Allen,
As I mentioned, you last fix works perfectly in Firefox. In IE 6.0 all the text is below the avatar but every thing else looks ok. I guess that's acceptable.
But in IE 7, the text is not wrapping around the avatar but rather showing over the avatar plus it is extending slightly over the bottom border. This doesn't look so good.
Any ideas?
Chuck Cannova
http://chuckinsocal.SmugMug.com
vBulletin® v3.8.5, Copyright ©2000-2012, Jelsoft Enterprises Ltd.