I have a menu bar with hover effects, and now I want to place a transparent image with a circle and a "handdrawn" text over one of the menu items. If I use absolute positioning to place the overlay image above the menu item, the user will not be able to click the button and the hover effect will not work. Is there any way to somehow di...
This is the simplified style for a blog hosted at wordpress.com. The code is validated CSS, yet IE won't show it correctly (that are not really news, are they?). In particular, the upper menu (#primary div) can't be seen in IE, rendering the blog pretty unusable. The easy solution would be to change div orders, but as the style is given...
Hi, Below I have included the jquery code I am using to try to add a css class to the link in the side column that equals the active url, but it's not working, and at some point it did. Thanks in advance for any help you can provide. Link: http://www.liquidcomma.com/portfolio/project/TSF%5FRobot%5FAd/1/ <script type="text/javascript">...
I have a navbar that drops down. The parent text is black, when you hover over the parent text it drops down and shows other categories. The text for the categories is also white, is it possible to change the text color in the drop down category text to say white? The link class looks like this: a:link { color: #000; text-dec...
I want to keep everything within the parent div but the second div goes outside, as if starting a new row and I can't figure this out. Can someone please tell me why> Thanks. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <h...
hey, I have a div in the size of 900x30 I have a form in this div, but when I try to put an image after the < / form > (the image is still inside the same div as the form), I see the image on a new line. How can i prevnt it and make the image show in the same line as the form ? im using CSS btw... thanks ...
Yes, I know about addons such as Firebug or the Web Developer Toolbar that allow one to see the font-family specification pertaining to a specific element, but how can I find out which actual font is Firefox using to render the element? To give you an example, suppose I declare, say font-family: "Georgia", "Verdana", serif;. Now, the Ge...
I am trying to learn more CSS. I inherited a nice layout that I have been using for a little while now and I want to keep the CSS going instead of mixing tables in there. I am currently designing a separate form to handle side by side textboxes. I was using span tags to keep these textboxes side by side but now I'm wondering what the bes...
I want to position an element in normal css relative to the element before it, and then once it's been initially positioned makes its position independant of the one before it. For example, when you click on a 'widget' in the sidebar, it collapses, and all of the 'widgets' below it move up. I don't want them to move. Thanks. ...
How can i change the color of a link after it has been selected, so that It will remain the new color, but only until another link is selected, and then it will change back.I'm a beginner. I found this link http://stackoverflow.com/questions/256093/changing-the-color-of-a-selected-link-that-is-embedded-in-a-table But It makes my links ...
Most of my development life, I have done a JavaScript generated button like so: <span>Open/hide</span> With CSS like span { cursor: pointer; } This seemed to work for me, and IMO, it looks and seems better than <a href="(#|javascript:void(0);|javascript:;|return false)">open/hide</a> However, I'm starting to think people mig...
I'm using the jQuery Cycle plugin to rotate images in a slideshow type fashion. That works fine. The problem I'm having is getting these images (of different sizes) to center in the containing div. The images are inside a slidshow div that has it's position set to absolute by the Cycle plugin. I've tried setting line-height/vertical-ali...
Hi all, I've got some button rollovers that work fine in browsers other than IE. I'm not using JQuery and this isn't IE6 -- I haven't tested it in IE6 yet. It's in IE8. You can see what's happening here (look at it in IE vs. Firefox): http://www.brighttext.com/socialtech/index.html I'm using the technique of showing one or another b...
I have created a portfolio website which currently runs well in Safari and Firefox but has problems in IE 5, 6 and 7 (not 8). The Portfolio/About/Contact rollovers (pure CSS) and the thumbnails (pure CSS) in the portfolio section are not working properly (except on the splash page where they are fine). These rollovers have "active" state...
I want to be able to create a text area that fills an available space. However because of the different monitor resolutions I don't think I can simple specify a character width. Is there anyway of getting around this without having too much logic to specify different character widths for each set of monitor resolutions. ...
Hi All, I am wondering how Internet Explorer, Mozilla Firefox or any other browser generate print preview window of an web page loaded into the browser. The preview image will have various changes such as banners and adv are removed, will have white background and black text and etc. We would like implement similar print preview windo...
I need some help understanding this bit of code pre { white-space: pre; white-space: -moz-pre-wrap; white-space: -o-pre-wrap; white-space: pre-wrap; word-wrap: break-word; width: 800px; overflow: auto; } What's with all the different keywords following 'white-space:' ? What does white-space: -o-pre...
Do we use doctype only to render webpages in standard mode with IE6 ? or does doctype do something more than that? ...
I'm working on simple HTML/CSS site, using a horizontal floated CSS menu. The problem i have is i cant figure out how to alter the positioning of the menu. Its currently at the top, i know that the function top: x px or bottom: x px are used to move anything up and down from top or bottom, but when i use either the menu still stays at th...
I have an unordered list. <style> #button1 { position:relative; z-index: 3; } #button2 { position:relative; z-index: 2; } #button3 { position:relative; z-index: 1; } </style> <ul> <li id="button1">Button 1</li> <li id="button2">Button 2</li> <li id="button3">Button 3</li> </ul> I am currently using css to give each id a d...