Links are Underlined: Why?

**marain** · 01-27-2015, 05:23 PM

Hi Folks,

My first 2015 call for help. I think I limited 2014 calls to half a dozen or less, didn't count. Anyway...

Links in headers, footers, and body of pages on http://www.njdriverslicenses.com/ are being underlined. I assume its on account of something in my css file (I did not write it), but I can't find the source of the underlining. Can someone point me to it?

Here is my css file:

Code:

/* NJDL.CSS
   uses lmcb layout */

body{
background-color:#ffc; color:#000;
font-family:sans-serif; font-weight:bold; font-size:medium;
text-align:left
}


#container{
/* overrides body text centering */
text-align:left;
/* sets overall width */
width:950px;
/* allows body centering */
margin:0 auto
}

#logo {
height:154px; width:950px;
color:#3366ff; text-align:left;
}
#logo table { border:0; }
#logo td.logoleft { font-size:1.5em; text-align:center; width:700px; border:0; }
#logo .heading { font-size:2em; border:0; }
#logo td.logoright { font-size:.8em; color:#000; text-align:right; width: 250px; border:0; }


/* puts menu+content above bottom */
#wrapper{float:left;width:100%}

/* leaves space at left for menu */
#content {margin: 0 0 0 200px}

#menu{
/* puts to left of content */
float:left;
width:190px;
/* aligns at left of wrapper; must = width of container */
margin-top:50px;margin-left:-950px;
}
#content p{ text-align:left; }

#bottom{ clear:left; width:100% }


h1 { text-align:center; color:#3366ff; font-size:x-large; }
h2 { text-align:center; color:#3366ff; font-size:large; }

.right {
	float:right;
	color:#3366ff;
	margin-top:10px;
	margin-left:15px;
	margin-bottom:10px;
	border-style:outset;
	border-width:8px;
}

.left { float:left; margin-right:1em; }

/*******************************
controls links in non-menu text
*******************************/
a:link { color:#3366ff; background-color: #ffc;}
a:visited { color:#3366ff; background-color: #ffc;}
a:hover{ color:white; background-color:#3366ff;}
a:active {color:#3366ff; background-color:white; }

/******************************
button menu
******************************/
a.button {
text-decoration: none;
line-height:34px;
border: 2px #000 outset;
}
a.button:link, a.button:visited, a.button:active {
color: #3366ff;
background-color: #ffc;
}
a.button:hover {
color: white;
background-color: #3366ff;
border: inset;
}

/******************************
bottom menu
******************************/
a.bottom {
text-decoration: none;
border: 2px #000 outset;
font-size:.8em;
}
a.bottom:link, a.bottom:visited, a.bottom:active {
color: #3366ff;
background-color:#ffc;
}
a.bottom:hover {
color: white;
background-color: #3366ff;
border: inset;
}

/*******************************
here menu
*******************************/
a.here:link, a.here:visited, a.here:hover, a.here:active { 
text-decoration:none; border:none; color:#808080; background-color:#ffc; 
}


.home {
	background-image: url("../images/njdl300x202.jpg");
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: top left;
}

.suspension {
	background-image: url("../images/scheduledSuspensionNotice.jpg");
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: top left;
}









/*******************************
following are relics from previous sites, included here in case of reuse

h6 {color:#606}
.messageBox {color:#639;font-weight:bold; font-size:medium; text-align:center; border-width:thick; border-style:inset; border-color:black; width:70%; background-color:#C0C0C0}

********************************/

A.

**Beverleyh** · 01-27-2015, 05:39 PM

Underline is default for links and is automatic even if you don't declare it, so you would have to counteract it with text-decoration: none; in your link styles.