Basic HTML question

It seems to have changed now and I have 11 errors :p. I was using the W3 validator http://validator.w3.org/

Here we go:

An "id" is a unique identifier. Each time this attribute is used in a document it must have a different value. If you are using this attribute as a hook for style sheets it may be more appropriate to use classes (which group elements) than id (which are used to identify exactly one element).

These are my only errors now, so will try again with classes in the morning.
 
Last edited:
Hehe. 11 errors. Not that bad for a beginner. Course I often find that if I make a mistake I will get 9 errors. But fixing the mistake gets rid of 9 errors. Its as if one mistake causes several different errors.

Quite a refreshing thought considering I would get 70+ errors at the beginning of my project. It was nice to see that every time I fixed an mistake the error count would drop by 7 or 8. :D
 
The !Important fixed the problem with the classes, so I can now use the classes instead of ID's :D.

Another problem now :(

When on a smaller resolution than mine, the text seems to go outside the div. Is there any way to make the div (yellow box) to keep going until the text stops?

Thanks :)
 
I wasn't planning to release it live on the internet! Any basic design tips that you think would improve the website?;)
 
Arsey said:
Woo :D. There is now an independent scroll bar within that section! Should work with all resolutions now:). Thanks a million Marc
Click to expand...

let me see that css, if should be the case the the box fits the screen res and the text wraps within the box.....

Code: 
{
	margin: 0;
	padding: 0;
	border: 0;
}

body {
	background-color: # ;
	
}

#wrapper {
	width: 98%;
	margin: 0 auto;
}



#right {
	margin: 0 0 10px 230px;
	padding: 5px;
	border: 1px solid #;
	background-color: #;
}

#left {
	margin: 0 0 10px 0;
	float: left;
	width: 210px;
	padding: 5px;
	border: 1px solid #;
	background-color: #;
}

With the divs going

<div id="wrapper">
<div id="left"></div>
<div id="right"></div>
</div>
would give you a fixed 210px wide left column with the right hand box using the remaining space within the wrapper (res-left column-margins=right column).

Edit, to make things easier and keep the title tidy you can add a borderless header div class to that css and center the content.
 
Last edited:
You must log in or register to reply here.
Back
Top Bottom