Have a look at my latest weblayout.

**wlripper** · 05-28-2007, 06:30 PM

I have a website that offers free website templates to members.. this is my latest one... Template 68

I started making webtemplates 6 months ago so.. I have made 68 so far..Im improving along the way. Have my website in learning perpouse(?) and maybe some people will use my free stuff so it doesent go to waste

**tr463** · 05-28-2007, 09:33 PM

Hello!

First off, the template itself is "centered" but not in the actual browser window!

I think the pink and the black go very well together, so the overall design is good!

However, you might want to make all the texts and links the same font (or maybe just change it from Times New Roman)

Clicking on the "sponsers" links cause the template to misalign, allowing us to see the breaks in the template!

Also, if you could just fill in the grey boxes with their respective colors, I think the template would look alot better!

Hope I could help!

**wlripper** · 05-29-2007, 02:38 AM

Hey.
Looks like im going to have to redo the template

**highanddry** · 05-29-2007, 04:56 AM

I actually don't think that the gray and pink go together. Its an abrasive color scheme. I also think the box on the left should line up with large box .

**wlripper** · 05-29-2007, 06:59 AM

I have updated the template a bit

**Noobstein** · 05-29-2007, 01:26 PM

Over abundance of hot pink. Sorry but its just way too much. Not a fan of that menu.

Also, take a look at your website in firefox because i dont know whats wrong with it but it looks like a puzzle thats missing a few pieces.

**Angelosanto** · 05-29-2007, 02:17 PM

I'm assuming you didn't design this site for Firefox?

When I look at this site (using firefox) it's all over the place. By guessing what it would look like in the right browser, I quite like the color scheme, except for the gray text which clashes a little with the pink background.

I really can't say I'm a big fan of the menu. The rollover color scheme is eye-achingly bad

I think overall it's not a bad effort at all - you mainly just need to make it compatible with all the different browsers (using conditional statements or javascript)

**wlripper** · 03:54 PM

I have to get firefox then.. Dunno how to make a template work in all browsers.. is there a trick to it? script line?

Have firefox now.. and NO it does not look good at all.. I always use IE and I can see that most of my templates fall apart in firefox

**LadynRed** · 05-29-2007, 04:59 PM

Yep, the template is a mess in Firefox. Learning to make sites cross-browser friendly is a learning curve and if you've only been at it 6 months, you have a loooonnnggg way to go.

As for the code:
You do not have a valid DOCTYPE, and you have numerous validation errors.

This is NOT the correct way to apply styles to multiple elements:

Quote:

#home a, a:visited a:active {
background: url(images/home.jpg) no-repeat scroll;
width: 100%;
height: 72
}

If you want the styles applied to a, a:visited and a:active, you must
list them as #home a, #home a:visited, #home a:active

height:72 -- 72 WHAT ? You MUST give it a unit - px, em, or %
Get in the habit of putting a semi-colon at the end of EVERY rule, including the last one.

Quote:

All that stuff should be in your css, NOT on the <body> tag.

Learn to layout your pages with HTML and CSS, NOT TABLES:
http://www.sitepoint.com/books/html1/
http://www.hotdesign.com/seybold/everything.html

The design itself isnt' bad, I happen to like hot pink and black or dark gray

**ADAM Web Design** · 05-29-2007, 05:17 PM

LNR is right about the code. Your major issue is that you're using the evil Adobe ImageReady code, as opposed to cleaner HTML and CSS.

The mouseovers for the menu items in the top right don't load correctly in IE6...they show up as this solid grey box for about a second, and then they show up with the yellowy mouseover deal. Beefing up CSS rollovers with Javascript will help solve that issue...it won't solve it completely, but you'll get about as close as reasonably possible.

It isn't a good idea to specify font sizes as "x-small" either, since browsers generally interpret that differently. Percentages and EMs are your safest bet.

I can't agree with the others about the hot pink, but I'm also a guy. Make it light blue on the dark grey and you might get my vote for the colour scheme (and probably lose everyone else's.)

**Angelosanto** · 05-29-2007, 07:50 PM

Quote:

Originally Posted by wlripper

Dunno how to make a template work in all browsers.. is there a trick to it? script line?

There are three ways that I know of to do this:

1) Make your stylesheet good enough to work well in all browsers (VERY difficult)

The other two both include creating a seperate stylesheet for each browser:

2) Conditional comments. Look HERE for a small explanation of them.

3) This is a bit of JavaScript that works nicely when put in the <head> section:

Code:

<head>
<link rel="stylesheet" href="style2.css" type="text/css">

<script type="text/javascript">

var browserName=navigator.appName;
if (browserName=="Microsoft Internet Explorer")
{
document.write('<link rel="stylesheet" href="ie2.css" type="text/css">')
}

</script>

</head>

**wlripper** · 05-30-2007, 04:35 AM

Thank you for all the help. I´ll get right on it

maybe ill look over the colors aswell..

**PadraigCurran** · 05-30-2007, 06:58 AM

Looks terrible in Firefox. You have a lot of aligning issues as you already know.

It looks pretty good in IE, but I think you should use black as the background color.

Here are some articles on what browser you should use for building your site in:

Don’t use IE as your primary testing browser
Developing your site using Firefox
Which browsers should I test in?

**wlripper** · 05-30-2007, 06:59 PM

Hey I made 2 different stylesheets now. one for IE and one for firefox.

"var browserName=navigator.appName;
if (browserName=="Microsoft Internet Explorer")
{
document.write('<link rel="stylesheet" href="ie.css" type="text/css">')
}" <-- that worked well with IE but what do I write for firefox?

(browserName=="Mozilla Firefox") <-- that did not work

Please Help

**wlripper** · 05-31-2007, 04:11 AM

**wlripper** · 05-31-2007, 09:37 AM

http://www.bwd.se/my_templates/template69/index.html <-- I got it to work with the new template.. I gave up on the other one

From now on I will have 2 separet css..

Thank you for all the help

**ritchie111** · 05-31-2007, 11:10 AM

To much grey in my honest opinon .

**xprmnt** · 05-31-2007, 11:22 AM

The template has an interesting feel to it
1 thing
the boxes on the side have some bugs (can see them visually when using FIrefox)

**wlripper** · 05-31-2007, 01:25 PM

Not to bad anyway..its free templates for people who cant make it them selves. I´ve beed doing this for 6 months and if I may say so i´ve come a long way since then, and im have a blast spitting out 2 layouts a day

Color is for the user to change and it dosent matter what color I pick there is always someone who like another color better :P

Thanks again for all the gr8 help (All the little things that is so easy to miss when you are a newb lite me).