css

How to apply class to first button of the div?

I have this html and I want to apply class to first button of the DIV. <div class="button-container"> <button class="save" /> <button class="reset" /> </div> I want to add class to the first button. I want to use jQuery for this solution. ...

How to fix the table height?

Hi guys, I want to fix the table height to 600px, eve if the content goes long. Thanks for your help... ...

Evaluate whether a HEX value is dark or light

The user of the ASP.NET web app I'm building can select colors for use on some of the elements (e.g. buttons/titles) to facilitate some degree of personalisation. The problem is that by default the text on those layers is black...what I'm trying to do is to evaluate the HEX value chosen by the user through a picker, and switch between ...

CSS Display and Float Properties

Will the display property of an inline element change once a float property is applied? e.g. What will be the the display property of an anchor tag with float:left? Also, what will happen with its parent display property, will it also change? ...

Section 508 and Style Sheets

Hi All, I am new to style sheets and Section 508.I am trying to understand it. As i understand, style sheets provide some specific set of details on how to display a web page. For example, it can mention color, font and size to be used for all elements/specific elements in a page. One of the criteria in section 508 states that, we sho...

Positioning using Z-Index

Can we position one HTML element above another element using z-Index ? Eg : <div>One</div> <div>Five</div> Now one should be above five.... my question may be very basic but......... ...

how to find buttons with specified text inside using jquery?

I have this code structure , and i want to search for span that has text "Refund Offline" and then add the class hide_button to the parent tag " button". basically I want to hide the button that has "Refund Offline" text. <button class="scalable save submit-button" type="button" id="id_b5295d98b1d6eb3012e2dfd801ede120"> <span>Refund O...

How to create a absolute element overlapping several rows in a calendar (table) design?

Hi Im trying to create a calendar in an HTML table design with css element div elements as appointment blocks in absolute positioning which is working fine. But since the block is absolute, which makes me able to overlap as many rows as I want to create appointments, it dosnt stretch horizontally which is what I want. How can I make the...

Is there a known issue with Blueprint's last class?

I attempted to do this Blueprint CSS tutorial, but couldn't get any elements to display in the last column. I found this solution, indicating there may be a problem with the last class, but it didn't work for me. Has any one else experienced this issue and found a fix? Please let me know if screenshots are needed to clarify. <div cl...

display:none vs visibility:hidden vs text-indent:9999 How screen reader behave with each one ?

What is the difference between these three for screen reader users? ...

Fixing the footer to the bottom of the browser

Is there any way we can fix the footer to the bottom of the window even at the time of vertical scroll. I have gone through some examples, but those never work with the vertical scroll. ...

How to apply css property using javascript?

I have the following structure of the code, if the height of UL exceed 270px, then i want to add the css property overflow-y:scroll; or else as it is. <ul class="tabs"> <li>Content</li> <li>Content</li> <li>Content</li> </ul> ...

Cloning a css style from a style sheet using jquery/greasemonkey

I am writing a Greasemonkey script using jquery, and I want to add information from multiple pages, but the object i want to load is a div with an Id, is there any way I can retrieve the style information, so that I can apply it to the added sections? ...

how to make a custom scroll bar with css

just wondering if it's possible to change the style of a scroll bar with css,(not the main window) I have a some text inside a div that scrolls down and the scrollbar is just too big, and makes the whole website ugly, any ideas? thanks ...

How to adjust height of a DIV with respect to other DIV ?

I am building a website for my school project. It have various nested DIVs. However the size of DIVs are different according to content. I want to make all the DIVs of variable height so that all get the height of the longest one. You can view my page here http://www.risingfaizabad.com/demo/ Please help me. ...

I want to reduce the spacing in my asp.net webform

i want to reduce the spacing inside my web page: The problem is the buttons below "back" and "next" is not visible without scrolling down I have posted the code below: <asp:View runat="server" ID="view_1"> <asp:ScriptManager ID="scrMgr" runat="server"> </asp:ScriptManager> <h1 class="bl...

Styling Forms Ruby on Rails 2 - Easy Question

I am new to Rails so this is probably an easy question but can't find anything that seems to explain it well. How do I style forms in rails to. When I try to use the default styling for input (for example) it styles my text field and create button the same. Is there a built in convention or do I have to add some sort of helper. If it i...

Hide/Show Div Effect - Ruby on Rails 2

What is the best way to create a hide and show effect in rails 2. Is it to use a JQuery type solution or is there something as good, better or easier built in? ...

Changing highlighColor default option AJAX - Ruby on Rails

I changed the highlightColor and highlightEndColor in the /public/javascript/controls.js file but it isn't changing when the AJAX effect runs. What am I doing wrong? ...

Setting Opacity in CSS For Chrome

Hey all: I've tried the following: (this is actually for fancybox, as the overlay does not show in chrome/safari: $("#fancy_overlay").css({ 'background-color': opts.overlayColor, 'opacity': opts.overlayOpacity, '-moz-opacity': opts.overlayOpacity, '-khtml-...