Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 7 of 7
  1. #1
    New Coder
    Join Date
    Apr 2008
    Posts
    11
    Thanks
    1
    Thanked 0 Times in 0 Posts

    Unordered List Browser Compatibility Problems

    I am creating a website for a game (unnamed so far) the template is located at http://syckgamingleague.com/ in Firefox this site looks perfect works extremely well. In Opera the navigation doesn't seem to be working like I want it. In IE it seems as if everything that should be vertically aligned to the middle doesn't appear to do that.

    I am just looking for a fix for the Opera navigation error currently but if you know the cause of the IE problems and would like to help that would be great.

    The website is located at the URI: http://syckgamingleague.com/

    I will include images for the display of each of the browsers mentioned above.

    Firefox http://syckgamingleague.com/Firefox_Polkamon.jpg

    Opera http://syckgamingleague.com/Opera_Polkamon.jpg

    IE http://syckgamingleague.com/Internet...r_Polkamon.jpg

    Name for game isn't Polkamon it is more of a codename than anything currently game isn't named.

  • #2
    Senior Coder jcdevelopment's Avatar
    Join Date
    Oct 2007
    Location
    Cowboy Nation
    Posts
    2,182
    Thanks
    174
    Thanked 257 Times in 257 Posts
    replace this code with the existing code. It should look the exact some for the menu in IE and FF. Not sure about opera, i dont have that on this computer.

    Code:
    .tNavItem {
    	height: 6px;
    	
    	
    	text-align: right;
    	list-style: none;
    	display: inline;
    }
    
    .tNavItem img {
    vertical-align:middle;
    	padding: 0px 8px 36px 8px;
    }

  • Users who have thanked jcdevelopment for this post:

    Lovely_Coconuts (07-15-2008)

  • #3
    New Coder
    Join Date
    Apr 2008
    Posts
    11
    Thanks
    1
    Thanked 0 Times in 0 Posts

    Thank

    Ok thanks a lot that works in IE but not in Opera. If any one knows the fix I would love to get these to work in all browsers. Thank you for your time.

  • #4
    Senior Coder jcdevelopment's Avatar
    Join Date
    Oct 2007
    Location
    Cowboy Nation
    Posts
    2,182
    Thanks
    174
    Thanked 257 Times in 257 Posts
    have you uploaded all changes to the web? If so, let me look at it in opera, i decided to download it.

  • #5
    New Coder
    Join Date
    Apr 2008
    Posts
    11
    Thanks
    1
    Thanked 0 Times in 0 Posts
    Yes all updates are uploaded to the webpage when done.

  • #6
    Senior Coder rafiki's Avatar
    Join Date
    Aug 2006
    Location
    Floating around somewhere...
    Posts
    2,042
    Thanks
    19
    Thanked 42 Times in 42 Posts
    Glad to see 3 ticks on my toolbar which should mean it validates, Well done nice layout.

  • #7
    New Coder
    Join Date
    Apr 2008
    Posts
    11
    Thanks
    1
    Thanked 0 Times in 0 Posts
    Thanks but you shouldn't be telling me nice design you should be telling my friend the designer of my company. I will tell him you said something .

    I have figured out 95% of my errors I was able to vertically align the text with font: fontsize/lineheight;
    Which another person (TheFilmGod) from another forums help me get. It just sets the lineheight to the height of that div and it will center it automatically for you .


  •  

    Posting Permissions

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