Hello all. How can I get a div width when the div is inside another div with "overflow: hidden;" ? I tried to set overflow as auto and after using $("#divselector").width() but I always get the parent div width! Ex: html: <div id="content"> <div id="item">content content content ...</div> </div> css: #content { ...
i would like to be able to lock the scrollbar and have a different one used instead. this is because i have an overlay div .overlay { opacity: .8; filter: alpha(opacity=80); position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 600; display: none; background: #000; } and a po...
When I use CSS rounded corners, they look like this, and it's great: But if I specify a background color for an element inside them (in this case a simple <p> tag), the background color overlays the rounded corners, like so: How can I keep my pretty rounded corners without the background color drawing over them? I tried specifying ...
I have an html table with say 5 columns. Three of the columns I want to have a fixed width (for example, td width=30,50,30). How would I divide the remaining horizontal space between the two remaining columns? I thought I would do it by just setting each of the "width" properties for those columns to "50%", but that didn't seem to wor...
Example (load in IE6): http://jsbin.com/uheco/14 In IE6, if the user clicks on a SELECT and does not click any OPTION but instead clicks somewhere else on the page outside the SELECT, the SELECT still has focus. I expected the SELECT to lose focus when I clicked once outside of it (such as in IEs 7 & 8). Functions bound to the blur ...
Hello, I need to have resizable menu and content background images for my site, so both of them get stretched whenever the menu entries are too many, or the contents go outside the borders of the content background. I need vertical stretching. Could you, please, give me a hint (an actual answer would work as well) or a link to a good e...
I have an element on this web page I'm developing where I need my text to conform to the width of an image above it - whose width will always be different - think of captions. I have found numerous references to using a 1px table to force this width sizing behaviour. I am having problems, though with Safari and Chrome "seeing" this instr...
Hi, I have a form with some text-inputs: login, password. If user sees this form the first time, input-texts should "contain" prompts, like "enter login", "enter password". If user clicks text-input, it's prompt should disappear to allow typing. I have seen various examples, that uses background image with prerendered text on it. Tho...
I realize a 'similar' question was asked but the other user is using a much different approach than I am. I am simply trying to include an HTML navigation on my PHP pages for easier modification down the road. When you hover over a button, it is highlighted while the 'active' page is always highlighted. The hover works on both the html a...
Hi there, I'm making a webpage that needs to switch between background images on a page, where the user can click on back and forth arrows to sift through each background while browsing. For each background there needs to be a dynamic description for each image. For example, the user may load the page and see the body background with a...
Hi All, I know this has got something to do with a float, but I cannot seem to figure out where I am going wrong with this. Please check this page for me, the content in the right column is flowing over my footer. http://sun-eng.sixfoot.co.za/index.php?option=com_weblinks&view=categories&Itemid=48 Thanks! James ...
I cant even come up with a proper subject for this one... Basically I have a box div, that when click expands to a rectangle and shows content in the new expanded area. The problem I'm having is that when I animate out the div's width, the browser wants to render the content as the box is stretching, rather than just have it placed wher...
Hi, I have 5 pictures, and I will overlap these 5. I read a lot of HowTo CSS / Div and overlapping, but I didn't get it at all. I have a normal 500 width div container as "content" filler. Into this div, I will have 5 pictures that are overlapping each other. I try all "position:", but nothing fills what I want. ...
Hi, is there some good way to create a flow / swimline diagram without resorting to scripting or tables? I'm talking about showing different hosts sending packets (so hosts on the X axis, time on the Y and arrows to the destination host). It seems like too much elements for tables (especially the arrows spanning multiple columns either w...
Hi guys. I did a "shadow" effect but the "div" elements must have a relationship (father and son) <style> body { padding-left: 47px; padding-top: 114px; } div { font-size: 60px; position: relative; } div div { left: 3px; position: absolute; top: 3px; } </...
<div id="navigation> <ul class="navlist"> <li><img src="images/btn1.gif"/></li> <li><img src="images/btn2.gif"/></li> <li><img src="images/btn3.gif"/></li> </ul> </div> How would I be able to give these "buttons" within the list rollover states without using JS? I'm totally drawing a blank... These link...
I'm currently working on a Joomla template using CSS divs. I have a header set up with our logo image in a div floated to the left, an adspace floated to the right, and the menu bar on the bottom. My content is divided into three div columns that are contained in "container.": the left column is floated left, the center is not floated, ...
Although it is not good practice, I am looking for a CSS hack to target Palm webOS. The problem is that Safari 3+ is awesome, and I can do some things like gradient background animations on text, but only in Safari. Right now I use @media screen and (-webkit-min-device-pixel-ratio:0) {} and it works like a charm, no Opera, Firefox, or ...
Does !important not works in IE6 ? If we need IE6 compatibility too then shouldn't we use !important? ...
It seems an html tag can't be inserted in the option tag. Say <option><em>somewords<\em><\option> Is there other ways to style the "someword", without styling the option tag? ...