css

padding is not used in ie7

Hi All, I used a padding in select list of gender but its not working in ie7. its working properly in all browser ie8, firefox, safari but not working in iee7 i tried a lot but nothing happened... <div class="clear" style="margin-top:5px; float:left; text-align:right"> <% @sex = [['male', '0'],['female', '1'],...

Background-image and background in 1 tag

Hi, Is it possible to have both background-image and background gradient color applied together in 1 div tag? (CSS3 and above is ok) I have the below code, the gradient background color does show up, but the background-image doesn't. What am I missing? background: -webkit-gradient(linear, left top, left bottom, from(#595959), to(#2e2e...

borders are not visible in ie7

i want a border on bottom of a td.i got that using border:dotted 1px black;.but it is not visible in ie7.the td height is 10px.if i use &nbsp it is visible in ie7.but i dont need that much height.can anyone help me? Here My Code Untitled Document ...

Can i make this div fill out the remaining space depending on the the sidebars widths?

i have 4 divs inside of a div like this: <div id="Wrapper"> <div id="CoreSideBar"><!-- a sidebar to the right --> </div> <div id="SystemContent"> <div id="SystemNavigation"><!-- will be some kind of "tabnavigation" in the top of this div --> </div> <div id="PageContent"> </div> ...

Body background fluke - white space on top

This is really weird. When this page is viewed in FF, it gets a white stripe on top which is part of body - I know because I use red border technique to see the elements. Any ideas why? http://www.codecookery.com/allbestimages/index.php?main_page=home ...

Very strange client/browser issue

One of our clients has logged a very strange issue with us- We launched a preview for their website, but when it's viewed on their main PC, peculiar things start to happen... At first, the stylesheet wasn't being found, and so accessing any page resulted in one void of all styles. We sent them a direct link to the stylesheet, which was ...

Conflicts between CSS Menu and Image as Links

There is logo on the top (image as link) and other images as links. These links are not working in FF and safari. The problem is with css/ul/li based navigation menu. If I remove the menu html code, images as links are working fine. The css based navigation menu is based on this code: /* Navigation Menu */ #nav a, #nav a:hover, #nav a:f...

Firefox Border Radius Not Showing

I am using the following css #helper{ position:absolute; bottom:0; width:100%; } #key{ width:950px; margin:0 auto; z-index:2; -moz-border-radius-topleft:8px; -moz-border-radius-topright:8px; } <-- inside body --> <div id="helper"> <div id="key">SHould be rounded top corners?</div> </div> Yet in Firefox it is not showing after refre...

Display calculating result in the same page

Hello, I have a table in my php code. In the second column of the table, normally it displays "---", and after i click the submit button, it will display the calculating result in the same page. For example, <table> <tr><td>1</td><td>---</td></tr> <tr><td>2</td><td>---</td></tr> <tr><td>3</td><td>---</td></tr> </table> And in the s...

Multiple stylesheets for a Lightbox clone.

Hey! I have a Lightbox clone (colorbox), which works fine and has no real issues. What I would like is an extra arguement that would say: [pseudocode] if (linksRel == "lightbox1") { add stylesheet1 to this lightbox } else { add stylesheet2 to this lightbox } [/pseudocode] Currently, I have a page with a "colorbox.css" file atta...

how to setting form display

i have a form input..i've been made it using jquery... i want my form show not too long..but actually it need to scroll the page in monitor.. how could i setting my form eventhought i have much item for input data?? i want my form show in one page (no need use scroll bar).. ...

What CSS should I use to create a series of horizontal, non-wrapping blocks?

I have a set of dynamically generated content - anywhere between 1 and about 25 blocks (each of which I want to be about 250px wide. Clearly, this can run off-screen, but that's fine since my design allows for horizontal scrolling (using jQuery - I don't want the browser to do it with its own scroll bars). So what CSS - cross-browser -...

IE6 transparency+radio button can't be clicked

IE6: when I place a partially transparent image in a div, the radio buttons in that div that overlap the non-transparent pixels of the image become unclickable. Example: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"&gt; <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en...

how to Design a vista like button using CSS

can any one tell me the way to design vista like buttons using CSS for the application in ASP.NET. For the Buttons like Save,delete,Cancel etc ...

use "px" and "%" both for one element.

is this right to use "px" and "%" both for one element like .box{ padding:10px 2% 0 3%; } is this right to use in css. ...

HTML, CSS: how can I merge these divs in order to use float:left property on their children ?

hi, I've 2 sets of thumbnails and in each set I'm displaying them one nearby each other in 4 columns using float:left. I would like to "merge" the 2 sets (but I cannot change the html code) because I want the thumbnails of the second set floating right after the last thumbnail of the first set. In other terms, if in the last row there...

Which measurement is best to use?

Possible Duplicate: Why em instead of px? em or px or % I always found px to be better, but why do people use em? ...

<span></span> gets ignored on IE8, not on mozilla

I have something like this: <ul> <li> <div> <div style="display:inline"> <a><span class="ui-icon ui-icon-circle-plus floatleft "></span></a> </div> <input type="checkbox"> <label>good</label> </div> </li> </ul> the bullet goes above the span on IE8, I would like to make it stay bef...

repeat css background image a set number of times

is there a way to set the number of times a background image repeats with css? ...

Why `cursor: pointer` does not work in IE6 ?

In FF3 I see a hand when the mouse is over the element, but in IE6 I don't. Why ? Is there any workaround ? Example ...