css

IE6 float <img>

Sometimes in a floated div. IE6 does not display tags, however it does space the image correctly, and when you right click the image it gives correct details like size and file size. It just does not display the image: <div style="float:left"> <img src="one.gif" /> </div> <div style="float:left"> <img src="two.gif" /> </div> ...

Input background colour destroys styling?

I am creating a form which is validated under jQuery Validation. I want to apply a light-red background colour to inputs which are invalid and need to be corrected. When I apply background-color: #FFCCCC; to the input, the attractive styling seems to be removed and a hard border replaces it. For example, with a text input in Firefox: ...

Can I set two background images on the same element with CSS?

Sample HTML code: <table> <tr> <td class="a b"> Sample CSS file: .a { background-image:url(a.png); } .b { background-image:url(b.png); } It seems like the "b" part is ignored. Is there any way to inlclude both images in the same cell, even using other technique? ...

css unordered list menu resembles 'steps' in IE

Hi, my menu is working fine on the good browsers. The code is all valid (so far!). In IE though it looks like a staircase, each menu item is a few pixels down from it left neighbour. It should all be horizontal. Please have a look here ...

:hover with a nested sIFR element

I've got the following html: <li><a href="#"><span class="font Berthold-light">1</span>Consectetur adipiscing elit risus.</a></li> The number within the span is replaced by sIFR, but I'd like it to change color on a:hover. In CSS it would work like this: a:hover span { color: #0fb5ef; } Is there a way to do the same with sIFR? ...

Problem with IE when using display:block for links

This is my HTML: <div id="links"> <a href="">Link 1</a> <a href="">Link 2</a> <a href="">Link 3</a> <a href="">Link 4</a> </div> And these are the CSS styles: #links { position: absolute; border: 1px solid #000; } #links a { display: block; } #links a:hover { background-color: #CCC; } This displays a list ...

about @import in css

I think I divide it because css grew big, and to do import. @import url("aaa.css"); . . . @import url("zzz.css"); is there be the number of the upper limits of import files? ...

Fixed Bottom Aligned Div

I need a footer in the bottom of a page, which is overlaps any content that will make the page scroll. Also, when scrolling down, it the footer still need to stay there. Is this possible with css only working for IE6+ ? ...

How to make a div with a blinking cursor and editable text without using <input> ?

Hi, I need to make a div layer so that when you click on it you will have your cursor there blinking and you can insert/delete text just like <input type="text"> does, except that I do not want to use it as it is slightly too limited to my case. I can definitely use JavaScript. ...

CSS display:block problem, whos the culprit IE or Firefox?

Hi guys, I am having a hard time figuring out why things look so different in IE and Firefox. Here is a CSS class .logo { width: 224px; height: 120px; position: relative; display:block; left: -1px; background-image: url(logo.png);} In IE this works as expected, but in Firefox it behaves like a drunk! I see 3 logo.png at different ...

Center contents of webpage

I want to "centerize" the text and contents of my webpage. Now I don't want to align the text to center, I still want a left alignment but I want significant margins on the left and right so that everything looks relatively center-ish. Can you show me the HTML/CSS to achieve this? THanks. ...

A good CSS graphical Editor with all CSS options

Hello, Where do I find a good CSS editor that can help me use all the options of CSS? I don't know all the CSS tags byheart. I need the software to show me the options to choose from while creating the CSS. Thanks ...

ASP.NET - script and css compression

Is there any native compression (for javascript/css files) available in ASP.NET? ...

css 100 % height bug

When I resize window and when vertical scrollbar appears, if I scroll it way to the bottom, - the bottom breaks. I dont understand why, but I think it has something to do with the way how page uses 100% height. Any help would be appreciated! Here's the page: zxsdesign.com/main1.html Here's a screenshot ...

How to dynamically add a style for text-align using jQuery

I'm trying to correct the usual IE bugs around CSS 2.1 and need a way to alter an elements style properties to add a custom text-align style. Currently in jQuery you can do something like $(this).width( or $(this).height( but I can't seem to find a good way to alter the text-align w/ this same approach. The item already has a class ...

ie6 background image png AlphaImageLoader issue after load with mootools 1.11

hi, I'm trying to render a .png background image in ie6 after a mootools onclick event which changes the background image of a logo div. here is the relevant code as it is just now- if(!window.ie6){ $('logo').setStyle('background-image', imagePath); }else{ $('logo').setStyles({ filter: "progid:DXImageTransform.Microsoft.Al...

css color effect in a list and popup menu

In firefox (this doesnt work at all in IE6) i have this code <div class="menu"> <ul class="nav"> <li><a href="index.html">Home</a></li> <li><a href="software.html">Software</a> <ul> <li>Blah</li> <li>Blah3</li> <li>Blah</li> </ul> </li> <li><a href="samples.html">Code Samples</a></li> <li...

Where do I learn all the CSS parameters and their actual meanings?

Hello, There seems to be too many attributes/parameters in CSS... I want to know all of them and their meaning. Where can I find it? Thanks ...

How can I determine what font a browser is actually using to render some text?

My css specifies "font-family: helvetica, arial, sans-serif;" for the whole page. It looks like Verdana is being used instead on some parts. I would like to be able to verify this. I've tried copying and pasting from my browser into Word, but it's not preserving the font. Is there some way to determine which font is actually being us...

Make ul elements appear in a horizontal row.

How can I make a ul list's item appears horizontally in a row using CSS? here is code <div id="div_top_hypers"> <ul id="ul_top_hypers"> <li>&#8227; <a href="" class="a_top_hypers"> Inbox</a></li> <li>&#8227; <a href="" class="a_top_hypers"> Compose</a></li> <li>&#8227; <a hre...