PDA

View Full Version : CSS Coding in HTML



wombat321
Jan 20th, 2010, 07:44 AM
Hello,

I am currently developing a website for a local Farm Machinery Museum, and I have the following question.

I have places this code in my HTML Page....

<!-- SIDEBAR --!>
<tr>
<td width="190">
<ul>
<a href="index.html">Homepage</a><br>
<a href="location.html">Finding Us</a><br>
<a href="entry.html">Admittance</a><br>
<a href="display.html">About the Display </a><br>
<a href="conatct.html">Contact</a><br>

</ul>

</td>
<!-- END SIDEBAR --!>

What code would/should I put in my CSS document to make the A HREF links not be underlined?

:thumbsup: Thanks,
Andrew King
[email protected]

abduraooft
Jan 20th, 2010, 08:05 AM
I have places this code in my HTML Page....

<!-- SIDEBAR --!>
<tr>
<td width="190">
<ul>
<a href="index.html">Homepage</a><br>
<a href="location.html">Finding Us</a><br>
<a href="entry.html">Admittance</a><br>
<a href="display.html">About the Display </a><br>
<a href="conatct.html">Contact</a><br>

</ul>

</td>
<!-- END SIDEBAR --!> First of all, your current markup is invalid. Take a look at the correct usage of an unordered list from http://htmldog.com/reference/htmltags/ul/

What code would/should I put in my CSS document to make the A HREF links not be underlined?
See www.w3schools.com/Css/pr_text_text-decoration.asp

PS: Don't you know why using tables for layout is so bad (http://www.hotdesign.com/seybold/)?

Doctor_Varney
Jan 20th, 2010, 10:58 PM
What code would/should I put in my CSS document to make the A HREF links not be underlined?


a:link {color:#000;text-decoration:none} /* unvisited link */
a:visited {color:#000;text-decoration:none} /* visited link */
a:hover {color:#800;text-decoration:none} /* mouse over link */
a:active {color:#000;text-decoration:none} /* selected link */


Use the #000 colours any way you want.

Regards

Dr. V

wombat321
Jan 21st, 2010, 12:51 AM
a:link {color:#000;text-decoration:none} /* unvisited link */
a:visited {color:#000;text-decoration:none} /* visited link */
a:hover {color:#800;text-decoration:none} /* mouse over link */
a:active {color:#000;text-decoration:none} /* selected link */


Use the #000 colours any way you want.

Regards

Dr. V

Thankyou Dr. V, That has helped me.....


:thumbsup:Thanks,
Andrew