Aligning Hyper Link Text In Div Tag

#1

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">

</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>

#2

Please show the link.

--
Ciao, servus und salue
Hans-G.

"Ziggy" <andrew.schuster (AT) gmail (DOT) com> schrieb im Newsbeitrag
news:f2a480e6-52cf-4eec-a4aa-c3295574d97a (AT) a37g2000prf (DOT) googlegroups.com...

Quote:

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

#3

use a div inside a div

Thread Tools
Show Printable Version Email this Page
Display Modes
Linear Mode Switch to Hybrid Mode Switch to Threaded Mode

Aligning Hyper Link Text In Div Tag

Macromedia Dreamweaver Macromedia Dreamweaver Discussions (macromedia.dreamweaver)

Aligning Hyper Link Text In Div Tag - 09-25-2009 , 05:20 PM

Re: Aligning Hyper Link Text In Div Tag - 09-28-2009 , 09:05 AM

Re: Aligning Hyper Link Text In Div Tag - 09-28-2009 , 10:25 AM