css-selectors

Select CSS based on multiple classes

I have a style rule I want to apply to a tag when it has TWO styles. Is there any way to perform this without javascript? In other words.. <li class='left ui-class-selector'> I want to select only if the li has both 'left' and 'ui-class-selector' classes applied. ...

Subnav "active" when it shouldn't be.

http://wilwaldon.com/itsbroken/templateleftnav.php As you can see on the left navigation the link for Template 01 is highlighted green. The link underneath is also highlighted green. I think the problem lies with the initial LI controlling the ul underneath somehow. I need to keep the xhtml formatted exactly how it is right now and o...

cannot seem to perform what should be a simple navigation tweak

Hey guys, I haven't touched this site in a while so I am rusty when it comes to fixing a styling issue that has happened as a result of a change. see http://edocumentsciences.com.previewdns.com/ the top navigation green images that indicate that you are either on the page, over when you hover over an item do not seem to be lining up c...

Position an icon on the right in the middle of a list item

I have the following code which prints an img if the current page is selected. The issue i have is if the list item is a varied height i cant position it in the middle of the list item on the far right... <li><?php echo $child->link($child->title); ?><?php echo (url_start_with($child->url) ? '<img src="images/ico-arrow.png" class="poin...

CSS3 Selectors To Find All But Last

How would I select all but the last child using css3 selectors? For example, to get only the last child would be div:nth-last-child(1) ...

Backgroung image for a table

How can we integrate a picture as a background image for a table.. <table> <tr> <td><textarea>Some data here.....</textarea> </td> <td></td> </tr> <tr> <td><textarea>Some data here.....</textarea> </td> <td></td> </tr> Thanks.. ...

IE7 Image float bug.

http://wilwaldon.com/ie7bug/test1.php Notice the middle column, the images are supposed to float left, they do in every browser but IE7. I've never encountered this problem before and have no idea what's going on with it. Any ideas that would point me in the right direction would be greatly appreciated, thank you. UPDATE If I delete...

Making an input value text transparent, is it possible?

I want to make the text value for "Login Now" transparent off of the tag from which I am using the following... <input type="image" value="Login Now">, would I just make a background-color: transparent? ...

Drawbacks to using background-repeat only for colors?

So I need some custom colors on a layout, but I'm looking for a better way of doing it other than just slapping a giant picture with (background: url(something.jpg)) in the layout. Mostly I'm thinking of getting a color palette (i.e. from Adobe Kuler, colourlovers, etc.), getting a 5x5 sample of each color and sticking them in an array...

Optimize css vs Google page speed is messing with me

I'm using google page speed and it's telling me my css is inefficient... Very inefficient rules (good to fix on any page): * table.fancy thead td Tag key with 2 descendant selectors and Class overly qualified with tag * table.fancy tfoot td Tag key with 2 descendant selectors and Class overly qualified with tag The css rules ar...

CSS Selectors (>, ., #)

Hi, What's the point using this syntax div.card > div.name What's the difference between this div.card div.name Thank you! ...

selenium cannot find element with class in IE

I'm using selenium_client with cucumber, webrat + IE As you'd expect, Firefox works fine. I've tried the following: selenium.is_visible("css=#flash .flash_notice") selenium.is_visible("xpath=//*[@id='flash']/*[@class='flash_notice]") selenium.is_visible("xpath=//*[@id='flash']/*[contains(@class,'flash_notice]')") both cannot find the ...

Changing Opacity of All Elements but One Div

I'm trying to fade all elements on a webpage except for one div. I've been able to fade all the elements with the following jQuery: $('*').css('opacity', .3); However, it seems as if opacity is a property that inherits from parent elements, even if I explicitly set the opacity of the div to 1. I'm drawing a blank as to any solutions...

IE7 text align issue

http://wilwaldon.com/ie7sucks/ If you view this page in anything but IE7 you will see that the spotlight area text is displayed in a column on the right of the image. For some reason it's not showing as a column and I have no idea why. Any help would be greatly appreciated and I'd owe you my first born. Thank you in advance. ...

IE7 text align issue - text wraps and shouldn't

If you take a look at http://wilwaldon.com/ie7sucks/inner7ie.html with IE7 you will notice that the text wraps the image. With all other browsers it doesn't. I'd like it to not wrap the image in IE7. I've used the ie dev tools but can't figure out what's causing the glitch. Any help would be appreciated and I'll be eternally grateful. ...

how can i select first second or third element with given class name using CSS?

ie. i have the following: <div class="myclass">my text1</div> some other code+containers... <div class="myclass">my text2</div> some other code+containers... <div class="myclass">my text3</div> some other code+containers... i have the css class div.myclass {doing things} that applies to all obviously but i also wanted to be able to ...

Will CSS attribute selector work to style this element?

Hi, I have the following html: <div class="bf_form_row"> <label for="findout">Text goes here</label> <textarea class="findOut" cols="40" id="findout" name="findout" rows="10"></textarea> </div> I trying to work out how to style the 'label' element without being able to change the html. Ideally I'd like to style all 'label' elemen...

Save all css properties of element using jquery

I'm basically trying to save all current css properties of an element in a local var/array. I tried : el.css(); and el.css("*"); With no luck. Is there any quick tip do to so ? ...

JQUERY UI too much space from the top border to the haeder ...

I am trying JQUERY UI but I have a problem; the distance form the top of the border of DIV is too much even if the padding is 0. What can i do -> he theme is "smoothness" but I don't think it is a problem of the theme. Thanx for your help Alex function themify(){ $("div").addClass("ui-widget ui-widget-content ui-corner-all"); ...

CSS Attribute Content Selector multiple declarations

I have this in my CSS: div#headwrap ul li a[href*="dev"] {background: #034769}; div#headwrap ul li a[href*="music"] {background: #A61300}; div#headwrap ul li a[href*="opinion"] {background: #b2d81e}; div#headwrap ul li a[href*="work"] {background: #ffc340}; So, my expected behavior is that where a link (a) within a list item ...