css

CSS selector exclude elements, hpricot

Hey, I am trying to write a CSS selector that select everything except the script elements with hpricot, I can easily select the all the contents of the select-me div and then remove the script elements but I was wondering if its possible to use a selector which will exclude the script elements: <div class='select-me'> <p>This is some ...

Tooltip problem with jQuery

I have a table in which some adjacent cells have the same class (someClass). I would like to display a tooltip when the mouse hovers one of these cells. Here is how I implemented this: /* HTML code */ <div id="tooltip"><div> /* CSS code */ #tooltip { display: none; position: absolute; border: 1px solid #333; backgroun...

How to give transparent hexagon angle at the last <li> only?

I have to make menu like this. Items of drop-down can be increased and decreased If client will add or remove pages. width of drop-down's will depend on how many character in page title name. angle only needed at last item's right bottom corner. I Know how to make drop-down menu and how to give cross browser transparency , but I wan...

CSS dropdowns on touch-based clients. Are pure CSS dropdowns going to become extinct?

My company is starting to move toward adding the iPad as a browser i have to test my work on. This got me thinking... Since touch-based clients don't have a :hover state are pure CSS dropdowns going to go away? Then i thought even if you add some javascript to make the menus popup on click... What happens when the menu item (that expa...

PHP Include Paths

Hi, I'm new to PHP and I'm having a problem when trying to link my CSS files using include. Basically I need my files to link back to a certain directory no matter how far down the file is. I have tried using <?php include $_SERVER['DOCUMENT_ROOT'] . '/sysprogs/required/header.html'; ?> But header.html contains the links to my ...

Is it possible to make a background image repeat vertically. But, also horizontally only to the right side using CSS?

So basically we have an background image (red) and we want it to repeat as the following with CSS: So I don't want it to repeat to the upper and left side. (sorry I suck at ASCII Art) ...

expand div with focus-jquery

Hi guys, I'm revisiting this after a few weeks, because I could never get it to work before, and hoping to now. Please look at this website-notice the newsletter signup form at the top right. http://www.rattletree.com I am wanting it to look exactly this way for now, but when the user clicks in the box to enter their email address...

One file site design using Visibility on DIV classes/IDs

Hi, I'm building a one-page(one file) site and want to get insight as to whether or not I'm taking the most practical and intelligent approach. The site is a simple site for a graphic designer. It has 4 "pages" which are "about me", "contact", "work", and "photos." What I want to do is have 4 divs(absolutely placed in the same spot) wi...

How can I display the "first time here" bar like SO and slide the other DIVs down?

I implemented the code to dislay the bar at the top of the stackoverflow screen: http://stackoverflow.com/questions/659199/how-to-show-popup-message-like-in-stackoverflow What this does is display the div over top of the div at the top of the page. How can I display the new "bar" div and push the others down? Just like StackOverflow d...

GridView - Add Padding to Cells with CSS

I'm using CSS to style a GridView. I have everything working fine except for the padding in the cells that contain the data. I've googled and found multiple solutions that involve another style on the Item when using Bound fields. However, I am not using bound fields. I am binding to a List(Of MyObject). How would I add padding around th...

<a> with an inner <span> not triggering :active state in IE 8

I want to style the :active state of a button that is represented by an <a> tag. The <a> tag has an inner <span> (beacuse I want to add an icon to this button). I notice the :active state is triggered properly in everything but Internet Explorer 8. In IE 8, it appears that the area around the <span> (the <a>’s padding) triggers the :act...

li + float crashes IE6

I know. The dreaded ugly browser we don't want to support, but, it seems it couldn't be simpler to crash this thing. The URL The images gallery is a Joomla Plugin(Sigplus) and works fine with all other standard browsers. In IE it was not showing correctly, all the images were showing in one line vertically one below the other. But the ...

Add class to .hover functionality on a specific class name - jQuery

So, throughout my entire document, I would like for every single time the user hovers over an element with a specific class name, I would like a class to be added. My CSS looks like this: .hotspot:hover, .hotspothover { border: 4px solid #fff; box-shadow: 0px 0px 20px #000; -webkit-box-shadow: 0px 0px 20px #000; -mo...

CSS Sprite techniques, css background or img's clip

Hi, There are two image sprite techniques. The "classic" version uses the background and the background-position css properties. (as it's described here http://www.alistapart.com/articles/sprites) The "second" version uses an image tag and its clip css property. ( http://css-tricks.com/css-sprites-with-inline-images/) My question is t...

Changing Jquery Calendar size using google hosted theme

I am trying to implement the Jquery datepicker using a google hosted theme. But the Calendar is too big. Can I make it a smaller version by altering the function itself seeing I cant change the theme? <link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.2/themes/start/jquery-ui.css" type="te...

CSS Child selectors in IE7 tables

I'm trying to use the > CSS child selector in IE7, and it doesn't seem to work. I have nested tables. My outer table has a class name "mytable", and I want the td's of the outer table to show borders. I don't want the inner table td's to have borders. I think I should be able to have CSS that looks like this: .mytable { border-style: s...

IE 7 CSS problem with detecting mouse over on div

I have a div inside an li as part of a top navigation for a website. I'm having trouble with IE 7 having "holes" in the box such that the drop down disappears when the user is still on the drop down. I started with a pure CSS solution (li:hover) and that works awesome in all browsers except IE 7. So I've now added a jQuery/javascript...

Ruby LESS gem equivalent in Python

The Ruby LESS gem looks awesome - and I am working on a Python/Pylons web project where it would be highly useful. CSS is, as someone we're all familiar with recently wrote about, clunky in some important ways. So I'd like to make it easier on myself. Is there an existing Python module or library that provides parallel functionality? ...

text-transform cannot change/be overwritten? (css)

I am studying css and I do not understand why some OTHER text and line 2 has red underline effect on them. I thought I either changed it for class others or reset it to none for class line2 I tried `text-decoration:none' for both .line2 and .others and the text was still red underlined. <html> <head> <style type="text/css">...

CSS: content:"\00a0"

Today I came across a new CSS syntax that I have never seen before content:"\00a0"; Checking it on w3schools, it explains: Definition and Usage The content property is used with the :before and :after pseudo-elements, to insert generated content. My question is, can you point out to me in real world example, how do we use t...