...

View Full Version : CSS problems



kinkiistudios
07-14-2011, 11:04 AM
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

http://i654.photobucket.com/albums/uu265/hoover78/vaslorpsirit%20bucc/fkmahbar.png

This is what it looks like on firefox.
http://i654.photobucket.com/albums/uu265/hoover78/vaslorpsirit%20bucc/workingthingy.png

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



/* 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;
}

abduraooft
07-14-2011, 11:19 AM
Can we have a link to your page?

kinkiistudios
07-14-2011, 11:41 AM
Can we have a link to your page?

Well here's the full CSS this should help.

http://pastebin.com/X45rCzSF

abduraooft
07-14-2011, 11:45 AM
this should help.
Never! Some CSS without the corresponding HTML is pretty useless to debug. Please post your HTML as well.

Chris Hick
07-14-2011, 11:47 AM
Abduraoof is right. We can't help unless we see your html. ^_^

kinkiistudios
07-14-2011, 11:48 AM
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.

alykins
07-14-2011, 05:19 PM
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



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum