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

Thread: CSS problems

  1. #1
    New to the CF scene
    Join Date
    Jul 2011
    Posts
    7
    Thanks
    0
    Thanked 0 Times in 0 Posts

    CSS problems

    So i have a forum and my search bar is a bit glitched up on some search engines.

    This is what it looks like on googlechrome



    This is what it looks like on firefox.


    As you can see firefox has it right.... can someone correct my CSS for me?
    Here's what i got for you.

    Code:
    /* Menu-------------------------------------------------*/
    .navbar {
    	clear: both;
    	background-color: transparent;
    	padding:0px;
    width: 100%
    float: right;
    	}
    ul.navlinks {
    	border-bottom: 0px;
    	font-weight: bold;
    	text-align: right;
    margin-top: -120px;
    font-size: 10pt;
    	}
    ul.borderless {
    	border-bottom: 0;
    	}
    ul.linklist li {
    	list-style-type: none;
    	width: auto;
    	font-size: 1.1em;
    	line-height: 2.2em;
    	display: inline;
      filter:alpha(opacity=100);
      opacity:1;
    	}
    ul.linklist li:hover {
      filter:alpha(opacity=60);
      opacity:0.6;
    }
    ul.navlinks li a {
    color: #999999;
    }
    ul.navlinks li a:hover {
    color: #fff;
    }
    
    ul.linklist li a img {
    	vertical-align: middle;
    	}
    .search-box {
    	margin-top: 0;
    	margin-left: 5px;
    	float: right;
    display: none;
    	}
    #search-box {
    	margin-top: -40px;
    	margin-right: 5px;
    	float: right;
    	white-space: nowrap;
    	 
    /* For Opera */
    }
    * html #search-box {
    	margin-right: 35px;
    	}
    #search-box #keywords {
    	width: 95px;
    	background-color: #212121;
    color: #999999;
    border-color: #414040;
    	}
    #search-box input, {
    	border: 1px solid #212121;
    	}
    #search-box input.button1 {
    	padding: 1px 5px;
    	}
    #search-box input.button2 {
    background-color: #3b3939;
    background-image: none;
    color: #fff;
    border-color: #414040;
    }
    input.search {
    	background-image: url('');
    	background-repeat: no-repeat;
    	background-position: left 1px;
    	padding-left: 0px;
    	}
    ul.linklist li.rightside {
    float: right;
    margin-bottom: 30px;
    	}
    ul.linklist li.rightside a {
    color: #212121;
    	}
    ul.linklist li.footer-home {
    	float: left;
    display: none;
    width: 600px;
    	}
    p.rightside {
    	float: right;
    	margin-right: 5px;
    display: none;
            }

  • #2
    Supreme Master coder! abduraooft's Avatar
    Join Date
    Mar 2007
    Location
    N/A
    Posts
    14,864
    Thanks
    160
    Thanked 2,224 Times in 2,211 Posts
    Can we have a link to your page?
    The Dream is not what you see in sleep; Dream is the thing which doesn't let you sleep. --(Dr. APJ. Abdul Kalam)

  • #3
    New to the CF scene
    Join Date
    Jul 2011
    Posts
    7
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Quote Originally Posted by abduraooft View Post
    Can we have a link to your page?
    Well here's the full CSS this should help.

    http://pastebin.com/X45rCzSF

  • #4
    Supreme Master coder! abduraooft's Avatar
    Join Date
    Mar 2007
    Location
    N/A
    Posts
    14,864
    Thanks
    160
    Thanked 2,224 Times in 2,211 Posts
    this should help.
    Never! Some CSS without the corresponding HTML is pretty useless to debug. Please post your HTML as well.
    The Dream is not what you see in sleep; Dream is the thing which doesn't let you sleep. --(Dr. APJ. Abdul Kalam)

  • #5
    Regular Coder
    Join Date
    Oct 2010
    Location
    Florence, MS
    Posts
    486
    Thanks
    10
    Thanked 33 Times in 32 Posts
    Abduraoof is right. We can't help unless we see your html. ^_^
    Notice: If you post a problem and it gets fixed, please remember to go back and place it as solved. ;)
    I always recommend the HEAD First series of books for learning a new coding language. ^_^

  • #6
    New to the CF scene
    Join Date
    Jul 2011
    Posts
    7
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Quote Originally Posted by abduraooft View Post
    Never! Some CSS without the corresponding HTML is pretty useless to debug. Please post your HTML as well.
    Ok.. ill post it in a few...my host is being lame right now i cant access the website.

  • #7
    Senior Coder alykins's Avatar
    Join Date
    Apr 2011
    Posts
    1,897
    Thanks
    46
    Thanked 202 Times in 201 Posts
    Quote Originally Posted by kinkiistudios View Post
    Ok.. ill post it in a few...my host is being lame right now i cant access the website.
    if u can post a link to ur site that would be better- can get relevant code ourselves and use browser tools to check out elements

    I code C hash-tag .Net
    Reference: W3C W3CWiki .Net Lib
    Validate: html CSS
    Debug: Chrome FireFox IE


  •  

    Posting Permissions

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