1. This website uses cookies. By continuing to use this website you are giving consent to cookies being used.
    For information on cookies and how you can disable them visit our Cookie Usage page.
    Dismiss Notice

Web Design navigation bar not nice

Discussion in 'Web Design' started by serdaan, Apr 28, 2010.

  1. serdaan

    serdaan New Member

    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
     
    serdaan, Apr 28, 2010
    #1
  2. ishkey

    ishkey Moderator, Logos, Sports Crests Staff Member Verified Member

    Is this the template you downloaded?
    What did you change?
     

    Attached Files:

    • ski.jpg
      ski.jpg
      File size:
      16.7 KB
      Views:
      769
    ishkey, Apr 28, 2010
    #2
  3. serdaan

    serdaan New Member

    I changed a lot See www.dekoofies.nl
    I must say that I tried further and it looks a bit better....
     
    serdaan, Apr 28, 2010
    #3
  4. ishkey

    ishkey Moderator, Logos, Sports Crests Staff Member Verified Member

    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.
     
    ishkey, Apr 28, 2010
    #4
  5. serdaan

    serdaan New Member

    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;
     
    serdaan, Apr 28, 2010
    #5
  6. ishkey

    ishkey Moderator, Logos, Sports Crests Staff Member Verified Member

    this is going to take me a little time so hang in there, look around the forum read and or post.
     
    ishkey, Apr 28, 2010
    #6
  7. serdaan

    serdaan New Member

    ok will, thank you so much for your time
     
    serdaan, Apr 28, 2010
    #7
  8. ishkey

    ishkey Moderator, Logos, Sports Crests Staff Member Verified Member

    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.
     

    Attached Files:

    ishkey, Apr 28, 2010
    #8
  9. serdaan

    serdaan New Member

    ok, but the 996 pixels will not give problems in the various browsers you think?
     
    serdaan, Apr 28, 2010
    #9
  10. ishkey

    ishkey Moderator, Logos, Sports Crests Staff Member Verified Member

    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
     
    ishkey, Apr 28, 2010
    #10
  11. serdaan

    serdaan New Member

    okidoki. Thanks a lot.
     
    serdaan, Apr 28, 2010
    #11
  12. ishkey

    ishkey Moderator, Logos, Sports Crests Staff Member Verified Member

    looks like it has the making of heading in the right direction.
    Your welcome
     

    Attached Files:

    • new.jpg
      new.jpg
      File size:
      57.8 KB
      Views:
      512
    ishkey, Apr 28, 2010
    #12