waynede

Hey mate the issue is IE6 as pointed out above but works fine in 7 8 9 on Windows 7.

Invite sent.
 
Ste - if a member hover over Invite Friends and it will tell you if you have any invites available.
 
- if not a member will get an email with an invite.

I have an invite, I'll need an email address to send it through.

This might be of help to you
 
http://www.one-minute-info.com/2011/02/html-img-tag-issue-in-google-chrome.html

Seems to be caused by the images you're using as <hr> style separators. If you delete the last 2 of them, the white space disappears. I'm not entirely sure why though, there doesn't seem to be any obvious issues with your code.

Ahh, I was gonna suggest the same. I had a similar problem recently

Have you tried jQuery.noConflict():

For your menu if you are using a ul/li list style then you can use the arrow as a background image and position the link beside the arrow.

This will solve IE 8
 
#wrap {min-height: 100%; margin: 0 auto;}
 
Your #wrap container didn't have the margin so didn't where to position.

Its a really nice site, I love the load affect whilst loading to a new page.
 
Only thing I would do is add the title tags for your site designed and devloped icons so that potential clients using Firefox know what the icons are, I did see in the code you done the alt text though.

#footer .container { float:left; width:300px;
 
You are missing the closing }

Here is a working example with the tutorial of how it all works:
http://yensdesign.com/2008/09/how-to-create-a-stunning-and-smooth-popup-using-jquery/
 
Hope this helps.

You need to add a clear div under the .sidebar end div as well as under the end footer div
 
<div class="clear"></div>
 
 
div.clear {
clear: both;
height: 0px;
line-height: 0px;
font-size: 0px;
}

You need to add a clear div under the .sidebar end div as well as under the end footer div
 
<div class="clear"></div>
 
 
div.clear {
clear: both;
height: 0px;
line-height: 0px;
font-size: 0px;
}

Here is the code they use for there body tag:
 
body {
font: 80%/160% Arial, Helvetica, sans-serif;
background: #f8f7e5 url(images/main-bg.jpg) no-repeat center top;
color: #333333;
width: 100%;
display: table;
}
 
Hope this helps.

As long as you have that font installed then you should just be able to edit the text that is currently there, with the text you require using that font and style.

Hello and welcome to the forum. As stated above I think you will find that photoshop and illustrator are the most commonly used programs for logos and web layouts, although some people will use fireworks for layouts as well.
 
Hope you enjoy your stay.

Just had a look on the net and I think you can use inline styles.
 
Try this:
 
Also have you tested in an email client yet?

[mebo]yup...using Dreamweaver to hand code - and using Firefox to look at what I'm doing. Could you tell me how to look at this in email settings? as I know a lot can go wrong if I am looking at it in a browser. [/mebo]
 
In FF select all and copy and paste into outlook, send to hotmail and it should show how it would display as a normal email sent out.

You should still be able to use the layout done, just needs to be coded in basic html and all tabled based.

Will go within the <head></head> tags.

You have a set height:
 
 
#side{
float: left;
width: 300px;
height: 480px; ******* height: auto; ********
margin: 5px 0 0 5px;
}
 
Also after the main container end tag you need to add a clear div.
 
 
div.clear {
clear: both;
height: 0px;
line-height: 0px;
font-size: 0px;
}
 
 
<div class="clear"></div>
 
 
Regards,
Wayne

<div id="site-description"></div>
 
That is causing the problem I believe!

Try adding
 
//<![CDATA[
 
AFTER the <script> tag
 
and
 
//]]>
 
BEFORE the </script> tag

Most web designers wouldn't bother to look at your css file unless you needed help as fellow professionals are doing their own css coding. Also many designers display their code in a set manner with the way it is within the file.
 
Myself I always comment areas so I know where everything is, with the body at the top, then container, body divs, etc.