styled Input button visible in FF but not IE6
I have style some input buttons using CSS, they all work fine in firefox but in IE6 a few of them have dissapeared. I can get them to diplay agian if I add {diplay:block;} to my code, which is ok if its a single button but in somecases its a row of buttons and I dont want them to stack.
The code I am using to style the buttons is:
#wlpeProfileButton{ background: transparent url('../images/buttons/profile.png') no-repeat center top; padding:0px; border:0px; width:63px; height:25px; text-indent: -1000em; text-transform: capitalize; font-size: 0px; line-Height: 0px;
horizontal nav background color on hover causing ie6 problems
I'm having issues with a horizontal nav, using blueprint css, where the change in background-color on a:hover is pushing all the content down. If I leave the background-color the same on a:hover the problem is fixed.
CSS:
#header-nav { position:relative; padding-top:31px; /*left:-10px;*/ width:480px; margin-right:0; float:right; } #header-nav li { display:inline; } #header-nav a, #header-nav a:link, #header-nav a:visited { -moz-border-radius:5px; -webkit-border-radius: 5px; background-color:#00242F; color:#B9BBAC;
positioning problems in IE6/7
I have the following image style in my stylesheet. The positioning works great across browsers except for IE6/7:
#lvl_topnav img{bottom: 3px; float: right; padding-right: 5px; position: relative;}
Here is the containing div:
#lvl_topnav{position:relative; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:9px; color:#FFFFFF; margin:0px; padding:7px 0px 7px 20px; text-transform:uppercase; background-color:#464646; width:748px; wid\th:728px; z-index:2;}
Problem with lighbox2 and ul's in IE
I just learned html and css. Studying lightbox2 i was trying to create a folio page but had the following problems:
- Viewing in 1440x900 lightbox looks cropped and aligned left. Works right only on chrome and safari.
- ONLY in IE the unordered lists that hold the thumbnails looks wrong.
Tested in a free domain:
http://foliotest.hdfree.com.br/print.html
Can anyone help?
CSS Hover state issue on H1 tag with changing background images
Hi,
I currently have a H1 tag that has a background image sitting on top of the text, which is clickable as a link
<h1 title="Fresh Flames"><a href="http://www.freshflames.com">Fresh Flames - Designer Clothing<span></span></a></h1>
Website is here:
My CSS looks like this:
#branding h1 { width:144px; float:left; margin:4px 0 -3px 14px; padding:0; text-indent:-9999px; height:47px; position: relative; } #branding h1 a {
