...

View Full Version : Menu With Text Links



Technique
10-02-2006, 01:53 AM
How would I make a menu bar with text links instead of having to create buttons for each link. I want it so that I can edit it with my own font type and color.

_Aerospace_Eng_
10-02-2006, 02:00 AM
Did you intend on using a font that you have on your computer and then hoping that it would be visible on the web if you used that font? If the user doesn't have the font you are trying to use its going to default to a system font that they do have.

Technique
10-02-2006, 02:05 AM
In that case could you just show me how to do it with a default font for now?

_Aerospace_Eng_
10-02-2006, 02:11 AM
Here is one example

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Untitled Document</title>
<style type="text/css">
#nav {
margin:0 auto;
padding:0;
list-style:none;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:13px;
width:532px;
}
#nav li {
float:left;
margin-right:3px;
display:inline;
}
#nav li.last {
margin-right:0;
}
#nav li a {
display:block;
float:left;
width:100px;
padding:3px 0;
text-align:center;
background:#CCC;
color:#000;
border:2px outset #000;
text-decoration:none;
}
#nav li a:hover {
background:#06F;
color:#FFF;
border:2px outset #CCC;
}
</style>
</head>

<body>
<ul id="nav">
<li><a href="#">Link</a></li>
<li><a href="#">Link</a></li>
<li><a href="#">Link</a></li>
<li><a href="#">Link</a></li>
<li class="last"><a href="#">Link</a></li>
</ul>
</body>
</html>

There are a lot more here: http://www.cssplay.co.uk/menus/

Technique
10-02-2006, 02:16 AM
No, I mean like this: http://www.ign.com/

See how they have text in their menu bar on the left instead of buttons?

_Aerospace_Eng_
10-02-2006, 02:18 AM
Check out the examples on that page I linked you to please. You will have a lot of options to choose from. Its just text, nothing special.



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum