www.webdeveloper.com
Results 1 to 2 of 2

Thread: nee help again! with CSS this time :)

  1. #1
    Join Date
    Apr 2003
    Location
    ct
    Posts
    5

    nee help again! with CSS this time :)

    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



  2. #2
    Join Date
    Nov 2002
    Posts
    2,632
    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>

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
HTML5 Development Center



Recent Articles