Css

He has: 52 posts

Joined: Apr 2006

Yep. I'm a newb.

Here's teh problem: hyperlinks get locked up w/ regular styling (blue, underlined to purple underlined from red underlined). And on the most aesthetically pleasing part of the piece, too.

Here's teh code:

style.css:

Quote:

A:link {font-color: black; font-size: 10px;}

A:visited {font-size: 10px; font-color: black;}

A:active {text-decoration: none}

A:hover {font-family: verdana; font-size:10px;}

html{
height: 100%;
background: #111;
}

body {
font-family: verdana;
font-size:10px;
}

#content {
border: 1px black solid;
background-color: #fff;
margin-left: 70px;
margin-right: 70px;
margin-top: 20px;
margin-bottom: 20px;
padding: 5px;
}

#navi {
padding: 5px;
background: #fff;
border: 1px solid #000;
text-align: center;
width: 70%;
}

td.norm {
color: black;
background-color: white;
padding: 3px;
width: 200px;
}
td.hover {
color: white;
background-color: black;
padding: 3px;
width: 200px;
}

table {
font-family: verdana;
font-size:10px;
border:1px;
border-color:black;
}

input {
border:1px solid;
border-color:black;
background-color:white;
font-family: verdana;
font-size:10px;
}

select {
border:1px solid;
border-color:black;
background-color:white;
font-family: verdana;
font-size:10px;
}

h5 {
text-decoration: bold;
}

.par {
text-indent: 3em;
}

main.htm

Quote:

TITLE IMAGE

//HOME
//PROJECTS
//ARTICLES
//EXT. LINKS
//ABOUT

content

This is my footer!

Thanks.

He has: 113 posts

Joined: Jul 2005

you need to replace font-color with just color.

He has: 52 posts

Joined: Apr 2006

Beau'iful. Cheers, mate.

And also, if it would be too much trouble, how is it that I could make the entire cell respond as a hyperlink, and not just the (text) elements inside of it?

He has: 1,380 posts

Joined: Feb 2002

You mean on mouseover? I know you can do td:hover { }' and that works for Firefox and some others...but there's a trick somewhere for IE. Try looking around on alistapart.com, I know I saw it over there.

Renegade's picture

He has: 3,022 posts

Joined: Oct 2002

You could try use a little script I made a little while back to change the colour of just about any HTML element:

<script type="text/javascript">
  <!--
    function fnchangebg(element, colour)
      {
        element.bgColor = "#" + colour;
      }
  //-->
&lt;/script&gt;
'

And to use:

<td onmouseover="fnchangebg(this, 'ffffff');" onmouseout="fnchangebg(this, 'f1f1f1');">
'

Haven't used it in a while but give it a try Smiling

He has: 113 posts

Joined: Jul 2005

if you only have one cell per row, you can just set the width of your hyperlinks to 100%, this will give the impression the entire cell is linked.

He has: 52 posts

Joined: Apr 2006

Your help is much appreciated!

Спасибо болшой!

Want to join the discussion? Create an account or log in if you already have one. Joining is fast, free and painless! We’ll even whisk you back here when you’ve finished.