css

HTML/CSS: Expanding a float-left element to remaining width of parent

For the life of me I can't figure this out. I have a container div with a specific width. And a few children div inside it. I want the last div to expand its width to fill in the remaining width left in the container. How can I do this? Here's an example (also at http://jsfiddle.net/nbKAr/): <div id="container"> <div>a</div> <d...

Div Layer should be placed over a Flash movie

There is a flash application that I want to embed on my site. On top of that flash application there should be a div layer. But what happens is that the flash movie always appears over the layer. Can you help me to place the div layer over that flash application? This is the code for the flash application: <object style="width:420p...

CSS Select Images with style="float:left" possible?

Hello! Similar to selecting img[title="test"] can I somehow select images that have a style property of float set to left? I want to set left and bottom margins for them which don't apply to right floating images. Thank you. ...

Tooltips are mispositioned on hover

I cannot for the life of me figure out why the jQuery Tools Tooltips are showing up in the wrong place. Hover over the one of the three gray boxes on this page (e.g. "screen & voice recording"), and the tips should show up on top of the box centered. http://bit.ly/bdJLEh ...

How do I make a div have the same width and height of its content?

Let's say I have an img element inside a div, how do I make the div have the same width and height of its content using CSS? ...

CSS font size using em different on different pages

Hi all, CSS is not my forte so this might be something simple. I have set my footer font size in a stylesheet using 0.8em but on different pages it is a different size. I'm only editing someone elses work and he did a poor job at not closing tags so its a bit painful. Is there a way to clear all font settings so that the footer is the ...

So where are the downloaded CSS files stored?

Let's say I view a web page via IE and check the source code. In it, I find this tag:<link rel="stylesheet" type="text/css" href="forumdata/cache/style_12_common.css?Ccx" />. I suppose this means the web page comes with a CSS sheet and it's downloaded onto my computer under some temp folder? But I looked at the Temporary Internet Files f...

How to align items in a <h:panelGrid> to the right

How would I align everything in my below to the far right? <div id="container"> <h:form id="authenticate"> <h:panelGrid columns="5" cellpadding="6"> <h:inputText id="email" value="" /> <p:watermark for="email" value="Email"/> <h:inputSecret id="password" value="" /> <...

CSS Problem with IE 7 or 8 which is working fine in all other browsers

Hello All... I have created a menu and submenu bar for my web app. Now with the css classes that I have applied in is working perfectly in mozilla, chrome,safari. But it's not working fine at all with IE 7 or 8. The HTML code for the generation of menu is as follows : <div id="menu"> <ul class="navigation" id="navigation_menu"> ...

How to refer in CSS to all elements that have some attribute ?

I know that [my_attr='my_value'] refers to all elements which have attribute my_attr with value my_value. Is that possible to refer to all elements which have my_attr attribute (no matter what the value is) ? ...

Is that possible to change multiple elements appearance on hover without Javascript, based on class name ?

I have a structure of divs inside divs, something like: <div> <div> <div class='a'>Hello</div> <div class='a'>Stack</div> <div>Overflow</div> </div> <div> <div>You</div> <div class='b'>Are</div> <div class='b'>The Best</div> </div> <div> <div>Have</div> ...

Forcing child to obey parent's curved borders in CSS.

I have a div inside of another div. #outer and #inner. #outer has curved borders and a white background. #inner has no curved borders and a green background. #inner extends beyond the curved borders of #outer. Is there anyway to stop this? <div id="outer"> <div id="inner"></div> <!-- other stuff needs a white background -->...

How to apply css to iframe content?

There are a few threads on this site discussing this topic, but none of the offered solutions worked for me. Can anyone please provide a solution that you tried and you know that it works? Thanks in advance. ...

PHP Simple CSS string parser

I need to parse some CSS code like: color: black; font-family:"Courier New"; background:url('test.png'); color: red; --crap; Into: array ( 'color'=>'red', 'font-family'=>'"Courier New"', 'background'=>'url(\'test.png\')', '--crap'=>'' ) I need to do this via PHP. I can see this done easily via regexp (well, easy to...

Why does my CSS go screwy "sometimes"

A website of mine is behaving weirdly. The layout sometimes is fine, and sometimes it is screwy. An example page that I see the problem on is this one: link Disclaimer: I have yet to start my investigation into cause in earnest. I am turning to Stackoverflow because I am lazy and I hope someone will say "That happened to me once, it is ...

CSS: on which elements the attribute hover works on all browsers ?

On which elements the attribute hover works on all browsers ? I guess the element is cross-browser. What about ? Is there any other element ? For cross-browser I mean working on Safari, Chrome, Firefox, IE 9, 8 and possibly 7. ...

Weird table-layout:fixed; "bug" on WebKit.

I'm building grid component for my own needs with sortable columns, rows, etc. Existing ones either were not suiting my needs or were too heavy. I just started on resizable columns when realy unexpectedly WebKit has hit my with unexplainable anomaly. While table-layout:fixed; worked perfectly on all other browsers (even IE) Safari/Chrome...

CSS menu looks good in FF/Chrome/Safari but not IE

Hi, I am using a CMS to build a site and I have some troubles with the menu. As topic says it's not perfect in IE. In the other browsers I hover over a menu item and a sub menu to that item is shown, when I hover over an item in the sub menu the item gets highlighted with a blue background. In IE however, only the first sub menu item ge...

How to make gridview header fixed when overflow property is enabled

I want user to be able to scroll in a div to see all the rows. But setting div's overflow property to true. When I starts scrolling header goes away. Is it possible to make header static. So that I can sort or do any kind of other operations. Currently I tried to take fixed table above grid and hiding grids header. But on editing it is ...

Stylesheet for Firefox only

Is it possible to mention some style elements that work only with Firefox? Can I get the same for margin elements in specific? Hope I am clear enough in my question? ...