I'm trying to create a horizontal menu with a thick border bar that shows over the hovered item. However, for some reason there's a small gap at the right end of the bar in Firefox and Chrome. Strangely, IE displays it without the gap. Firebug doesn't show any reason for this gap. I tried using simple divs and still it appears. I've dis...
What is returned if $('#id') doesn't match anything? I figured it would be null or false or something similar so I tried checking like so: var item = $('#item'); if (!item){ ... } But that didn't work. ...
I have the following style for my footers in my css file: #footer { text-align: center; font-size: .7em; color:#000000; } This is the html for the footer part: <div id="footer"> <br> //google ad <br> <br> <A HREF="http://www.site1.com">Blog</A>&nbsp;&nbsp;&nbsp;<A HREF="http://...
I'm trying to get some text between two images. The images are positioned correctly, but there are some weird design issues that are cropping up. Current Page (web page) Design Plan (jpg) What I'm trying to figure out is this: Background must stop before the right edge of the right image (the girl) Background must extend the height...
Hello folks. My site is up here: Green McP I'm trying to put my old WP powered site into Expression Engine (just for giggles), and I'm stuck with my project layout: I want a grid of my projects, each a div with a set height/width. If I don't float them left, they just stack vertically. If I do float them left, they arrange themselves a...
I used the code below in order to fulfill this target: When mouse hover on the anchor, the underline comes out, but it failed to work, <a class="hover">click</a> a .hover :hover{ text-decoration:underline; } What's the right version to do this? ...
I set the width using: style="width: 200px" When the browser window is narrow, the td is the correct width. When I make the window wide, the td expands wider than what I set it to. Any ideas? ...
what is the containing block of an absolutely positioned element? it seems the rule can be a bit complicated... the spec should be here: http://www.w3.org/TR/CSS21/visudet.html#containing-block-details i want to verify if the following is true: for simplicity, assume the containing block is a block element (not inline element)... 1...
I'm trying to extract data from the following page: http://www.bmreports.com/servlet/com.logica.neta.bwp_PanBMDataServlet?param1=&param2=&param3=&param4=&param5=2009-04-22&param6=37# Which, conveniently and inefficiently enough, includes all the data embedded as a csv file in the header, set as a variable called gs_...
I am making a user interface where I want each line to respond with a color effect when rolled over, coloring the entire background of that particular line in a given color. In addition, each line should contain several small symbols (buttons) that also should respond to user clicks and rollovers. The only way I know to do this using t...
The problem is the following: I am using a tinymce editor (not related with the problem) and an external image manager aplication. We use the drag&drop functionality for users, to just drag the image from the image manager to the tinymce content area. However, there is a problem when the user inadvertantly drags the image outside the c...
I'm having an issue with a script (my first try at jQuery) I wrote to fade in divs using a nav menu. If a user clicks different buttons on the nav menu quickly, it loads both divs over top of each other. Here is the code: $(document).ready(function(){ $("#about-button").css({ opacity: 0.3 }); $("#contact-butto...
I'm writing a plug-in for a piece of software that takes a big collection of items and pops them into HTML in a WebView in Cocoa (which uses WebKit as its renderer, so basically you can assume this HTML file is being opened in Safari). The DIVs it makes are of dynamic height, but they don't vary too much. They're usually around 200px. A...
I,ve been trying to do this without much success. How can I, using yui-grids make a template like yui-t1 (the one with a sidebar of 160px in the left), but with also a sidebar to the right of the same width? The center column should be liquid... ...
I just wonder if it is possible to only use CSS but not javascript to style a DIV that will cover up the whole content area exactly? (note: whole content, not just the viewport). It seems not possible because the <body> element has some margin, and it seems like there is no easy way to style the div to include that margin width and hei...
In firefox, safari, ie8, the menu system on my site works great. However, in IE7, the link items simply disappear! I've tried many things to see where they may have escaped to, but they have seemed to simply vanish! This site seemed like it might be onto something, except there are no floats in my header section whatsoever! Now, I'm u...
I'm currently developing a widget that can be embedded within a page. However, when embedded, it affects the style (font, text, layout, etc.) of the page it is embedded in. I wonder how Clearspring and other widget frameworks encapsulate their widgets so as not to affect the embedding page. Thanks. ...
I have a css problem that I'm stuck on.. I can't get my clickable header links to get a 100% height; without using javascript. I've tried many things I've found while googling but none of them fixed my problem. I get this result: This is my html: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/x...
I am trying to make my menu bar partially hide after a timeout of about 5 seconds of inactivity. The menu is positioned 20px from the top of the page and the basic idea is that a small section of the menu will still be visible once it has moved up to allow the user to hover over this for it to drop down again (hopefully this makes sense!...
UDPATE!!! Suggested answer is NOT correct, my mistake. The #container DIV should've had "float:left;". Please verify the HTML in Firefox and IE7. You can see the difference! I can't get a nested DIV to display above a hierarchically higher nested DIV by using z-index... The overlay keeps laying over the lower nested DIV even though the...