css

rating stars not working in IE

http://ratingscorner.com/ie-test i have a page like this. this works on all browers but not in IE. i am clue less as to y. any help on this? ...

How can I capitalize the first letter of an input ?

I'm currently trying to capitalize the very first letter from an input. Here's what I tryed : fieldset input { text-transform:capitalize; } But it doesn't work the way I want, as every word is capitalized. I also tryed this : fieldset input:first-letter { text-transform:uppercase; } But it seems <input /> doesn't work at al...

CSS: Hidden elements still take up space on printed output

I'm using css to only print a section of a page: body { visibility:hidden; } .print { visibility:visible; background-color: white; margin: 0; } The section above the element I want to print gets properly hidden in the print output, however it still takes up the area of space. I tested this by making a ...

Styling individual menu links in Joomla!

Using Joomla, I have a flat list menu (see image) and am using separator links with images to separate the menu links. I'd like to style the menu links (not the separator links) so that they are lifted up slightly and are sitting more centrally among the separator images. Can anybody help with this? ...

IE div shorter than 20 px?

I can't seem to get my <div> height in IE (7) to be shorter than 20px: <div style="background: green; height: 1px;"> </div> Using the above code (both with and without html and body tags) the height of the div cannot seem to drop below a certain value (I think it is 20px). Any ideas? ...

ModalPopupExtender doesn't work on IE6 frame layout

I'm using a "frame" layout similar to the one in this excellent answer: a div #top at the top of the page, a div#left on the left, and a div #main with the main content. The #top and #left divs contain navigation menus. Now I want to use a popup div using the AjaxControlToolkit ModalPopupExtender inside the content (#main) div. This w...

Does overflow:hidden applied to <body> work on iPhone Safari?

Does overflow:hidden applied to work on iPhone Safari? it seems not. i cant create a wrapper on the whole website to achieve that... do you know the solution? Example: i have a long page, and simply i want to hide the content the goes underneath the "fold". and it shoudl work on iPhone/iPad THANKS ...

CSS: Why do the border gets like this?

why does the border get like this, i want it around the videoclip, if i use float it do the border correctly, if i use position, then it gets like that, and i dont want to use float. #clip{ position: relative; right: 1px; border: 2px solid #FF3399; } ...

How to Vertically Center Images on a Line?

What's the best way to center icons on a line when the images are smaller than the line height? For example (styles inline for easier reading): <div style="line-height: 20px"> <img style="width: 12px; height: 12px;"/> Blah blah blah </div> Here's a jsFiddle example. This example also shows why vertical-align: middle does not work...

jCarousel scrolling from right to left

Hi everyone, i am trying to reverse the scrolling direction of Jcarousel and make it scroll from right to left. anyone knows how that is done? I attach here a link to the Jcarousel code file, perhaps this can help. http://174.133.190.8/~goldarch/jquery.jcarousel.min.js thanks! ...

slideshow section getting hidden in IE.

http://ratingscorner.com/product_rating.php?alias=Peoples-Education-Society-Institute-of-Technology-%28PESIT%29-100-feet-Ring-Road-Bangalore&amp;product=Colleges in IE the slideshow which is there is not showing up at all. i have no clue about this. any help on this. I found out the problem. The Z-index is causing problem. but how do i...

css or jquery - hover over one div, another div fades or no display

See http://jasondaydesign.com/masonry_demo/ I have title divs that overlay the underlying box div. What I am trying to accomplish is when the mouse hovers over the .box div, the div holding the title will either fade out with jquery or just display:none through css. ...

Twitter Website Widget Breaks out of CSS Overflow in IE7

I am working the Twitter Widget which you can get from their web site. I currently have a container div which holds a div that has the widget inside. At this point I have both divs with a specified height shorter than the widget with the overflow of hidden and the widget breaks out of this in IE7 and IE8 COmpatibility. (I have not tes...

asp.net labels and asp.net textboxes are not lining up correctly?

My Registration page currently looks like the following: The current styling I have for the above is image is: <style type="text/css"> #contactinfo label { float: left; width: 10em; margin-right: 0.5em; text-align: right; font-size: 14px; } #contactinfo p { padding: 5px; } #contactinfo input[type="text"], inpu...

Opera Browser: prevent mousewheel scrolling?

I just build a website that works good on any browser even ipad but in Oper ai noticed a weird thing: the website is built with a div layer on top zindez:999, body is overflow:hidden, and you cant scroll, but underneath the div there is a long text that goes way underneath the viewport... the strage thing is that even if any browser i ...

How to specify the column width and text alignment of an HTML table using CSS?

Is it possible to specify the width of a table column in percentages using css? Also is it possible to specify the text alignment of a specific column? For example I have a table that has 3 columns. I would like to say col1.width = 20% col2.width = 40% col3.width = 40% col1.text-align = left; col2.text-align = right; col3.text-align ...

Image in table cell doesn't scale down: using ie8/7

Can anyone help me troubleshoot my website? http://www.andrewstonyer.co.uk/test/ My problem: On IE8/7 if you click on a thumbnail (only 'Pulse' and 'Time Within The Hour' are wired in right now) an overlay appears with detail of that piece. What should happen, and does in Gecko/Webkit, is that the overlay contains a table with a head...

jquery css color value returns RGB?

In my CSS file: a, a:link, a:visited { color:#4188FB; } a:active, a:focus, a:hover { color:#FFCC00; } I tried with: var link_col = $("a:link").css("color"); alert(link_col); // returns rgb(65, 136, 251) How can I get the HEX code? * edit: found the answer here: http://stackoverflow.com/questions/638948/background-color-hex-to-js-v...

Is there advantage of using in CSS #image-box vs #image_box (hyphen vs underscore)?

Or is it just mainly a personal preference? As a programmer I always use underscore, but have seen it as - and so I will have to conform to it working in that project. ...

CSS Fluid/Static Layout

I have the following 2 column div layout. The left column needs to have a width of 75px to accommodate the image, but the right column needs should flow into all of its parent container. This grid is in a user control that is being added to multiple sites/pages, each having a different layout so the parent container varies in width - ...