quote:

ORIGINAL: gorilla

Good progress.

Mhaircaish

quote:

ORIGINAL: c1sissy

1. If you use pixels and resize your window, as I always do, what happens?

2. If you use percentages and you resize, what happens? (this is why I have a preference for percentages)

Just some food for thought here, lol

quote:

ORIGINAL: Giomanach

quote:

ORIGINAL: c1sissy

1. If you use pixels and resize your window, as I always do, what happens?

2. If you use percentages and you resize, what happens? (this is why I have a preference for percentages)

Just some food for thought here, lol

1. Nothing it will stay put

2. The margins or whatever will expand to what ever percent of the page you have set

See I have learnt something

quote:

Webwork
You will be a genius in this stuff when you are done.

So, when are you gonna be done 'cause the world is waiting ;-)

#nav li a:link, #nav li a:visited {
    float: left;
    width: 19%; /*20% including left and right border for 5 equal buttons*/
    padding: 3px;
    color: #fff;
    text-decoration: none;
    border: 0.5% solid #fff;
    }

body {
    background-image: url('bkgrey.gif');
    background-repeat: repeat;
    font-family: Arial, serif, "Times New Roman";
    font-size: 1.25em;
    font-weight: bold;
    }
#container {
    width: 90%;
    margin: 10px auto 10px auto;
    padding: .25em;
    color: #033;
    line-height: 115%;
    }
#header {
    margin-bottom: .75em;
    padding: .75em;
    text-align: center;
    background-color: #000;
    color: #fff;
    border-bottom-style: solid;
    border-bottom-color: #fff;
    }
#header h1 {
    margin: 0px;
    padding: 0px;
    }
.picture {
    text-align: center;
    }
.tnail {
    float: left;
    width: 100px;
    margin: 0px 25px 20px 25px;
    padding: 10px;
    border: 3px solid #000;
    text-align: center;
    }
.cboth {
    clear: both;
    }
#footer {
    margin-top: 0px;
    padding: .75em;
    text-align: center;
    background-color: #000;
    border-bottom-style: solid;
    border-bottom-color: #fff;
    clear: both;
    }
#footer p {
    color: #fff;
    margin: 0px;
    padding: 0px;
    }
#smallfont {
    font-size: .50em;
    color: #fff;
    }
/*begin navigation styles*/
#nav li a{/*in order to get the background-color to show up in mozilla and firefox I had to add this to the code and now it works!*/
    background-color: #000;
    border-right: .85px solid #fff/*this causes the borders to show up on mozilla firefox*/
    }

#nav ul {
    margin: 0px; 
    padding: 0px;
    width: 100%;
    background-color: #000;
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff;
    border-left: 1px solid #fff;
    list-style-type: none;
    clear: both;
    text-align: center;
    }    
#nav li {
    display: inline;
    font-size: .75em;
    }
#nav li a:link, #nav li a:visited {
    float: left;
    width: 19%;
    padding: 3px;
    color: #fff;
    text-decoration: none;
    border-right: 0.5% solid #fff;
    }
#nav li a:visited {
    color: #fff;
    }
#nav li a:hover {
    background-color: #fff;
    color: #000;
    }   

quote:

ORIGINAL: Giomanach

Put it to 1px rather than 0.5%?

Dan