Is there any way besides negative margins to get rid of the space between links? I don't even know if I want to do this yet, I'm just thinking about it.
Here is the HTML:
<html>
<body>
<head>
<title>Button Menu Test</title>
<link rel="stylesheet" type="text/css" href=http://www.webdeveloper.com/forum/archive/index.php/"trialstyle.css" />
</head>
<div class="navbar">
<a href=http://www.webdeveloper.com/forum/archive/index.php/"http://www.becontrols.com">BE Controls</a>
<a href=http://www.webdeveloper.com/forum/archive/index.php/"http://www.becontrols.com/order.htm">Order</a>
<a href=http://www.webdeveloper.com/forum/archive/index.php/"../tech/tech.htm" title="Go to Main Tech Help Page">Tech</a>
<a href=http://www.webdeveloper.com/forum/archive/index.php/"../aboutus.htm" title="View our Contact Information, Policies, and History">Contact & Company Info</a>
</div>
</body>
</html>
And here is the CSS:
a {background-color: #cccccc;
border: 2px outset #999999;
margin: 0px;
padding: 0px;
}
a:link {background-color: #cccccc;
margin: 0px;
padding: 0px;
}
a:visited {background-color: #cccccc;
margin: 0px;
padding: 0px;
}
a:hover {border: 2px inset #999999;
border-bottom: none;
background-color: #ffffff;
text-decoration: none;}
.navbar {background-color: #cccccc;
border: 2px solid #cccccc;
}
Also, is it wise to always specify a and all pseudo classes with the background and borders, or will all declarations for a always get passed on to the pseudo classes?
Finally, is there a better and more reliable way to get my background div .navbar to be the same height and position as the links in it than giving it a border the same color as the background as I have done here?Newlines within the code tend to be intepreted as word spaces. If you really don't want a space between 2 links (which sounds really confusing to me), then break your code between words (even withing the link tags) rather than between the </a> and the next <a>.Thank you, sometimes it easy to overlook the simple stuff. Anyone have any input on my other two questions?
Here is the HTML:
<html>
<body>
<head>
<title>Button Menu Test</title>
<link rel="stylesheet" type="text/css" href=http://www.webdeveloper.com/forum/archive/index.php/"trialstyle.css" />
</head>
<div class="navbar">
<a href=http://www.webdeveloper.com/forum/archive/index.php/"http://www.becontrols.com">BE Controls</a>
<a href=http://www.webdeveloper.com/forum/archive/index.php/"http://www.becontrols.com/order.htm">Order</a>
<a href=http://www.webdeveloper.com/forum/archive/index.php/"../tech/tech.htm" title="Go to Main Tech Help Page">Tech</a>
<a href=http://www.webdeveloper.com/forum/archive/index.php/"../aboutus.htm" title="View our Contact Information, Policies, and History">Contact & Company Info</a>
</div>
</body>
</html>
And here is the CSS:
a {background-color: #cccccc;
border: 2px outset #999999;
margin: 0px;
padding: 0px;
}
a:link {background-color: #cccccc;
margin: 0px;
padding: 0px;
}
a:visited {background-color: #cccccc;
margin: 0px;
padding: 0px;
}
a:hover {border: 2px inset #999999;
border-bottom: none;
background-color: #ffffff;
text-decoration: none;}
.navbar {background-color: #cccccc;
border: 2px solid #cccccc;
}
Also, is it wise to always specify a and all pseudo classes with the background and borders, or will all declarations for a always get passed on to the pseudo classes?
Finally, is there a better and more reliable way to get my background div .navbar to be the same height and position as the links in it than giving it a border the same color as the background as I have done here?Newlines within the code tend to be intepreted as word spaces. If you really don't want a space between 2 links (which sounds really confusing to me), then break your code between words (even withing the link tags) rather than between the </a> and the next <a>.Thank you, sometimes it easy to overlook the simple stuff. Anyone have any input on my other two questions?