centering my slideshow oh and $#@%@#!

[sthig]

So I love that FF CSS tool and it really helps...as long as you are paying attention. I accidently copied the wrong CSS code into my Customization and I kind of lost a lot of my modifications.

Anyway, I've spent a while trying to rebuild them and I've run into some stumps.

The first one is... my slideshow is off just a smidge...I'm guessing just putting in "center" is not going to cut the mustard. So how would I do that?

Next, the "map this" has cropped up on my webpage and I can't, for the life of me, get it off my page.

Lastly, I just want to change up the color/font scheme a bit however it's almost like playing "clue" to find what does what in the CSS. Is there a place that points you in the right direction?

I know that's a tall order and I apologize...but I have spent a lot of time figuring things out for myself before I asked.

http://scojobo.smugmug.com/ <--slideshow is off just a bit

oh and I tried for several hours to make a working theme but it just turns into a legoland explosion of code :(

Best

[Mike Lane]

So I love that FF CSS tool and it really helps...as long as you are paying attention. I accidently copied the wrong CSS code into my Customization and I kind of lost a lot of my modifications.

Anyway, I've spent a while trying to rebuild them and I've run into some stumps.

Been there, done that. Backup your CSS every chance you get is my only advice. All you need is a text editor to do that.

The first one is... my slideshow is off just a smidge...I'm guessing just putting in "center" is not going to cut the mustard. So how would I do that?

I'm blocked right now but I'm betting that the container for the slideshow is smaller than the images in the slideshow which means that the images look a bit off center since they are spilling over the right edge. If your slideshow looks centered in IE6 this is exactly what is happening since IE6 will automatically resize the containing box to fit the slideshow. Make sure you've made the containing box big enough by accounting for the width of the image, the sum of the width of the borders, and the sum of the width of any padding.

Next, the "map this" has cropped up on my webpage and I can't, for the life of me, get it off my page.

Either 1) don't use any map coordinates in any of your images or 2) use img.map_this {display:none;}

Lastly, I just want to change up the color/font scheme a bit however it's almost like playing "clue" to find what does w[/URL]hat in the CSS. Is there a place that points you in the right direction?

The webdev toolbar is your first tool. The second tool is the Firefox DOM inspector. (See [URL="http://www.codestore.net/store.nsf/unid/BLOG-20050228"]this (http://www.codestore.net/store.nsf/unid/BLOG-20050228) to learn how to use the DOM inspector.) If you're still having troubles hit <ctrl><shift>-c when you're in firefox and all the stylesheets will appear. Get cozy with SmugmugBlack-XXXXXXXXXX.CSS and any themes you may have on your site.

I know that's a tall order and I apologize...but I have spent a lot of time figuring things out for myself before I asked.

http://scojobo.smugmug.com/ <--slideshow is off just a bit

oh and I tried for several hours to make a working theme but it just turns into a legoland explosion of code :(

Best

Try the above, let us know how it works. Take the time to learn about xhtml and CSS. There are plenty of resources right on dgrin to help you.

[sthig]

okay got the "map this" thing off but both in IE and in FF it's shifted...and on top of that, so are my categories under it (and I'm sure that's from me tweaking them).

I'm attaching my css (which is a mess) just in case you want to take a peak.

(oh and I can't get my DOM to come up...both with the ctrl shift and just physically selecting it)

mike-also, thank you for all your help

[Mike Lane]

okay got the "map this" thing off but both in IE and in FF it's shifted...and on top of that, so are my categories under it (and I'm sure that's from me tweaking them).

I'm attaching my css (which is a mess) just in case you want to take a peak.

(oh and I can't get my DOM to come up...both with the ctrl shift and just physically selecting it)

mike-also, thank you for all your help

You don't have all of that in your CSS do you? Most of that is the smugmugBlack.css file which you don't need in your CSS customization file.

[Mike Lane]

Okay I can get to scojobo.com and I can see that you do indeed have all the smugmugblack.css file copied right into your own CSS customization. Any particular reason you felt the need to do that?

[sthig]

oh that's because I accidently hit copy and paste from black into cust.

my brain is tooooo small to figure out what needs to be taken out and left in. but man I'd love to know

[Mike Lane]

oh that's because I accidently hit copy and paste from black into cust.

my brain is tooooo small to figure out what needs to be taken out and left in. but man I'd love to know

Start with taking it all out :wink I removed it with the webdev toolbar and the only thing that changed was your font colors which is an easy fix. smugmugBlack.css is a large file, and remember that it has to be transferred over the internets to your viewer before they can see your page so you don't want to make people download it twice for no reason.

[sthig]

Start with taking it all out :wink I removed it with the webdev toolbar and the only thing that changed was your font colors which is an easy fix. smugmugBlack.css is a large file, and remember that it has to be transferred over the internets to your viewer before they can see your page so you don't want to make people download it twice for no reason.

I took it all out and a went arwy with it, but I'll persist and see if I can't get it cleaned up

[sthig]

well that wasn't so bad. I used dreamweaver and just filtered out the dupilicates. wow...that WAS a lot of stuff

[Mike Lane]

Okay I'm home. Fortunately it's an easy fix to get your slideshow centered. Just put in the following CSS:

#bioBox {text-align:center;}

Was there anything else you were having problems with?

[sthig]

Okay I'm home. Fortunately it's an easy fix to get your slideshow centered. Just put in the following CSS:

#bioBox {text-align:center;}

Was there anything else you were having problems with?
yes! it's called making a THEME! grrrrr




oh and thanks!!!

[Mike Lane]

yes! it's called making a THEME! grrrrr




oh and thanks!!!

:lol3

Just as an aside, it's difficult to make a theme if you're using a theme on your pages...