jeonsah's Profile User Rating: -----

Reputation: 0 Apprentice
Group:
Active Members
Active Posts:
99 (0.06 per day)
Joined:
30-August 09
Profile Views:
996
Last Active:
User is offline May 14 2013 09:50 PM
Currently:
Offline

Previous Fields

Dream Kudos:
0

Latest Visitors

Icon   jeonsah has not set their status

Posts I've Made

  1. In Topic: Website alignment help

    Posted 14 May 2013

    Ive tried the solution you said and I cannot get it to work. Since then I have changed a few things. I have made css file with all of the styling. All of the main code is in a .html file. I have made one giant logo picture at the top. Then I have made a custom navigation bar right below it. When I compress the browser window, the logo stays the same but the horizontal navigation bar breaks into a vertical list....

    When I resize the browser window, you can see the margins around the logo adjusting to keep the logo centered. However, the navigation bar does not center itself....

    Here is my code in in the css file:
    body {width:100%;height:100%;background-color:#000000; color:white;text-align:center;}
    h1 {width:100%;background-color:#000000;color:#FFFFFF;text-align:center;}
    p {background-color:#00000; color:white;text-align:center;}
    div {background-color:#000000;}
    a:link {color:#FF0000;}      /* unvisited link */
    a:visited {color:#00FF00;}  /* visited link */
    ul{list-style-type:none;margin-left:10em;padding:0;}
    li{float:left;}
    
    


    Here is my code in the .html file:
    <!DOCTYPE>
    <html>
    <head>
    <link rel="stylesheet" type="text/css" href="Dun-RiteStyle.css">
    </head>
    <body>
      <div class="center">
      <h1><img src="http://i1319.photobucket.com/albums/t674/DRELLC/Previous%20Work/Website%20Work/HomePageHeader_zpse88cfc7e.jpg" /></h1>
      <ul>
        <li><img src="http://i1319.photobucket.com/albums/t674/DRELLC/Previous%20Work/Website%20Work/corolla_zps373511ef.jpg"/></li>
        <li><a href="Dun-Rite Website.html"><img src="http://i1319.photobucket.com/albums/t674/DRELLC/Previous%20Work/Website%20Work/Home-polished3_zps67320a25.jpg" /></a></li>
        <li><a href="About Us.html"><img src="http://i1319.photobucket.com/albums/t674/DRELLC/Previous%20Work/Website%20Work/AboutUs-polished2_zps59162303.jpg" /?</a></li>
        <li><a href="Gallery.html"><img src="http://i1319.photobucket.com/albums/t674/DRELLC/Previous%20Work/Website%20Work/Gallery-polished2_zps07ce1153.jpg" /></a></li>
        <li><a href="Sale.html"><img src="http://i1319.photobucket.com/albums/t674/DRELLC/Previous%20Work/Website%20Work/ForSale-polished2_zps4c458771.jpg" /></a></li>
        <li><a href="Contact Us.html"><img src="http://i1319.photobucket.com/albums/t674/DRELLC/Previous%20Work/Website%20Work/ContactInfo-polished2_zps1f49c2ef.jpg" /></a></li>
        <li><img src="http://i1319.photobucket.com/albums/t674/DRELLC/Previous%20Work/Website%20Work/corolla2_zps12762150.jpg"/></li> 
      </ul>
      </div>
    </body>
    </html>
    
    


    Basically, Ive made the navigation bar the same width as the logo. I want the navigation to auto adjust with the logo when the browser is resized. Then when theres no margin left, the horizontal scroll bar activates.

My Information

Member Title:
D.I.C Head
Age:
Age Unknown
Birthday:
Birthday Unknown
Gender:

Contact Information

E-mail:
Private

Friends

jeonsah hasn't added any friends yet.

Comments

jeonsah has no profile comments yet. Why not say hello?