I want to veritcally center my hyperlink text in my DivTag.... however
I have an image I want to place to the left and don't want to simply
pad the DivTag as it pushes the image down as well.... here is my
code.... any suggestions??? Sorry for all the CSS but I thougt it
would help explain graphically.... Thanks
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://
www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<style type="text/css">
<!--
/* CSS Document */
#NavigationDiv {
height: 33px;
width: 900px;
border: 1px solid #86CE55;
padding-top: 0px;
}
#Container {
width: 900px;
margin-right: auto;
margin-left: auto;
margin-top: 33px;
}
#SmallLogo {
height: 33px;
width: 43px;
float: left;
background-color:#096
}
a:link {
color: #333;
font-family: Arial;
font-size: 20px;
text-decoration: none;
font-style: normal;
text-transform: uppercase;
margin-left: 34px;
height: auto;
}
a:visited {
color: #666;
font-family: Arial;
font-size: 20px;
text-decoration: none;
font-style: normal;
text-transform: uppercase;
word-spacing: 24%;
margin-left: 34px;
}
a:hover {
color: #84cbe1;
font-family: Arial;
font-size: 20px;
text-decoration: none;
font-style: normal;
text-transform: uppercase;
word-spacing: 24%;
margin-left: 34px;
}
a:active {
font-family: Arial;
font-size: 20px;
text-decoration: none;
font-style: normal;
text-transform: uppercase;
word-spacing: 24%;
margin-left: 34px;
}
-->
</style></head>
<body>
<div id="Container">
<div id="NavigationDiv">
<div id="SmallLogo"></div>
<a href="Trial.html" target="_self"> shopping</a><a
href="Trial.html" target="_self"> lamas</a> <a href="Trial.html"
target="_self">why alpaca?</a> <a href="Trial.html"
target="_self">FAQ's</a><a href="Trial.html" target="_self">100%</a><a
href="Trial.html" target="_self">Videos</a><a href="Trial.html"
target="_self">contact</a></div>
</div>
</body>
</html>