Krewe

I'd put the UL in one of the OL's list tags, but other than that it works.

Font.

or use a .htaccess to parse .css files with the php engine

Sleeping, might be something worth trying. Though I do get all the hours I need, I get them at the wrong hours of the day. I don't do programming cause I want to make money. I didn't want to have it as a profession to begin with, but now I found my self doing it anyway and I even like it. But compared with having fun playing around I actually have a deadline and things that has to be done, so that is a bit of a stress factor. I've tried taking walks and they do work, I get new ideas during the walk but usually it's blank when I get back in. Should have some notepad with me maybe?

Yes but compared to your free time programming sessions you don't have a deadline and there isn't much of a consequence if you take a 2 week break from the problem. About what I wrote about the money is that I haven't learned all this cause I want to make lots of money which many beginners has as a goal. I learned this cause I was curious. I actually wanted to work in the transporting business and still do think it's something for me. But now my source of income is from my programming skills. That you can make lots of money is probably true but I don't aim for it. My aim is that stimulates my interest I wouldn't bother with a job what makes me tons of money if it is something that waste my time.

Haven't said I want money. I haven't said that I don't enjoy programming. I just don't have the focus on it right now. Now again I'm telling you working with it is not the same as just playing around.

Yes but compared to your free time programming sessions you don't have a deadline and there isn't much of a consequence if you take a 2 week break from the problem. About what I wrote about the money is that I haven't learned all this cause I want to make lots of money which many beginners has as a goal. I learned this cause I was curious. I actually wanted to work in the transporting business and still do think it's something for me. But now my source of income is from my programming skills. That you can make lots of money is probably true but I don't aim for it. My aim is that stimulates my interest I wouldn't bother with a job what makes me tons of money if it is something that waste my time.

You have more of a must when you work with it, witch kills some of the fun in programming.

I don't do programming cause I want to make money.

Things that I noticed within 5 seconds:

1. The Navigation Bar's Font is VERY hard to read. There is no contrast for the font to stand out and be easily read.
2. The background's gradient is way to harsh, going from pure white to pure blank is a general no-no.
3. "Reloads" at the time is spelled wrong.
4. Personally, I think you could do a much, much better design. Don't let this be your design. Work harder, and design a much more eye pleasing design. It will take time, but I am sure you could do it!

All my opinions but I do feel you could make a MUCH better design if you take the time.

Well actually it's not that simple because if you copy and paste your HTML the whole thing goes bat######. The only way to do it is try to re-create your layout from scratch with the tools the CMS gives you. Which is a pain.

I am wondering the same question Niche asked?... What are you wanting a content manager to do? Because I work with WordPress and it is far from being called "limited". Edit (About CSS): Working with the CSS in WordPress is not a daunting task either... If you know HTML and CSS well enough it is fairly easy to figure out what CSS class goes where and it is really easy just to open the Dev Console to figure out what is effect what as well.

It does look better! Good job

Maybe, I think you should just make it so when a link in the nav is hovered over the text color changes, not the background-color.As for the layout of the home page, just add more spacing, maybe 2 sections per row. Like Sponsorship and Scholarships on one row, then push the other two to a new row below.

1) You are centering it the hard way! Haha, try this:

#nav{float:left;height:35px;width:100%;background-color:#06F;} #nav ul{width: 600px;margin: 0px auto;color:#FFF;}#nav li{float: left;width: 150px;font-size:16px;padding: 0 0 0 0px;text-align: center;}

Then change your HTML nav code to this:

<ul><li><a href=" " title=" "></a>home</li><li><a href=" " title=" "></a>services</li><li><a href=" " title=" "></a>prices</li><li><a href=" " title=" "></a>contact</li><div style="clear:both;"></div></ul>

Now what did I do? I kept the CSS for #nav the same, but for the ul I added a fixed width and added margin: 0px auto;. That makes it so the ul will center itself in the #nav div. (The width of the ul has to be fixed to a certain width for the margin to work.) Then for the li in the css I just made the width equal to 150px (600px / 4 = 150px) and made the text center itself. The div after the <li>'s in the html makes it so the floated div elements are now recognized/in relation to the ul container they are in. 2) To fix this you just have to edit your html a bit and add a div. First, take your ending </div> for the #main and end #main right before you start the footer. Then before the ending #main div tag, add another empty div tag that clears the float again, like we did with the nav.

<div id="main"><div id="leftside">  <p> </p>  <p><img src="images/computer-image.png" width="99" height="62" /> No Fix No Fee</p>  <p> </p>  <p><img src="images/settings-image.png" width="89" height="78" /> Flat Rate Fee<br /></p>  <p> </p>  <p><img src="images/network-image.png" width="70" height="73" /> Newton Abbot & Torbay</p>  <p> </p>  <p> </p>  <p> </p></div> <div id="centre"><p>Lorem ipsum dolor sit amet, aeterno recusabo assentior sit cu, no tamquam omittam pro, pro nostrud commune interpretaris te. Nostro virtute usu no, mea at ubique patrioque disputationi. Sit no scripta honestatis. Mea soluta animal assentior te. Quo elit intellegat ex, aeque qualisque usu ei. Sea duis phaedrum cu. Sed alii porro integre in, et graece accumsan has, an nec assum option delicatissimi.Ex pri liber ponderum consequat. Ullum suavitate nam id, et sit reque eligendi, eos ut sumo novum cotidieque. Eirmod detraxit persequeris vim ut, sed postea theophrastus in, pro ea denique voluptaria scribentur. ###### diceret explicari et, sed te nemore blandit.Vis ad nonumy molestie verterem, eam id salutatus incorrupte. Saepe vulputate cu ius, quis ceteros mnesarchum quo in. Malorum corpora et his, ei sea decore recteque cotidieque. Eum accusam menandri et, sea an eius putent regione, nibh meliore accusam quo ut. An malis aliquid labores est, sea et oratio accusam. At vis amet nobis dolorum, senserit delicatissimi no est, mea debitis alienum iracundia ut. Has adhuc maiestatis te, habeo fuisset at per, mel an commune suavitate contentiones.</p></div> <div id="rightside"></div><!--rightside--><div style="clear:both"></div></div><!--main-->

3) To do this we have to mess with the html a bit, take the img tags out of the <p> tag, put an empty div with the clear and margin after each <p> tag to clear the floats we are going to put, and take out the 's.

<div id="leftside">  <img src="images/computer-image.png" width="99" height="62" /><p>No Fix No Fee</p>  <div style="clear:both; margin-bottom: 10px;"></div>  <img src="images/settings-image.png" width="89" height="78" /><p>Flat Rate Fee</p>  <div style="clear:both; margin-bottom: 10px;"></div>  <img src="images/network-image.png" width="70" height="73" /><p>Newton Abbot & Torbay</p>  <div style="clear:both; margin-bottom: 10px;"></div></div>

Then in the css we just have to add this!

#leftside img{float: left;height: 50px;width: 50px;margin-right: 10px;}#leftside p{float: left;line-height: 50px;margin-left: 10px;}

Now, that fixes all of your issues, however I would make a class for the clear: both; empty divs to make things more systematic and clean. But that is up to you! If you have any questions, ask.

Hey Baragan! Here are a few suggestions from me. The Navigation

• Seems very odd how there is about 50px of space to the left and a huge chuck of space to the right. Just not balanced well.
• The hover effect isn't elegant enough. May sound weird, but the background color change just doesn't fit, nor look that professional.

Layout/Template

• I actually like the template of the content pages. (About, Contact, Testimonial, etc.)
• However, I do not like the home page. Very block-y, not spaced out, seems really crammed.
• The testimonial pages yellow background color is very hash on the eyes, really bright. Why not just used that nice grey you use on the contact page?

Footer

• Not bad actually, the simplistic of it is nice. However, I would just move the copyright text to align left like the links do.
• Also, try lining up the "Follow Us:" text on the right, so it lines up with the links on the left. Then, drop the facebook and twitter images underneath the "Follow Us:" text.

Other than that, it is really isn't have bad for a new developer! It is very simplistic, which isn't bad, but it has a 2000 era feel of design. But, you'll get the hang of your own design and such.

Uploaded on the internet so we can view it like a regular website. So we can actually find faults/bugs/issues. Because we are lazy and don't want to read line by line of code if it is perfect. I'd rather test, find an imperfection, look in the code at the specific point, then read.

You won't get much help/good help until you upload. But one suggestion I can give you is to test is every browser possible. It will teach you how to fix bugs, what to look for, and make you better rounded developer.

Honestly, it is very old school. Early 2000's era. It works, I guess, for a math website because they have no need for it to look "Flashy" or Web 2.0-ish. If this is the audience you are going for then you're probably fine. However, if you are freelancing for everyone, try to create a well polished "Web 2.0" website. Because in this day and age clients are going to expect it.

Javascript, Google Maps API https://developers.google.com/maps/documentation/javascript/

My Steps: 1) Sketch a design on paper2) Make a prototype from HTML/CSS3) Validate your code as you go4) Make everything look pretty AND WORK WELL6) Upload to a server

I messaged you the fixes.

Has to be an old IE problem cause IE10 is just fine.

Do you have a live version? I have IE10 I can test for ya. EDIT:(There is always this diamond in the rough I forget about)https://browserlab.a...n-us/index.html Let's you test is every browser/OS (Only IE9 though)

Which IE version are you using? Because a lot of the older IE's don't support border-radius at all..which sucks

for what i can see on your code, the referece of the css code must be on the root folder or in the same folder the html is to work. Its better to make them independen files, like one for html file (index.html) and one css file (default.css). Then for example,on the index file you just put this code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><link href="default.css" rel="stylesheet" type="text/css" media="all" /> < --! Assuming you have the css file on the same foolder --></head><body><div id="wrapper"><div id="header">  <div id="logo"> <--! and so on...... -->

Just point the database connection to the same database. There should be no problem with that.