Jump to content

Triniton722

New Members
  • Posts

    6
  • Joined

  • Last visited

Posts posted by Triniton722

  1.     <style rel="stylesheet" type="text/css">
        #navcontainer ul { list-style-type: none; margin: 4; padding: 4; width: 100%;}
        #navcontainer ul li {display:inline-block; width: 7%; text-align: center; border-right: 1px solid #000; margin:0; padding: 2px 0; }
        #navcontainer ul li a { text-decoration: none; font-size: 18px;
        color: black; background-color: #FFFFFF;}
        #navcontainer ul li a:hover { color: darkblue; background-color: #FFFFFF; text-decoration:underline; font-weight:bold;}
        </style>
        </head>
         
        <body>
        <div id="navcontainer">
        <ul>
        <li> <a href="#"> Home</a></li>
        <li>|<a href="#"> Project listing</a></li>
        <li>|<a href="#"> Directory</a></li>
        <li>|<a href="#"> Create project</a></li>
        <li>|<a href="#"> My project</a></li>
        </ul>
        </div>
        </body>
        </html>
    

    That is because #navcontainer ul li does not have a defined width attribute so it will take up all the space you are allowing to. Notice the width: 7%; the padding and the margin. By setting the width to 7% you are imposing specific width.

    I hope I could help

  2. It is pretty hard for use to analyse the code, next time try to put the code into the <> tags (next to the comment box in the forum editor). Anyway, I copy/pasted your code into an Editor and the only reference to read-more are between the lines 62 until 67.

    Remove the content between the lines and everything should work just fine.

    Hope I could help.

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.