SitePoint Sponsor

User Tag List

Results 1 to 3 of 3
  1. #1
    SitePoint Zealot
    Join Date
    Nov 2007
    Location
    Canada
    Posts
    180
    Mentioned
    1 Post(s)
    Tagged
    0 Thread(s)

    Question CSS Language Icon Display Issue

    I have created a small bottom to switch between Eng/French when i look in different resolution pc the language icon (flag) goes far on the screen,how can i fix this,thanks

    #top-2 #top-2-container img {
    border-style: none;
    float: none;
    left: 960px;
    position: absolute;
    top: 83px;
    }

    http://bit.ly/i3qqU4

  2. #2
    It's all Geek to me silver trophybronze trophy
    ralph.m's Avatar
    Join Date
    Mar 2009
    Location
    Melbourne, AU
    Posts
    23,598
    Mentioned
    411 Post(s)
    Tagged
    7 Thread(s)
    You need to make a couple of CSS changes:

    Firstly, add the line in red here:

    Code:
    #top-2-container {
    	text-align: left;
    	vertical-align: top;
    	width: 736px;
    	height: 30px;
    	padding: 14px 0px 0px 25px;
    	background-image: url(images/bg_top_2.gif);
    	background-repeat: repeat-x;
    	border-bottom: 1px solid #ffffff;
            position:relative;
    }
    and then make the changes in red here:

    Code:
    #top-2 #top-2-container img {
    	position: absolute;
    	float: none;
    	top: 10px;
    	left: 700px;
    	border-top-style: none;
    	border-right-style: none;
    	border-bottom-style: none;
    	border-left-style: none;
    }
    You can change those settings to suit.

  3. #3
    SitePoint Zealot
    Join Date
    Nov 2007
    Location
    Canada
    Posts
    180
    Mentioned
    1 Post(s)
    Tagged
    0 Thread(s)

    Thumbs up

    it worked,thank you very much.


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
  •