PDA

View Full Version : homepage help


GAVA
Aug-23-2008, 02:20 PM
Hi, I've seen a cool homepage layout and am trying to replicate it but not sure how.. have read the CSS PDF but haven't worked this one out. I'm trying to get a similar format to http://www.kriskrosphotography.com/ where the text is on one side and the slideshow on the right. I can do the text and the slide show but they appear on top of each other.. Is this done through tables to get side by side??

any help would be appreciated.:bow
Cheers,
GAVA

Allen
Aug-23-2008, 02:53 PM
Hi, I've seen a cool homepage layout and am trying to replicate it but not sure how.. have read the CSS PDF but haven't worked this one out. I'm trying to get a similar format to http://www.kriskrosphotography.com/ where the text is on one side and the slideshow on the right. I can do the text and the slide show but they appear on top of each other.. Is this done through tables to get side by side??

any help would be appreciated.:bow
Cheers,
GAVA
Welcome to Dgrin :wave

A link to your site would be helpful.:D

GAVA
Aug-24-2008, 12:21 AM
Welcome to Dgrin :wave

A link to your site would be helpful.:D

Hi Al,

well there's not much to see but it's gava.smugmug.com

Cheers, Gav

Allen
Aug-24-2008, 08:43 AM
Hi Al,

well there's not much to see but it's gava.smugmug.com

Cheers, Gav
This link for your banner does not show here, make sure external links are on in it's gallery
http://gava.smugmug.com/photos/354073913_EHcSa-O.gif

Add this CSS for your navbar.

#navcontainer ul {
margin: 0;
padding: 0;
list-style-type: none;
text-align: center;
}

#navcontainer ul li {
display: inline;
}

#navcontainer ul li a {
text-decoration: none;
padding: .2em 1em;
color: #fff;
background: none;
}

#navcontainer ul li a:hover {
color: #ccc;
background: none;
}


Replace your bio with this.

<html>
<div id="myBioText">
Photography..for me is all about awareness. Photography has made me more aware, aware of the light, the shape and the sound of my surrounds.
</div>

<div id="myShow">
<script>
var ssConfig = {
AlbumID: '5732956',
newWindow: 'false',
transparent: 'true',
splash: '/photos/337081464_mdgm7-M.png',
showLogo: 'false',
clickUrl: '/galleries',
showThumbs: 'false',
showButtons: 'true',
borderThickness: '2',
borderColor: 'FFFFF9',
randomStart: 'true',
crossFadeSpeed: '350'
};

SM.flash.insertSlideshow(400, 400, ssConfig, 'transparent');
</script>
</div>
</html>

I set your show size to 400w x 400h temporally so it will fit next to the text
when that CSS is added.Then will look at aligning things.

btw, that png for your splash might not show in IE browsers, might switch to a jpg.

GAVA
Aug-24-2008, 03:39 PM
Thanks Al! this has definitely got me going in the right direction. Appreciate your help with this!

so I've now removed my bio pic and really just want to align the txt to the left with the slide show on the right next to it. The text will change but I just wanted to put something in there to get the format right. I'll be able to work out the nav bar by going through one of the tuts again so that's all good.

Thanks again.

Gav

GAVA
Sep-02-2008, 05:49 PM
Thanks Al! this has definitely got me going in the right direction. Appreciate your help with this!

so I've now removed my bio pic and really just want to align the txt to the left with the slide show on the right next to it. The text will change but I just wanted to put something in there to get the format right. I'll be able to work out the nav bar by going through one of the tuts again so that's all good.

Thanks again.

Gav

Hi all, just wondering if anyone can give me a hand with this one. I'm stuck still on formatting my homepage.

thanks,
Gav