holmedwa04

Try running it throug the validator and see what it says :)I could be wrong.

Im confused, the tutorial that I followed, told me that you didn't need to close any <li> tags?

I've been staring at the code for this page for a half hour and I just can't figure it out. Could someone look at these two pages and help me figure out why This one is different from the rest of them. On my computer at least, the headers on the menu for the first page are indented, while they're not on the other pages...

If I wanted a list, with different types of bullets, would I just nest another unordered or ordered list in a parent list? Like this:

<ul> <li>Bullet 1 <li>Bullet 2 <li>Bullet 3  <ul>   <li>Bullet 3.1   <li>Bullet 3.2  </ul> <li>Bullet 4</ul>

And then would the bullets 3.1 and 3.2 be a different bullet?

attributes inside any tag can go in any order.you could do<img border="0" height="100" src="image.gif" width="100" /> if you really wanted tooand the /> is there because the rules of Xhtml say that you must close all elements even if they do not have a close tag.

How can I control the link, and visited link color in html?ThanksAndy

a:link { color:#0000ff; text-decoration:none; }a:visited { color:#0000ff; text-decoration:none; }a:hover { color:#00ff00; text-decoration:underline overline; }a.2:link { color:#0000ff; text-decoration:none; font-weight:bold; }a.2:visited { color:#0000ff; text-decoration:none; font-weight:bold; }a.2:hover { color:#00ff00; text-decoration:underline overline; font-weight:bold; }a.3:link { color:#000000; text-decoration:none; }a.3:visited { color:#000000; text-decoration:none; }a.3:hover { color:#00ff00; text-decoration:underline overline; }a.4:link { color:#ff0000; text-decoration:none; }a.4:visited { color:#ff0000; text-decoration:none; }a.4:hover { color:#00ff00; text-decoration:underline overline; }

Then save it as style sheet.css. Now in the head add this:<LINK rel="stylesheet" type="text/css" href="stylesheet.css">Then just set the colors you want, to use the first style type, use a normal link, to use a second type this:<a class="2" href="www.site.com">And if you want to use any of the other styles replace the 2 with the appropiate number.

in the image tag, just add border="0"<a href="www.site.com"><img src="image.gif" border="0" /></a>

Where is the question or problem you are asking about? All I can see is a whole bunch of code.

I prefer spaces. A space is always a space, tabs are variable width on different machines and when people mix tabs and spaces and send their code to me it looks retarded.You can definately use syntax highlighting, which will highlight everything for you as you type. Click the ConTEXT link on my signature, or maybe try out PSPad. There is a topic in this forum about HTML editors as well with several links.

oh right, I was under the impression that you had to use this java script:

 function initRollovers() { if (!document.getElementById) return  var aPreLoad = new Array(); var sTempSrc; var aImages = document.getElementsByTagName('img'); for (var i = 0; i < aImages.length; i++) {    if (aImages[i].className == 'imgover') {   var src = aImages[i].getAttribute('src');   var ftype = src.substring(src.lastIndexOf('.'), src.length);   var hsrc = src.replace(ftype, '2'+ftype);   aImages[i].setAttribute('hsrc', hsrc);      aPreLoad[i] = new Image();   aPreLoad[i].src = hsrc;      aImages[i].onmouseover = function() {	sTempSrc = this.getAttribute('src');	this.setAttribute('src', this.getAttribute('hsrc'));   }       aImages[i].onmouseout = function() {	if (!sTempSrc) sTempSrc = this.getAttribute('src').replace('2'+ftype, ftype);	this.setAttribute('src', sTempSrc);   }  } }}onload = initRollovers;

And then you add a link to it in the head I think, then you made two images in the same folder, one with a 2 at the end of the filename.It seemed a bit complicated to me, and I thought there must be some other way, because obviouilsy you can use CSS for normal text rollovers.

Yeh, that is really quite a good way of explaining it, I have never thought of it like that! Lol

Yeh, I meant about you couldn't colour code the actual coding to help you check and write it, a bit like excel makes differnet colours when writting a formula with lots of cells in.But the indenting seems to work, how do you indent, do you just use spaces each time or tabs?

You can use more than just pixels. You can specify things like points, inches, centimeters, or em (not sure what em stands for). The difference between those types of units and pixels is that on different resolutions, say 800x600 or 1600x1200, text that is 12 pixels will always take up 12 pixels on the screen, but the other units are relative to display size. 1 inch text will always be an inch tall, regardless of resolution. Points are fractions of an inch, so 12pt text will always be the same size across resolutions. 1 inch contains 72 points.

Stocks and real estate depreciate. Tags get deprecated.

Thats no problem at all, I find nested tables to be one of the most complicated things that I learned, and it does take a while to remember that you need to close them all in the right place.It is a shame that you cannot colour code them, so that you can see all of your different tables that are nested.Anyway I Congratualte you for soving your problem!

Well, I though this would be IE discussion? This is a retorical question, its a question that does not need answering.

There are absolutly loads of HTML tags, and as I am sure you are aware, it is hard to write them all down, and so there will be many that you see from new. As W3C is the "World Wide Web Consortium, a body for standardising Web Technologies". Then there shouldn't be any that are missed, although tags do depriciate. I find that if you follow a good tutorial you will learn most that you need to know, and then if you have any queries, just contact someone on here by sending a post. Try this really good tutorial Click Here

Do I have to use the hexcodes?Edit, It is alright, I have just matched the colours as close as I can to a hexcode.

Thanks, it is all working now.

body {font-family:arial;color:black;font-size:3px;}

by 3 you mean 3 px? Thats really small. I guess you could put in whatever unit you wanted.

so how would I make it size 3, color balck and face arial?

Hi,Does anyone know how I can set the basefont, colour and face of all text in a stylesheet?

holmedwa04 is right, the path and file names must be exact. "image.jpg" and "Image.jpg" are two different files on a server.

Just some tips on coding HTML, when opening a code you always need to close it in the right order, for example:

<table><tr><td>This is cell 1</td><td>This is cell 2</td><tr><tr><td>Now this is cell one in row two.</td><td>This is cell two in row two.</td></tr><tr><td>This is before the nested table<table><tr><td>This is a nested table, notice how it has its own row, cell and table codes?</td></tr></table>This is after the nested table, I will now close the previous cell code.</td><td>This is a new cell next to the nested table, but it is still in the same row.</td></tr></table>

Do you understand?

You need to swap the pseudo-classes with the classes. It is example, like this: a.myclass:hover :)Besides, the values of properties must not be quoted, only family names in the font when they include spaces