css

Are the ways or plugins to automatically minify CSS, Html and Javascript code in Vim?

I would like to know if there's a way of automatically minify html, css or javascript files. So that each time I save the "source file" Vim automatically make the same changes to a minified version of the file (or automatically creates or override a minified version). Something like this: Source: // The -is- object is used to identif...

is it possible to select element with specific content or attribute in CSS?

Is it possible to select element with specific content? for example in #footer i have multiple so i can't use #footer > a {} can i select only that <a> if #footer has <a herf="#header">Top of Page</a>, but not all <a> Is there any cross-browser way to select like this? ...

Set document.title to default

Just a quickie.. If I set on an alert document.title to "ALERT" per say. Then want to set it back afterwards is there an ezmode way to do this or will it be setting an ID on the link tags to set the title back to the ID. Note its an external script that is used on 20+ pages. ...

How to remove css background transparent?

I don't know how it has occurred and for the life of me, I cannot fix it. I have a div which is hidden using display: none; When a user clicks, I set display: block which shows a new layer. The problem is that all the text is showing through from the layer behind it... How do I force no transparency from a div behind? I have set no t...

How to add Css classes in TinyMCE editor Styles drop down through coding

I want to load some custom css files classes in TinyMCE editor's styles dropdown, how one can do that specially through ASP.NET? is there any feature available from which i can pass on the path of my css files which are on a specific path at runtime? and TinyMCE editor load its classes in its Styles dropdown menu? ...

CSS selector only works if <tag>has contents</tag>

I'd like to assign a style to a HTML element - but only in the event that the tag has some contents set. Is this possible using pure CSS? Ideally I would like to avoid JS or server-side changes to the structure of the HTML itself. ...

Using 3-digit color codes rather than 6-digit color codes in CSS

I recently went through my CSS file and switch all my 6-digit hexadecimal codes to simple 3-digit codes (for example, my #FDFEFF got shortened to #FFF). It renders pretty much the exact same color as before, it seems to me that the in between parts are fairly useless and removing them saved me an entire 300 bytes in my CSS file. Does it...

Styling ordered list numbers with a different font size than content

I want to style an ordered list giving the numbers a much more bigger font size than the li elements content. I have already achieved this but I dont know how to align the li elements content with the top of the numbers. Take a look: I have tried giving ol li p negative top margin, but that doesnt work. Also, ol li has a top margin ...

What is faster, rendering gradient through css or load an image directly?

The reason for my question is because I like the new CSS3 styling techniques, but i'm not quite sure if it's worth it! (sub-question; anybody that knows if it's possible to use jQuery to apply a vignetting effect to a page?) Thanks guys ...

multiple class selection targeting distinct children

try the following: add two divs to a page with the same class name. add two elements within each div: for argument's sake paragraphs. make the text color of the first paragraph of each div red. why can't i figure out how to do this relatively simple task without having to use id's? ...

How to solve browser compatability problems.

I had created a website for my personal use.I was working with Mozilla firefox.But when i moved to IE7 , the entire site was lost. The structure and all its alignments has gone. So please help me to solve this issue. thanks/- ...

div height problem

Hi I have header, Mastercontianer and footer for my site. I have 2 containers inside master container A(left) + B(right) As the B container fills up , 'A' container doesn't move. Is there any way to fill up A container with some color? Thanks in advance ...

How to style a disabled radio button?

I have a set of radio buttons within a table cell. The table cell's background color differs from the page background. Based on another input, I sometimes disable one or more radio buttons. When disabled, the interior of the radio button assumes the table cell's background. The circle coloring grays out a bit. This combines to make ...

IE css bug : it appends 'padding-left' to the end of 'background-image' ??

Hi, I got a weird bug. In my .css file I have the following rule: .conf-view a { padding-left: 10px; background-image: url("images/bullet-green.gif"); background-position: center left; background-repeat: no-repeat; } The problem is that IE somehow interprets it like this: .conf-view A /* NOTE - this is copied from th...

In Visual Studio 2010, is there a way to easily comment out lines in CSS?

Does anybody know if there is a way in Visual Studio 2010 to highlight and comment out lines in CSS files like you can with all other files (by clicking a button)? Perhaps a Visual Studio extension? Commenting them manually is cumbersome. ...

Remove the complete styling of an HTML button/submit

Hi All, I m styling a submit button in css for all browser its work fine in all browser except ie7 When i click on submit button it moves to the top a little, it makes it look out of shape. i used a specific css for ie, Code which i used : .button { width : 80px; background : none; cursor : pointer; font-family : '...

difference between img.slider and .slider

hi everyone, I was just curious: whats the difference between img.slider and .slider (when all of my images have class "slider"). I noticed that when i tried to target the images with class name "slider" via writing .slider { margin-top: 10px; } ^ did not work img.slider { margin-top: 10px; } ^ did work. Why is this the case? Th...

Margin-bottom not working on table

Im trying to put margins on the bottom of a table to separate it from the content below it (another table). I tried creating a class: .seg_table { margin-bottom: 25px; } And then applied it to the table like this: <table class="seg_table"> <tr> <td>Some Content Here</td> </tr> </table> Im new to working with tables so I assume I a...

Browser controlled text for print stylesheet

Is there an easy way to overwrite all text/header styles to let the browser handle the text formatting in the print stylesheet? Edit: I have lots of styles such as #id .class .class #id .class p{} ...

make divs flow while one is higher than the rest of them

I have the following css code .container { width:800px; background-color:yellow; margin:auto; display:table; } .cell { float:left; display:table-cell; background-color:blue; width:100px; height:50px; } .middel{ background-color:purple; height:100px;} .wrong{ background-color:green; } and the following html code <!DOCTYPE HTML PUBLIC ...