Major help needed

[rendezvouscp]

Yet again, I am looking for some help on my website. I've got three things that I need help with–

1. Design. I've been working with this design for about three months, but I need some constructive criticism. Design, colors, anything would be really helpful. I wouldn't criticize the text yet, as I haven't been able to change it over. I am looking into adding some sort of "indication" so that you can tell what page you're on. I should mention that right now, on the link that I'm providing, it needs some help, which brings me to my second thing.

2. Centering. The link is to my blog, and I've had to fuse the html from my website to that of my blog, provided by Blogger. So far, I have not been able to get the website to center. Additionally, I can't seem to figure out why the main content is centering. But, with the rest of the website, it is fine. So, I know there is some problem with the html from Blogger conflicting with mine.

3. Bottom bar. When I run the Personal Sharing option and preview my work, the bottom bar comes up fine with it being about half the size and the text is on the bar. But, for some reason, it refuses to display like that when I change the template for my blog. Again, it works fine with the rest of the website, just not the blog.

So, here's the link: http://rendezvouscp.blogspot.com/. BTW, I do know that most of the links do not work.

Thank you very much in advance,
–Chase

 

[angelneo]

1. Looks clean, nice and simple. but you might want to take care text at the top . You could use reverse white for it. The tree could use a little more work.

2. This is a tricky one. You look at your CSS styling. There's a style that render the "main" div as floating from the left. But once you removed it your text will go haywired. You may want to reworked this part if you want to position it in the center. Your text centering is also due to the CSS styling.

3. Instead of putting
<div align="center" id="header">
<div align="center" id="message"><p align="center"><font size="-2" face="Lucida Grande">
<script language="JavaScript" src="http://homepage.mac.com/rendezvouscp/Elements/quotes.js" type="text/javascript"></script>
</font></p>
</div>
</div>

put this:


<font size="-2" face="Lucida Grande"><script language="JavaScript" src="http://homepage.mac.com/rendezvouscp/Elements/quotes.js" type="text/javascript"></script></font>

It should work.


By the way, have you test it out on IE? The fonts doesnt come out that good.

 

[mcarvin]

1. Looks clean, nice and simple. but you might want to take care text at the top . You could use reverse white for it. The tree could use a little more work.

2. This is a tricky one. You look at your CSS styling. There's a style that render the "main" div as floating from the left. But once you removed it your text will go haywired. You may want to reworked this part if you want to position it in the center. Your text centering is also due to the CSS styling.

3. Instead of putting
<div align="center" id="header">
<div align="center" id="message"><p align="center"><font size="-2" face="Lucida Grande">
<script language="JavaScript" src="http://homepage.mac.com/rendezvouscp/Elements/quotes.js" type="text/javascript"></script>
</font></p>
</div>
</div>

put this:


<font size="-2" face="Lucida Grande"><script language="JavaScript" src="http://homepage.mac.com/rendezvouscp/Elements/quotes.js" type="text/javascript"></script></font>

It should work.


By the way, have you test it out on IE? The fonts doesnt come out that good.

I'd try another route that doesn't require <font> tags, maybe <p id="message"><script language="JavaScript" src="http://homepage.mac.com/rendezvouscp/Elements/quotes.js" type="text/javascript"></script></p>. This also has the extra benefit of removing an unnecessary <div> from your code.

As far as centering your site on the page, try adding this to your CSS:

html, body {
margin: 0 auto;
}

body {
width: 760 px; //change the value to whatever works for you, even %
// et cetera
}

 

[beefcake]

I didn't look at your code, but I have two suggestions for the style.

1. The purple a:hover color was a bit harsh on the eyes. Maybe a slightly darker shade would be more appropriate?

2. Unless there's a compelling reason not to do this, I would center the entire content block, rather than having it stuck to the left. This makes the page unchanged for low resolutions, and a lot more comfortable for higher resolutions or wide screens.

 

[rendezvouscp]

Thanks angelneo, you're code worked perfectly.

mcarvin, you're code actually didn't do anything except cancel out my other css code, making the site have no style. But I did try variations, and none of them worked.

Right now, you can see what it looks like with the white hover and purple hover.

What should I do with the tree? The "concept" behind the tree is that it is very simple with a little bit of variation.

I have looked at it under IE, but I'm not worrying about the style of the text yet, because I have not transfered it over.

Thanks for your help guys, more comments/suggestions/help would be appreciated.
–Chase