allison7860
09-07-2009, 08:43 PM
Hi everyone, I'm having trouble with this div code. So I want my text to go ALL the way to the right but it won't go any further than my other text. Here is my code.
<html>
<head>
<title>
page</title>
</head>
<body>
<style type="text/css">
body { background-color: #fffee5;
background-image:url('borderleft.bmp');
background-repeat:repeat-y;
background-position: 20px;
background-attachment: scroll;
font-family: Palatino Linotype;
color:#AAAAAA;
font-size: 12pt;
position:absolute;
left:190px;
}
h1 {font-family: Palatino Linotype; color:#AAAAAA; }
h2 {font-family: Palatino Linotype; color:#AAAAAA; }
p {font-family: Palatino Linotype; color:#AAAAAA; }
b {font-family: Palatino Linotype; color:#996699; }
a:link { text-decoration: underline; color:#CC6699; }
a:hover { text-decoration: underline; color:#fffee5;
background-color: #CC6699; }
</style>
<div style="position: absolute; right: 0;">
<b>|</b><a href="Main.html">Main</a> <b>|</b> <a href="Learn.html">Learn</a> <b>|</b> <a href="Site.html">Site</a> <b>|</b>
</div>
<img src="site.jpg" alt="Site">
<h2>About</h2>
<a href="About.html">Page</a> <b>|</b>
<a href="Me.htm">Me and Cat</a> <b>|</b>
<h2>Info</h2>
<a href="Contact.htm">Contact</a> <b>|</b>
<a href="Terms.htm">Terms</a> <b>|</b>
<a href="Linkus.html">Link</a>
</body></html>
<html>
<head>
<title>
page</title>
</head>
<body>
<style type="text/css">
body { background-color: #fffee5;
background-image:url('borderleft.bmp');
background-repeat:repeat-y;
background-position: 20px;
background-attachment: scroll;
font-family: Palatino Linotype;
color:#AAAAAA;
font-size: 12pt;
position:absolute;
left:190px;
}
h1 {font-family: Palatino Linotype; color:#AAAAAA; }
h2 {font-family: Palatino Linotype; color:#AAAAAA; }
p {font-family: Palatino Linotype; color:#AAAAAA; }
b {font-family: Palatino Linotype; color:#996699; }
a:link { text-decoration: underline; color:#CC6699; }
a:hover { text-decoration: underline; color:#fffee5;
background-color: #CC6699; }
</style>
<div style="position: absolute; right: 0;">
<b>|</b><a href="Main.html">Main</a> <b>|</b> <a href="Learn.html">Learn</a> <b>|</b> <a href="Site.html">Site</a> <b>|</b>
</div>
<img src="site.jpg" alt="Site">
<h2>About</h2>
<a href="About.html">Page</a> <b>|</b>
<a href="Me.htm">Me and Cat</a> <b>|</b>
<h2>Info</h2>
<a href="Contact.htm">Contact</a> <b>|</b>
<a href="Terms.htm">Terms</a> <b>|</b>
<a href="Linkus.html">Link</a>
</body></html>