PDA

Click to See Complete Forum and Search --> : nee help again! with CSS this time :)

mararies5
04-08-2003, 07:00 PM
hey thanx everyone for replying:) I really took into consideration the CSS language and I am starting to use it myself now. but i got stuck in one part again and i was wondering if someone can help.I just need to know how to get the link on the left side to load into the right side of the page. this is the script i have now on my page:

<html lang="en">
<head>
<style type="text/css" media="screen"><!--
BODY { position: relative; min-width: 600px; width: 100%; margin: 0; padding: 0; border: none; }
#left { position: absolute; left: 10px; width: 19%; margin: 1% 1% 0 0; }
#middle { position: absolute; left:20%; min-width: 360px; width: 80%; margin-top: 0%; }


/* HR styles need for IE 6/Win. */
HR.holder { width:600px; visibility: hidden } */
HR.left, { width: 120px; visibility: hidden; }
HR.middle { width: 360px; visibility: hidden; }
//--></style>


<style type="text/css" media="screen"><//
BODY { background: #000000; }
DIV { background: #000000; }
//--></style>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
<title>Welcome to Ballet Panambi Vera</title>
</head><body>
<body bgcolor="#000000">

<!--[if IE]>
<hr class="holder" />
<![endif]-->


<div id="middle">
<p title="'middle' DIV"><center><font color="yellow"><h1>Welcome to<br>

</p>
<!--[if IE]>
<hr class=" middle" />
<![endif]-->
</div>

<div id="left">
<p title="'left' DIV">
<br><a href="home.html">Home</a>
<br><a href="contact.html">Contact</a>
<br><a href="History.html">HIstory</a>
</p>
<!--[if IE]>
<hr class="left" />
<![endif]-->
</div>
</body>
</html>


Hopefully the html is disabled here

thanx


:D
spufi
04-08-2003, 09:04 PM
Ok, I did a stripped down version of what you had and I know you said you wanted the link on the right side, but you didn't say which one, so I moved all of them. Also note that if you do want to make something invisible, using "display:none" is the way to go because it's been around since IE 4 and Netscape 4. Anyway, here's the code and if anybody has a clue why the charset meta tag doesn't validate I'm all ears because it does on my site, but I'm going against XHTML 1.1. Not that it should make a difference.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/htm14/strict.dtd">
<html>
<head>
<title>Welcome to Ballet Panambi Vera</title>
<meta name="Language" content="en" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style type="text/css" media="screen">
<!--
BODY { min-width: 600px; margin: 0; background: #000000; }
H1 { color:yellow; text-align:center; }
.menu { position: absolute; left: 80%; width: 19%; margin: 1% 1% 0 0; }
.menu a { display: block; font-size:150%; }
//-->
</style>
</head>
<body>
<h1>Welcome to</h1>
<div class="menu">
<a href="home.html">Home</a>
<a href="contact.html">Contact</a>
<a href="History.html">History</a>
</div>
</body>
</html>