Hi there, I am trying to build a website for the first time in my life. I downloaded the "skitemplate" and changed HTML and CSS coding. So far so good, but I added some links in the navigation bar and now it does not look nice anymore. I tried a lot, but no result yet. (www.dekoofies.nl) Could someone help me, I would really appriciate it. Thanks so much in advance. Danielle
I have looked but my brain is dead. It looks like it is in the css file, looking is a bit tedious, so the more you can give the faster we can find it. I am assuming it is in the header area as the menu looks to be shifted left.
Yes it is in css here is the navigation coding: #nav { width:744px; height:28px; margin: 2px 0px 2px 25px; background-color:#ffcc66; padding: 3px 5px 3px 1px; } #nav ul { } #nav li { display:inline; background-color:#ff7f00; width:90px; height:30px; float:left; margin-left:3px; text-align:center; } #nav a { width:120px; height:19px; padding-top:2px; text-decoration:none; color:#61380b; font-weight:800; display:inline; } #nav a:hover { color:#ffffcc; font-weight:800;
For starters you have 8 menu items, the original has 6 items which was designed to fit the template. The template is also designed at 800 pixels wide, a width which was great for it's time. You could try to widen it up to 996 pixels, but you would also have to widen everything else to proportion. The other option would be to reduce the font size of the menu, but it would become so small, you wouldn't be able to read it. Take a look and see if that helps. Below is your menu with 6 items and header I put in the original template so you can see.
not many in the world view with 800 pixels wide. if they do thats when the scroll bars come into view in the browser. besides 800 pixels wide on most monitors in use today makes the site look like a post card. Always think about how you want your site to display. There are too many variables for you to worry about, heck even the major browsers can not even code so everything looks the same
