Page 2 of 2 FirstFirst 12
Results 11 to 15 of 15

Thread: can you critique a website design?

  1. #11
    Join Date
    Mar 2011
    Location
    N 11 19' 0.0012 E 142 15' 0
    Posts
    1,515
    Thanks
    41
    Thanked 89 Times in 88 Posts
    Blog Entries
    3

    Default

    ok... instead of the earlier css I posted, add this -

    Code:
    #nav1 ul #current a {
    	color:#ffffff;
    	background:transparent url("images/hmenu-sel.jpg") repeat-x top left;
    }

  2. #12
    Join Date
    Jan 2009
    Location
    NH
    Posts
    345
    Thanks
    48
    Thanked 8 Times in 8 Posts

    Default

    I just added that but now no matter what page you are on, the home page button stays highlighted.

    http://nationalkitchencabinets.com/design.css is where the newest css is located.

  3. #13
    Join Date
    Mar 2011
    Location
    N 11 19' 0.0012 E 142 15' 0
    Posts
    1,515
    Thanks
    41
    Thanked 89 Times in 88 Posts
    Blog Entries
    3

    Default

    ahh...oops... my mistake

    On each of your pages, you have to go through and make a small change;

    Code:
               <div id="nav1"> 
                  <ul>
                    <li id="current" style="border:none">
                      <a href="index.html" shape="rect">Home</a></li>
                    <li><a href="products.html">Products</a></li>
                    <li><a href="order.html" shape="rect">How to Order</a></li>
                    <li><a href="testimonials.html" shape="rect">Testimonials</a></li>
                    <li><a href="about.html" shape="rect">About Us</a></li>
                    <li><a href="contact.html" shape="rect">Contact</a></li>
                    </ul> 
                </div>
    On products.html should look like

    Code:
                <div id="nav1"> 
                  <ul>
                    <li>
                      <a href="index.html" shape="rect">Home</a></li>
                    <li id="current" style="border:none"><a href="products.html">Products</a></li>
                    <li><a href="order.html" shape="rect">How to Order</a></li>
                    <li><a href="testimonials.html" shape="rect">Testimonials</a></li>
                    <li><a href="about.html" shape="rect">About Us</a></li>
                    <li><a href="contact.html" shape="rect">Contact</a></li>
                    </ul> 
                </div>
    and so on... so all you have to do is add id="current" style="border:none" to the li for whichever page you're on! (I'm not actually sure what the border:none is for???)

  4. The Following User Says Thank You to keyboard For This Useful Post:

    mlegg (07-26-2012)

  5. #14
    Join Date
    Jan 2009
    Location
    NH
    Posts
    345
    Thanks
    48
    Thanked 8 Times in 8 Posts

    Default

    THANK YOU!

    Now I think all I have left to tweak on the site is to find a good background wood image and then make the site a fluid width.

  6. #15
    Join Date
    Jun 2013
    Location
    Australia
    Posts
    0
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    The website looks great.
    You might want to add h1 text. sorry if someone else already mentioned it.

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •