www.webdeveloper.com
+ Reply to Thread
Results 1 to 2 of 2
  1. 04-08-2003 07:00 PM #1
    mararies5
    mararies5 is offline Registered User
    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


    Reply With Quote Reply With Quote
  2. 04-08-2003 09:04 PM #2
    spufi's Avatar
    spufi
    spufi is offline Registered User
    Join Date
    Nov 2002
    Posts
    2,630
    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>
    $personal = new Site('soon');
    Reply With Quote Reply With Quote
« Previous Thread | Next Thread »

Thread Information

Users Browsing this Thread

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

     

Bookmarks

Posting Permissions

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

Forum Rules

 HTML5 Development Center



Recent Articles