css

Is it possible to make part of the browser transparent to display underlying desktop/windows in a web app?

I am developing a web application (meant to run work as a rich client and able to afford requiring any (even nightly build) version of Firefox of Chromium). The application interface background is meant to be transparent (showing underlying windows or desktop). How can I achieve this? Following standards does not matter but would be nic...

Collapsing floats in 960 grid - "clear" doesn't seem to work!

I am trying to use the 960 grid system with header and footer graphics at the top and bottom of the page. These graphics need to go wider than the 960 grid. The header works fine - a DIV, position absolute, width 100%, and centered, does the job perfectly. But now I want the same thing, but at the bottom of the page. I.e. aligned with t...

-webkit-border-image with css sprites

I'm using -webkit-border-image to specify my main sprite image in a style. The sprite image is a bunch of button images. What style attributes do I use to index into my main sprite image? .red { -webkit-border-image: url(sprite.png) 0 14 0 14; } The red button sprite is at x=0, y=21. What attributes do I use? If it were a backg...

How do I change the line-height with this code?

<font color="#FFFFFF"><span style="float: left; position: relative; top: 25px; left:100px">text here<br>and more text here....</span></font> ...

CSS table naming

Hey all, is there any way i can rename this CSS code to only effect a certain table instead of all the tables on my site? th { font: bold 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; color: #4f6b72; border-right: 1px solid #C1DAD7; border-bottom: 1px solid #C1DAD7; letter-spacing: 2px; text-transform: uppercase; text-ali...

CSS 2 Sass: How do I change the output format of the generated SCSS?

I want to convert CSS to SCSS that looks like this: .top { margin-top: 1em; margin-bottom: 1em; nav { background: #333; } ul { padding: 0; display: table-row; } li { display: table-cell; } } Instead, I am getting this: .top { margin-top: 1em; margin-bottom: 1em; nav { background: #333; } ul...

css for disabled radio button

by default, when we put disabled="disabled" for <input type="radio".. . it will turn grey color. what is the css i need to use the change the color ? can i do this instantly with jquery ? ...

Layout an ASP.NET web-application without the direct use of html and css

Are there possibilities to layout an ASP.NET web-application without directly using CSS and HTML ? I am mainly coming from the desktop-development world and I am in the first place familiar with the usage of layout- and container-controls like panels, tables, and so on. ...

speechbubble tooltip using css and jquery

I want to create a Speech-Bubble tooltip using css3 or jquery for one of my websites.How can develop it? ...

Does opera mobile support scrollable divs?

I am trying to add a scrollable grid to a mobile web site I am currently working on. I've tried using the jQuery Scrollable Table Plugin written by farinspace, which works fine in IE8 but doesn't work at all in Opera Mobile for Windows. I've also tried using the Telerik MVC Grid extension, and that also will not give me a scrollable grid...

HTML row table heigth on Firefox

Is there a way Firefox keeps the row height, so if data doesn't fill all the body heigth it keeps an empty space below last row? IE behaves this way, so all rows stay on the top. I want to code a scroll table with fixed header; sometimes there's not sufficient data on table content to fill the fixed table height. A sample code: <!DOCT...

CSS editor with collapsable regions

Is there any way to get Visual Studio to put collapsable regions in CSS files? Or can someone recommend an alternative (free) editor that offers this? ...

IE cross browser compatibility problem.

i have a problem in using IE. Everthing is good in using firefox but IE 6 seems to be creating more trouble for css. so i used <![if !IE]> <link href="ie6.css" rel="stylesheet"> <![endif]> To fix a problem but it doesnot work. Anything wrong in this code? Because when i altered this css nothing has changed in IE. ...

Extra padding inside a div

Hello! I m having problem to determine from where extra padding is added to a div. The div containing the text "Video Title" has too much padding added to it. Which is very much unwanted. And i have no idea from where this extra padding is coming. I have added the styles, the html codes and the link to a page using this sample page. ...

CSS: rounded text input fields

hi, how can I make rounded text input fields with css ? thanks ...

Remove white line from Table with Jquery

Hi can someone help me remove the white line just below my top banner. In Firefox you can't see the line, but its visible in IE and Chrome. You can see it here http://www.direkte-el.dk/default.aspx Would prefer a JQuery solution, since its the only way I can change the layout. Sorry the page is in Danish, but you should still be able ...

CSS make textbox fill all available width

I have the following "line" in my web page <div style="width:100%"> "Some Text" <DropDown> "Some more text" <TextBox> <Button> <Button> </div> The DropDown control I don't really have control over the width, as it sizes to fit whatever the longest option value is. The Buttons are fixed width. How can I get the TextBox to fill all avai...

Overlapping grids in 960 Grid System

For example, in a 12-column grid, I want to have a 9-grid-wide and another 4-grid-wide . The divs will have an overlap 1 grid wide in the middle. This is useful for some fancy effects. Of course I can just use one div and then create more divs inside accordingly (not using the Grid System), but is there a better way? ...

conditional statement for resolution?

I would like to use a conditional statement to attach a different stylesheet for: if the clients resolution is <= 1024*768 I'm pretty sure this is possible, but have never seen the code for it before? ps. I am not looking for a javascript solution ...

jQuery fadeTo() THEN hide element by making it display:none?

I have 2 #header elements with different info in each that I want to fade in/out on a hover event. I can do the fade in/out no problem BUT I really want the elements to be hidden, i.e. using "display:none;" AFTER they have faded out and THEN bring them back once they fade in. I have this already for the fade: $(document).ready(functio...