SitePoint Sponsor

User Tag List

Results 1 to 5 of 5
  1. #1
    SitePoint Member
    Join Date
    May 2007
    Posts
    8
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Question css navigation and different styles

    Hi

    Hope someone can help me out. On one of my pages has two different lists, created with CSS and Javascript. These two does not seem to want to coexist on the same page, as the one list seems to totally fu.. up the other.

    How do I create two different styles for <ul> and <li> tags using CSS and make them happily co-exist on the same page?

    Is it the JavaScript or the CSS that is the problem?

    Any input on this is greatly appreciated.

    grissom

  2. #2
    I meant that to happen silver trophybronze trophy Raffles's Avatar
    Join Date
    Sep 2005
    Location
    Tanzania
    Posts
    4,662
    Mentioned
    2 Post(s)
    Tagged
    0 Thread(s)
    What do you mean by "coexist"? A link would be helpful.

  3. #3
    SitePoint Member
    Join Date
    May 2007
    Posts
    8
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    CSS navigation

    Hi and thanks for you reply.

    Here are the links to the wrong file, and one which is what it is supposed to look like.

    http://www.studio36.no/Produksjoner/...ions_wrong.asp
    http://www.studio36.no/Produksjoner/produksjoner.asp

    In the file /produksjoner.asp I have taken out the nav bar that is fuc... up the page.

    grissom

  4. #4
    I meant that to happen silver trophybronze trophy Raffles's Avatar
    Join Date
    Sep 2005
    Location
    Tanzania
    Posts
    4,662
    Mentioned
    2 Post(s)
    Tagged
    0 Thread(s)
    At the top of main2.css you have done this:
    Code:
    ul li a {
    
    	display: block;
    
    	text-decoration: none;
    
    	color: #777;
    
    	background: #600;
    
    	padding: 5px;
    
    	
    
    	}
    That is affecting your tabs. The anchors in those tabs need to be given display:inline to override the rule above.

  5. #5
    SitePoint Member
    Join Date
    May 2007
    Posts
    8
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Hi

    The CSS for the tabs in the body was already set to display: inline, but changing the CSS in main2.css to display: inherit, seem to have solved the problem.

    Another solution was to load a separat page into the body using iframe, but I was not very happy with that solution.

    Thanks for all you help.

    grissom


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
  •