Google Groups no longer supports new Usenet posts or subscriptions. Historical content remains viewable.
Dismiss

Aligning Hyper Link Text In Div Tag

1 view
Skip to first unread message

Ziggy

unread,
Sep 25, 2009, 5:16:27 PM9/25/09
to
Hello,

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>

0 new messages