PDA

View Full Version : Quick question about hyperlinks



NGC
Feb 25th, 2012, 03:16 AM
Hey guys,

I'm trying to figure out how to do something that is probably pretty simple, but I'm not quite sure how to make it work. In the following link, the text that says "1", "2", and "3" is clickable.

http://thebestinfo.org/test123.html

What I'd like to do is make the entire red area of each of the 3 parts clickable. For example, the entire top red area should hyperlink to 1.html, the entire middle red area should hyperlink to 2.html, and the entire bottom red area should hyperlink to 3.html.

Does anyone know what I would have to change to make this work?

Here is the entire HTML code for that page...




<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html>

<head>

<style type="text/css">

body {
background: white;
}

#nav ul {
list-style: none;
}

#nav li {
background: Red;
width: 50%;
margin: auto;
height: 2em;
text-align: center;
padding-top: 1em;
}

#nav li a {
text-decoration: none;
color: White;
}

</style>

</head>

<body>

<div id="nav">

<br />

<ul>
<li><a href="1.html">1</a></li><br />
<li><a href="2.html">2</a></li><br />
<li><a href="3.html">3</a></li><br />
</ul>

</div>

</body>

</html>




Thanks! :)

teedoff
Feb 25th, 2012, 03:21 AM
#nav li a {
text-decoration: none;
color: White;
display:block;
}

NGC
Feb 25th, 2012, 03:51 PM
#nav li a {
text-decoration: none;
color: White;
display:block;
}

Perfect. Thanks! :)