css

Adding padding to HTML elements - IE, FF, Chrome etc.

Hello I've a doubt. Lets consider that we have a div of width 200px. If i add the following the style style="padding-left:10px; padding-right:10px" to the element what happens actually? Will the total width of the div increases to 220px with 10px at the left (for left padding), original width 200px at the middle and 10px at the righ...

how to target 'hover' of nested list

hey, if I set visibility:hidden on a nested li element, how do I set it back on hover? eg. #menu li ul li { visibility: hidden; } I tried: #menu li ul li:hover { visibility: visible; } But it doesn't work - so clearly I haven't got the syntax right! cheers ...

CSS Inclusion Problem

I have a jsp page with a couple of CSS files included. In this, each CSS has separately defined styles for table. The problem is that I need those different styles for different tables and I'm unable to differentiate them and the menu's css styles get overlapped with the new css style. How can I avoid this problem; the menu.jsp has be...

how can i find unused css in ajax app?

I've been searching and i can't find any ff addons or javascript for finding unused css in ajax apps. dust-me selectors can do a site-crawl, but i'm looking for something that examines loaded-in content... I'd like something where i can press 'record' and then make a load of clicks which will check off the used selectors, and hoping ...

css background images blink after reload page

I have blocks on page with background images, when I refer (click link) to the same page-images blink. How can I set chache or something else to extract this problem? I tell about web http://pohladovybeton.sk/, especially in IE 8 after redirect (in page menus) is browser blink, and in Opera is blink content background, in FF is all OK a...

Focus CSS tag in Internet Explorer 8

This is driving me nuts. http://www.cssdrive.com/index.php/examples/exampleitem/focus_pseudo_class This is an example of using the hover pseudo-class. Works fine in Chrome and IE. When I save locally it works fine in Chrome but won't work in IE. What am I doing wrong!? <link rel="Stylesheet" href="style.css" /> <form> <p>1) Name:<...

browse button is not aligned and change it to red colour

For uploading an image, the browse button is not properly aligned and also how can i change the colour of the browse button to red? I have used file field. ...

Pages with tables creating problem in print, even i'm using seperate Print css?

Pages with tables creating problem in print? First page coming blank and content comes in print from 2nd page if pages are having <table> and if table is long i want to print table heading on each print page also. body{ font: 8pt/1.5 Arial, "Helvetica Neue", Helvetica, sans-serif; background: white; } #wra...

What is the point of CSS collapsing margins?

The CSS2 box model tells us that adjoining margins collapse. I find it quite annoying, being the source of many design bugs. I hope that by understanding the purpose of collapsing margins, I will understand when to use them and how to avoid them when they are not needed. What is the purpose of this feature? ...

Basic arithmatic in GWT CssResource

I'm looking for a way to do something like this: // style.css @def borderSize '2px'; .style { width: borderSize + 2; height: borderSize + 2; } where the width and height attributes would end up having values of 4px. ...

Use jQuery to change a CSS value

If i have a background image defined as: #header { width: 100%; background: url(/Content/images/header.jpg) -0 0 no-repeat; } and i want to overwrite that after the page loads. Shouldn't this code work? $("#header").css('background-image', '/Content/images/aff/header_<%=affiliateID%>.jpg') EDIT: As stated, the script needs ...

Making a vertically scrolling parent div which does not cause overflow of children

I have something as follows: <div style="float: left; height: 20px; overflow-y: scroll"> <div>hello this is a test</div> <div>hello this is another test</div> <div>t1</div> <div>t2</div> <div>t3</div> </div> The parent div grows to the appropriate width to fit the largest child (which is what I want). However, the vertical ...

How to compile multiple css files into individual swfs using pure Maven?

Right now I am using an apply task inside of an antrun execution. <plugin> <artifactId>maven-antrun-plugin</artifactId> <version>1.4</version> <executions> <execution> <id>compile-default-theme-css</id> <phase>compile</phase> <configuration> <tasks> ...

Allowing users/administrators to update content management themselves

Is there an option besides Drupal or Wordpress to use to allow the user or administrators of a site to update and manage content on the site themselves? Is it possible to use Drupal or Wordpress for a particular section of the site that I want to allow the above mentioned but not the rest of the site. Basically I am just looking into o...

Disable image over button

I have a transparent PNG that partially overlaps a button. The buttons becomes inactive where the image overlaps. Is there a way to turn the transparency "off" so the button is clickable behind it? Or are there any other tricks that might fix this problem? ...

Eliminate the yellow highlight that Chrome do in the textfiels on html forms

Hello guys, i have a web form that when i see from Chrome it makes a yellow highlight on the text fields and i dont like it. I eliminate the border highlight with outline: none; but when i go back to my form and Chrome autocomplete the fields it makes the fields background yellow, and that is not good for my theme. This is an example of ...

Change DIV order with jquery

Hello, I'm working on a client's HTML based site and need to randomly order a set of Divs on refresh of a page. I would normally handle this through PHP and a database call, but it's a static site. So, I'm wondering if anyone knows how to randomly display a set of div's using jquery? Here's an example: <div class="myItems"> <div...

[SOLVED]jquery: select first child node

lets say i have a tree of the following structure: <div>node level1 <div>node level2 <div>node level3...etc Is there a way in jQuery, that if div level1 is clicked, only divs of level2 respond? meaning: $('div').click(function(){ $('div').children(first div child).css('color','red'); }) thanks for any input! ::EDI...

Center floated div items

I have: #content { width: 100%;text-align:center; } .item { float:left;} And then ... <div id="content"> <div class="item"><img /><br />wordsn</div> <div class="item"><img /><br />stuff</div> <div class="item"><img /><br />asdasdasdn</div> <div class="item"><img /><br />Dhdfrhwon</div> <div class="item"><img /><...

Div with overflow: hidden doesn't clear padding of floating unordered list

I was trying to get my div that contains floating elements, to enlarge to encompass them, but it doesn't seem to pay attention to the padding of the elements, effectively chopping them off. How can I get the div to be the correct height for my list items? html: <html> <head> <link type="text/css" rel="stylesheet" href="/styleshe...