Help using JS with CSS and HTML - Drop down Menu for website

Printable View

Show 200 post(s) from this thread on one page

Jan 30, 2013, 16:21
ralph.m

Yep, sure.

The first one is asking you to add this here:

Code:

<style type="text/css" media="all">

The second is telling you to remove the semicolon here (on line 125 in your code):

Code:

<img src="http://homepages.plus.net/cgi-bin/count_dyno? bridgethyme_ss";>

The third is telling you that you aren't allowed to have a heading inside a <ul>. So instead of this:

Code:

<ul class="linksbox"> <h4>Quick Links & Forms</h4>

try this:

Code:

<h4>Quick Links & Forms</h4> <ul class="linksbox">

The fourth is saying remove the height attribute on the table, as it's not recognized in that position in HTML:

Code:

<table border="0" width="100%" height="30px" div class="footer" cellspacing="0">

Generally, it's better not to use height setting in HTML/CSS, but if you really need it, you can put it on the table cells instead.

The last error is pointing out that the word "div" doesn't belong here, so just remove it:

Code:

<table border="0" width="100%" height="30px" div class="footer" cellspacing="0">

Hope that all makes sense. :)
Jan 31, 2013, 00:42
Puzzle1

Hi did originally removed "height", but the page went bananas. The reason it was there is that I read if I specified width and height in % then it would it the site would look the consistent regardless of the size of screen it was viewed from? I tried putting the height into the row, as it used to be in the data cell.

I did try adding type="text/css" to the style attribute but it still threw back an error.

I removed the ; from: <img src="http://homepages.plus.net/cgi-bin/count_dyno? bridgethyme_ss";> and it still reported an error there. I checked with it ISP as they provided the CGI for the hit counter and I've copied that line correctly. So I may have to live with that one.

The validator also specified it didn't like the <head> tag in its currently position, any suggestion or is it ok as it is? Thanks for looking at this. I'm just about to start work on it again. Then I'll progress through the rest of the pages and sort those. Well that has certainly been a lesson learned for me.

Grateful thanks to you.
Puzzle1 (Shona)
Jan 31, 2013, 01:09
Puzzle1

Hi,
New plan - start from scratch I think. I got information from www.w3schools.com which is full of brilliant tutorials and I just put things together until it all worked. I restored the website to what it was, full of errors! I'm guessing it's not prudent to use tables in a website? I was put off using frames due to different browsers compatibility. The website I did for the club was and is voluntary. Due to cost it wasn't and isn't feasible to get a company in a we are just a small dog club. I also host the site free of charge which means the club has absolutely no outlay for the site.

So the big question - where should I start? JS pickled my brain completely, so I tried to keep it pure HTML and CSS. I will work offline leaving the current site in tact till I get it right. Should I use frames or is there a better way. I really appreciate all your input and now I know why programmers are worth their weight in gold :)

Puzzle1
Jan 31, 2013, 01:47
ralph.m

Quote:

Originally Posted by Puzzle1

Should I use frames or is there a better way.

Nah, forget you ever heard of frames. They are even more outdated than using tables. It's hard to describe in a few words what up-to-date web design involves, but yes, tables for layout are way out of date (and horrible to work with, anyhow, so just as well). It would be worth investing in a book or online course to get the foundations of all this. HTML and CSS are the best thing to learn first, and you rarely if ever need JS. (It's just nice to have as an extra.) There are some good books and online courses for learning HTML and CSS. SitePoint itself has some good books, and their sister site Learnable has some video courses too.

Another thing you can do is install a content management system like WordPress, which comes with read-made themes. I don't like these, but they are pretty popular. Or you can get a free site through services like Weebly, which allow you do do a bit of styling withot having to learn web design. ll the same, though, you have already gotten into this area, so it would be better to learn how to do it all yourself.

Show 200 post(s) from this thread on one page