PDA

View Full Version : Need a little help... ok alot :)


MMedia
Apr-12-2007, 09:43 AM
THanks to all the support on this forum its been really helpful. I had a few problems in customizing the homepage.

1. My banner does not show on IE6 but shows on Firefox

2. I am looking to make my homepage like this one "http://sharpshooter.smugmug.com/" where you can hover over the photo and enter the subcatagories indicated. If someone can help and get me started on the right foot I would appreciate it.

www.mishamedia.com (http://www.mishamedia.com)
mishamedia.smugmug.com

Mike Lane
Apr-12-2007, 02:01 PM
THanks to all the support on this forum its been really helpful. I had a few problems in customizing the homepage.

1. My banner does not show on IE6 but shows on Firefox

Looks like firefox tolerates missing spaces better than IE6. Look carefully for the missing space after the ) and before the no-repeat. Below is what it should look like:


#my_banner {
width: 940px;
height: 120px;
margin: 0 auto;
background: url(http://mishamedia.smugmug.com/photos/143124972-O.jpg) no-repeat;
}


2. I am looking to make my homepage like this one "http://sharpshooter.smugmug.com/" where you can hover over the photo and enter the subcatagories indicated. If someone can help and get me started on the right foot I would appreciate it.

www.mishamedia.com (http://www.mishamedia.com)
mishamedia.smugmug.comThat shouldn't be too difficult. First figure out what links and images you're going to use and post them as a reply on here. After you do that I or someone else will reply with how you can do the hover trick there.

If you need more help with how to get those links just let us know. Don't let me get off with assuming too much.

MMedia
Apr-12-2007, 02:05 PM
Awesome thanks Mike, I will work on those links and post them shortly

MMedia
Apr-12-2007, 11:31 PM
I have uploaded the photos in sets of 5 thumbnails and 5 large images, my goal us to have the main image with 5 smaller "hover" images under which will point to the respective sub catagories. These photos are place holders for now... thanks in advance

thumbnails: 75px x 75px
1. http://mishamedia.smugmug.com/photos/143137308-Ti.jpg
2. http://mishamedia.smugmug.com/photos/143137311-Ti.jpg
3. http://mishamedia.smugmug.com/photos/143137313-Ti.jpg
4. http://mishamedia.smugmug.com/photos/143137314-Ti.jpg
5. http://mishamedia.smugmug.com/photos/143137315-Ti.jpg

Larger images (hoping the main stage can be 940px)

1. http://mishamedia.smugmug.com/photos/143344982-L.jpg
2. http://mishamedia.smugmug.com/photos/143345015-L.jpg
3. http://mishamedia.smugmug.com/photos/143345020-L.jpg
4. http://mishamedia.smugmug.com/photos/143345021-L.jpg
5. http://mishamedia.smugmug.com/photos/143345002-L.jpg

Thank you for all the help!!

MMedia
Apr-13-2007, 06:21 PM
bump

MMedia
Apr-13-2007, 11:40 PM
just saw that i needed links too

1. http://photos.mishamedia.com/Weddings
2. http://photos.mishamedia.com/engagement%20sessions
3. http://photos.mishamedia.com/album%20proofs
4. http://photos.mishamedia.com/Events
5. http://photos.mishamedia.com/Children

i've been banging my head trying to figure this out, I really need a push in the right direction so if anyone can please please help I would appreciate... this is not a plea for someone to do the work for me, nor am I leaching, i did alot of the customization by reading the tutorials and threads but nowhere does it tell me how to go about making this... sorry just frustrated with myself. Thanks to all that can help

MMedia
Apr-16-2007, 10:22 AM
bump, please help

MMedia
Apr-18-2007, 04:53 PM
bump

Mike Lane
Apr-20-2007, 03:41 AM
Hi mischa, sorry things have been crazy around here. I'm going to get you all set up right now. Hopefully, you'll log into your site to see that it is all nice and updated :thumb

Mike Lane
Apr-20-2007, 04:40 AM
Okay Mischa, you're almost completely set up. The only thing you've got left is to put in the image that you want to display there by default. I don't want to pick one for you, but it'll be easy for you to do. Once you get the address of the pic you want to use, go to your CSS. Find this line and add the address in place of the red:

#backgroundIMG {
background:url(DEFAULT IMG ADDRESS HERE);
height:533px;
width:800px;
margin:0 auto;
}

No promising that this will work right in all browsers or that there aren't any problems in general.