css

Select all <a> tags except the <a> tags that contain an <img> tag in CSS

I want to make all text links at my website have a bottom border. I use: a { border-bottom: 1px dotted #333; } ... but it adds a border to image links too and I don't want that. How do I make it work for text links only? ...

vertical alignment for FORM INPUT FIELDS in safari and chrome

i have a select box with height: 60px. when i user clicks an option, i would want that option text to appear on the lower bottom of the select box...however safari and chrome automatically vertically aligns the text in the middle. I have tried increasing line-height, padding-top, margin-top...but these do NOT work for safari/chrome. ...

php include statement

I'm working on my first website using php. I came up with a good way, or so I thought, to deal with including the css sheet depending on where I am. For example, I have a form that I submit to with this code: $root = '../'; function died($error) { include '../includes/header.php'; echo "We are very sorry, but there were erro...

Removing a word from a <p> only using css

Due to mod rights on a site, I can only add css (no js etc...). When users input text in a comment box, it saves it and then displays it as a <p>. is there any way through css i can search for a specific word in the <p> tag and remove/censor it? Thanks ...

how to expand content for a TD to cover 100% of its height (IE)

I have a table with one TR and two TDs, one of the TDs has more content (i mean with content: other sub tables) than the other one, this results the following: the TD with the little content stay shrinked (its content stay as is, not expanded) and this happens in case of IE only, firefox and google chrome are fine, both of FF and chrome...

CSS Sprites Repeating Images

Hi, I was wondering if there is any way to use just one image for repeating and non-repeating images using css sprites. So in this case I would like to combine all the images on a page no matter what width and height and if they will be used as repeating or non-repeating images. I know the standard is to create 1 image using all the non...

jQuery Carousel jumping to the wrong item

Hello Stackoverflow, I have a perculiar problem with the :last and .before() method not inserting the code before the last element. [edited] I have come up with a new issue :/ The problem is (now that the <li>'s are in order), that the Carousel will now scroll through 4 items but them quickly jump to the next item. Code bel...

How do you implement CSS without to have clear:both on float left and float right

How to clear float:left & float:right on CSS You may look an example here The wrap id overlap to the header & search. How to fix it without to put the clear:both ...

Transparency of png files in IE

I have it set up in css to have the background an image slightly bigger than the content section so as to have a shadow behind it that repeats in the y direction but in IE it doesn't show the transparency. I have used google to try to solve this problem with no luck having done the image in css. CSS: #shadow{ width:854; margin-left:au...

Should I combine .css files with php to reduce http requests?

I was thinking today, as I linked a webpage to 3 external .css files: "This is too many HTTP requests!" I got to wondering if I should be using php to combine these files into one? Or should I just import all three into the <head> with <style> tags? I found one relevant link on the interwebs: Suture CSS or JavaScript Files to Reduce H...

What CSS frameworks have you found useful?

My extreme frustration with CSS is its inability to work nicely across different browsers (and different versions of browsers--yes, I'm talking about you IE). What CSS frameworks have people come across and what are some of their specific benefits? I heard today about the Object Oriented CSS framework, but I haven't yet had time to look...

Proper class inheritence in css?

Hi, I'm getting confused with class inheritance for css. I have this: <ul id='grok'> <li class='foo'></li> <ul> sometimes I want to change the color and class name of a li element, right now I'm doing this: #grok li, .red { background-color: red; margin: 5px; padding: 5px; cursor: hand; cursor: pointer; text-align: ...

XUL tabbox tab label height

I have created a tabbox using the following code (with a screenshot attached). How do I set the size of the tab to be larger so there is padding around the label? <tabbox> <tabs> <tab label="A LABEL"></tab> </tabs> <tabpanels> <button> </tabpanels> </tabbox> I have tried the following CSS: tab, tabs...

Google Chrome inset box-shadow bug on Windows, not on Mac: Better workaround?

This is still current on Chrome 5.0.375.125, which is the latest Windows release at the time of this writing. Bug is tracked here: http://code.google.com/p/chromium/issues/detail?id=25334 So, the problem is, if you're on Windows or Linux, and someone uses inset box-shadow on an element that also has border-radius, you get a bug -- the ...

What jQuery selector can I use to match these HTML elements (requires ":contains()")?

I'm trying to find a jQuery selector that will match only the element that directly contains the text "PDT" in the following two examples (truncated for brevity): <div> <p> <strong>(07-27) 21:28 PDT SAN FRANCISCO</strong> -- San Francisco supervisors ended more than a decade... </p> <p>The 10-1 vote, with only Supervisor C...

thumbnail with some text to the right?

Hi, I have a list like this: <html> <head> <link type="text/css" rel="stylesheet" href="testli.css"> </head> <body> <ul id='grok'> <li> <img src='na' class='cimg' /> <div class='cinner'> <p>Title, max two lines.</p> <p>Some longish text, max ...

jquery table styling vs css table styling for alternate rows

Is it faster/better to use CSS with classes on tables for odd/even rows generated on the server or to use jQuery to style stripes on document.Ready()? I'd like to start using jQuery to make my markup less cluttered but I'm not sure about the performance, particularly for larger (up to 200 rows) tables. ...

css: the meaning of * mark

dear all..before using jquery i have used dreamweaver mx. so i'm not concern with css script, bcoz by using it we can make the web instantly without having to think about the code inside. this time i want to start learning about css. can you tell me what's the meaning of this: *{ margin:0 auto; padding:0; } ...

Floating Menu Variable Width.

I'm trying to figure out how to have a floating navigation bar to the left of the content, that is fixed width but has a container around it that extends to the edge of the viewport while keeping the content centered on the page. And here's what I got going so far and an image of what I mean. http://dl.dropbox.com/u/23132/index.html An...

How can I activate a CSS style for a label when hovering over the associated checkbox?

Every time I hover over the label of a checkbox it turns yellow: Markup <input type="checkbox" value="hello" id="hello" name="deletefiles[]"/> <label for="hello">hello</label> CSS label:hover, label:active { background:yellow; } When I hover over the related checkbox, I want the label to highlight. Is there a way to fire the sa...