I made an html template for online gaming clans for counterstrike and mohaa etc but I am going to give it to a site called clan templates just because I wanted to make one for some reason. Anyways tell me what you think before I give it to the ct people <!-- m --><a class="postlink" href="http://eurohost.webmatrixhosting.net/knights/temp/index.html">http://eurohost.webmatrixhosting.net/kn ... index.html</a><!-- m --> I did not use css for the layout even though I said I would if I ever make another site and I did not because this will be used by newbies to html who want a decent looken site and they would not understand my code if I used css too much, I used it for class's and borders and scrollies but not for layout.<!--content-->Your rounded border color is different from the bgcolor of the main table.<br />
<br />
News/title part of the page: top and bottom table borders (two rounded corners + top edge) are misaligned with respect to the contents of the div/table.<br />
<br />
A properly documented CSS layout is easier for newbies to maintain than table-based layout. The only requirement from your side should be to ask them to hand code everything, and use default styles (eg. I dont allow people to mess with h#, p, td, li, b, u and i. I also validate HTML 4.01 strict.). The problem is with HTML newbies who have been newbies for past year, and hence think they know the language inside out, while they actually cant even get a border around a table without using 3 nested tables.<!--content-->lol, I am not that way I tried not to nest tables, I use regular <br> and commands to postion stuff so I would not be nesting. Tell me, what browser did you use, your contrast, and your resolution. If the corners are a different color then you might want to think about reinstalling your drivers cause I just got a new card and installed those drivers and I tested my sites for color differences at several resolutions grannet it will never be perfect. It would be great if you coud get me a screen shot or you could tell me how great the color difference way on your machine. Also its not the newbs cant use css its that they woudl ask me a million questions prior and I would have to teach it to them and that would be a pain. How are the top corners missaligned by the way, I mean are they too high to low to the right to the left what?<!--content-->ahh never mind you are using opera... I hate going back and fixing stuff for opera I DISLIKE OPERA IMMENSLY. If you were using mozilla I would say oh crap. I dont have a copy of mozilla on this machine but I will get a copy soon. Opera also discolored the edges. I dont care to much bout opera becasue I have never seen more then two opera hits that were not my own on any of my sites... so I wont become two stressed.<!--content-->opera wont read a hover link eather the people who made it are bumbs...<!--content-->CSS layout using <span> and CSS classes is easier for newbies to edit. You would just replace the TD tags with the appropriate spans, and remove the rest of the table stuff.<!--content-->Originally posted by PeOfEo <br />
opera wont read a hover link eather the people who made it are bumbs... <br />
<br />
Opera 7.1 works a treat. And it reads hover links.<br />
<br />
Besides which, your rounded corners are the wrong color in IE6 and Opera7.1 on this machine. Thats on a Radeon 7000 at 1600x1200 and 32bit color<!--content-->the corners are perfect in ie on most machines you need to reinstall your drivers if they are not. Also the hoverlinks do not work on that temp look again.<!--content-->The corners are not the same color for me, either, in Opera or Mozilla. My guess... you did not use a websafe color.<br />
<br />
As far as the css for the links, the reason they do not work is because of the order you put them. According to the w3c ( <!-- m --><a class="postlink" href="http://www.w3.org/TR/REC-CSS2/selector.html#dynamic-pseudo-classes">http://www.w3.org/TR/REC-CSS2/selector. ... do-classes</a><!-- m --> ), they need to be like this:<br />
<br />
<style type=text/css><br />
A:link { <br />
color: #cccccc; text-decoration: none;<br />
}<br />
A:visited { <br />
color: #cccccc; text-decoration: none;<br />
}<br />
A:hover { <br />
color: #ca1209; text-decoration: none;<br />
}<br />
A:active { <br />
color: #cccccc; text-decoration: none;<br />
}<br />
</style><!--content-->OK<br />
<br />
1) Your CSS links are in the wrong order, which is why they don't work in Opera<br />
<br />
They should be in this order to comply with w3c recommendations.<br />
<br />
A:link <br />
A:visited <br />
A:active <br />
A:hover <br />
<br />
2) Reinstalling drivers makes no difference.<!--content-->Originally posted by DaveSW <br />
They should be in this order to comply with w3c recommendations.<br />
<br />
A:link <br />
A:visited <br />
A:active <br />
A:hoverWrong. See my post above...<!--content-->yeah soz - my internet connection is going crazy<!--content-->Originally posted by pyro <br />
Wrong. See my post above... <br />
Are you sure? W3C core style says what I posted:<br />
(from style sheet linked at bottom)<br />
a:link{<br />
text-decoration:none;<br />
font-weight:bold;<br />
color:#F30;<br />
background:white;<br />
}<br />
<br />
a:visited{<br />
text-decoration:none;<br />
font-weight:bold;<br />
color:#996;<br />
background:white;<br />
}<br />
<br />
a:active{<br />
text-decoration:none;<br />
font-weight:bold;<br />
color:#F30;<br />
background:#FF0;<br />
}<br />
<br />
a:hover{<br />
text-decoration:none;<br />
color:#F30;<br />
background:white;<br />
}<br />
<br />
<!-- m --><a class="postlink" href="http://www.w3.org/StyleSheets/Core/stylebot.html?family=8&doc=url4">http://www.w3.org/StyleSheets/Core/styl ... 8&doc=url4</a><!-- m --><br />
<br />
Dave<!--content-->Yes, I'm sure... This is from the link I posted to above:<br />
<br />
From <!-- m --><a class="postlink" href="http://www.w3.org/TR/REC-CSS2/selector.html#dynamic-pseudo-classes">http://www.w3.org/TR/REC-CSS2/selector. ... do-classes</a><!-- m --><br />
Note that the A:hover must be placed after the A:link and A:visited rules, since otherwise the cascading rules will hide the 'color' property of the A:hover rule. Similarly, because A:active is placed after A:hover, the active color (lime) will apply when the user both activates and hovers over the A element.And, that would certainly be true, if you think about it logically...<!--content-->Originally posted by PeOfEo <br />
the corners are perfect in ie on most machines you need to reinstall your drivers if they are not. Also the hoverlinks do not work on that temp look again. <br />
They are not OK on IE6/Win2K or IE5/Win2K. They are OK on IE6/WinXP.<!--content-->what the heck no matter what I do the colors will match its driving me nuts I took a screen shot and grabbed the site color it matches then I look at it on opera its messed up again. Do I dare go back to vml for those borders? vml is crap to use.<!--content-->
<br />
News/title part of the page: top and bottom table borders (two rounded corners + top edge) are misaligned with respect to the contents of the div/table.<br />
<br />
A properly documented CSS layout is easier for newbies to maintain than table-based layout. The only requirement from your side should be to ask them to hand code everything, and use default styles (eg. I dont allow people to mess with h#, p, td, li, b, u and i. I also validate HTML 4.01 strict.). The problem is with HTML newbies who have been newbies for past year, and hence think they know the language inside out, while they actually cant even get a border around a table without using 3 nested tables.<!--content-->lol, I am not that way I tried not to nest tables, I use regular <br> and commands to postion stuff so I would not be nesting. Tell me, what browser did you use, your contrast, and your resolution. If the corners are a different color then you might want to think about reinstalling your drivers cause I just got a new card and installed those drivers and I tested my sites for color differences at several resolutions grannet it will never be perfect. It would be great if you coud get me a screen shot or you could tell me how great the color difference way on your machine. Also its not the newbs cant use css its that they woudl ask me a million questions prior and I would have to teach it to them and that would be a pain. How are the top corners missaligned by the way, I mean are they too high to low to the right to the left what?<!--content-->ahh never mind you are using opera... I hate going back and fixing stuff for opera I DISLIKE OPERA IMMENSLY. If you were using mozilla I would say oh crap. I dont have a copy of mozilla on this machine but I will get a copy soon. Opera also discolored the edges. I dont care to much bout opera becasue I have never seen more then two opera hits that were not my own on any of my sites... so I wont become two stressed.<!--content-->opera wont read a hover link eather the people who made it are bumbs...<!--content-->CSS layout using <span> and CSS classes is easier for newbies to edit. You would just replace the TD tags with the appropriate spans, and remove the rest of the table stuff.<!--content-->Originally posted by PeOfEo <br />
opera wont read a hover link eather the people who made it are bumbs... <br />
<br />
Opera 7.1 works a treat. And it reads hover links.<br />
<br />
Besides which, your rounded corners are the wrong color in IE6 and Opera7.1 on this machine. Thats on a Radeon 7000 at 1600x1200 and 32bit color<!--content-->the corners are perfect in ie on most machines you need to reinstall your drivers if they are not. Also the hoverlinks do not work on that temp look again.<!--content-->The corners are not the same color for me, either, in Opera or Mozilla. My guess... you did not use a websafe color.<br />
<br />
As far as the css for the links, the reason they do not work is because of the order you put them. According to the w3c ( <!-- m --><a class="postlink" href="http://www.w3.org/TR/REC-CSS2/selector.html#dynamic-pseudo-classes">http://www.w3.org/TR/REC-CSS2/selector. ... do-classes</a><!-- m --> ), they need to be like this:<br />
<br />
<style type=text/css><br />
A:link { <br />
color: #cccccc; text-decoration: none;<br />
}<br />
A:visited { <br />
color: #cccccc; text-decoration: none;<br />
}<br />
A:hover { <br />
color: #ca1209; text-decoration: none;<br />
}<br />
A:active { <br />
color: #cccccc; text-decoration: none;<br />
}<br />
</style><!--content-->OK<br />
<br />
1) Your CSS links are in the wrong order, which is why they don't work in Opera<br />
<br />
They should be in this order to comply with w3c recommendations.<br />
<br />
A:link <br />
A:visited <br />
A:active <br />
A:hover <br />
<br />
2) Reinstalling drivers makes no difference.<!--content-->Originally posted by DaveSW <br />
They should be in this order to comply with w3c recommendations.<br />
<br />
A:link <br />
A:visited <br />
A:active <br />
A:hoverWrong. See my post above...<!--content-->yeah soz - my internet connection is going crazy<!--content-->Originally posted by pyro <br />
Wrong. See my post above... <br />
Are you sure? W3C core style says what I posted:<br />
(from style sheet linked at bottom)<br />
a:link{<br />
text-decoration:none;<br />
font-weight:bold;<br />
color:#F30;<br />
background:white;<br />
}<br />
<br />
a:visited{<br />
text-decoration:none;<br />
font-weight:bold;<br />
color:#996;<br />
background:white;<br />
}<br />
<br />
a:active{<br />
text-decoration:none;<br />
font-weight:bold;<br />
color:#F30;<br />
background:#FF0;<br />
}<br />
<br />
a:hover{<br />
text-decoration:none;<br />
color:#F30;<br />
background:white;<br />
}<br />
<br />
<!-- m --><a class="postlink" href="http://www.w3.org/StyleSheets/Core/stylebot.html?family=8&doc=url4">http://www.w3.org/StyleSheets/Core/styl ... 8&doc=url4</a><!-- m --><br />
<br />
Dave<!--content-->Yes, I'm sure... This is from the link I posted to above:<br /><br />
From <!-- m --><a class="postlink" href="http://www.w3.org/TR/REC-CSS2/selector.html#dynamic-pseudo-classes">http://www.w3.org/TR/REC-CSS2/selector. ... do-classes</a><!-- m --><br />
Note that the A:hover must be placed after the A:link and A:visited rules, since otherwise the cascading rules will hide the 'color' property of the A:hover rule. Similarly, because A:active is placed after A:hover, the active color (lime) will apply when the user both activates and hovers over the A element.And, that would certainly be true, if you think about it logically...<!--content-->Originally posted by PeOfEo <br />
the corners are perfect in ie on most machines you need to reinstall your drivers if they are not. Also the hoverlinks do not work on that temp look again. <br />
They are not OK on IE6/Win2K or IE5/Win2K. They are OK on IE6/WinXP.<!--content-->what the heck no matter what I do the colors will match its driving me nuts I took a screen shot and grabbed the site color it matches then I look at it on opera its messed up again. Do I dare go back to vml for those borders? vml is crap to use.<!--content-->