web production

5 Comments

1. Interesting problem. I was trying to solve it. Then gave up.
   I think you can simplify your css. The way you are coding now if you have 20 menu item then you are creating 20 different ID for them! Instead of doing that you can write generic code.

   Example:
   CSS
   

   
   
   .basictab{
     margin: 0;
     padding: 0;
     list-style-type: none;
     text-align: center;
   }
   .basictab li{
     display: inline;
     margin: 0;
   }
   .basictab li a{
     text-decoration: none;
     margin:1px;
     padding: 5px 20px;
   }
   .basictab li a:visited, a:active  {
     color: black;
   }
   .basictab li a:hover{
     color: #F00;
   }
   .basictab li.selected a  {
     padding-top: 7px;
     color:#F00;
   }
   

   HTML
   

   
   <div>
     <ul class="basictab">
               <li class="selected"><a href="#">Home</a></li>
               <li><a href="#">Profile</a></li>
               <li><a href="#">Work 1</a></li>
               <li><a href="#">Work 2</a></li>
               <li><a href="#">so on</a></li>
   
     </ul>
   </div>    
   
   

   So with the “selected” class whatever you are doing will be active.

   Comment by adnan — December 14, 2009 @ Monday, December 14, 2009 8:41 pm

2. Over look that code. I just realize image Sprite will not work that way.

   I tried, no!

   Comment by adnan — December 14, 2009 @ Monday, December 14, 2009 9:05 pm

3. Looks like you just need to alter your CSS on that particular page:

   
   #home a{
   background-position: 0 0;
   }
   
   #work1 a{
   background-position: 0 -550px
   }
   

   Set the background-position correctly. Otherwise everything seems fine.

   Comment by joe — December 15, 2009 @ Tuesday, December 15, 2009 1:39 am

4. Haha, thanks Adnan, I thought there had to be a simpler way to do it too, but couldn’t think of it either.

   I figured out the problem… on my html, the css links points to the home page’s css, not the one for Work 1 page…

   Comment by Michael — December 16, 2009 @ Wednesday, December 16, 2009 9:56 am

5. hi prof, I fix my Exercise 1
   Exercise 2, Exercise 3,and Exercise 4, Midterm. excuse for not let you know this before …

   Comment by roque — December 23, 2009 @ Wednesday, December 23, 2009 1:25 am

RSS feed for comments on this post.

Sorry, the comment form is closed at this time.