css

jQuery selector: Not this div and not that div

Hey, I am trying to create a jQuery click function that will close a div when you click on anything besides that div. My problem is that there is a search field and another button inside that div that need to stay open if you click on them. My current function is: $("*:not(#header)").click(function() { $('#header').slideUp({ ...

IE Hover effect not firing when Dragging and Dropping

Hi, I'm using a Telerik JQuery activated drag and drop. The form is set up with two basic containers, one is a Radlistview with the elements that get dragged, and the other is a target repeater container with words. The whole thing is a type of matching exercise. The problem that I'm having is that the hover effect doesn't activate w...

Display items in columns dynamically?

I'd like to display a list of items in multiple columns without having to specify the number of columns, and just let the browser add more columns so that all items fit. I tried to adapt this article, but the items are just listed as a long, one-column list: <head> <STYLE type="text/css"> ul.columns { float: left...

[jQuery] IE7 problems

Hi, I'm working on a website with simple jquery effects, like show, hide... http://emilione.altervista.org/works.html This page works well with IE8, FF3.6 and Chrome 5, but there are some problems with IE7. How to reproduce the problem: -click on "x" thumb -> the content relative to the thumb is shown -click on the same thumb -> con...

nested element inheriting parent Div's margin in ie7

Trying to figure out why in IE7, the nested input element is taking on the margin of the parent div. So in essense the margin is being doubled. <style> <!-- h1.redsubhead{font-size:14px;} .accountInfo,.loginInfo{-moz-border-radius: 6px 6px 6px 6px;background: #EBFBFF; border: 1px solid #8DCAD9;margin-bottom: 30px;padding...

DIVs, DOJO, vertical scrolling, and IE6

I know there's several questions on this already, but I cannot find a solution anywhere. Basically, I have CSS styling the body to fullscreen with no scrolling. Within this are 2 divs, for sidebar (left) and content (will be a map control if I can get past this problem). Within the left sidebar I have 2 divs (at the moment), one has a ...

How to resolve issue where table column is too narrow?

I'm new on this particular project, and I've been tasked with resolving an issue that's appearing in IE8. If you check http://funds.ft.com/ETFHomepage.aspx, There's a section called "News". In that section, there's a column called "Most Popular ETFs". This should be the same width as the "Recently Viewed ETFs" column. For reference, th...

How to word wrap <ul><li><div><a></a></div></li></ul>

How would I be able to have word wrap when text in <a> is way too long? I want the <li> to expand to the word wrap using CSS. ...

How can i apply more than 1 style on web page

Hello . I have a drop down list with item: style1 , style2 ,style3 ... THis style are external style. I want to know how to apply this syle in my site when i clik on drop down list. Please help me ...

Save VML and CSS markup

I am using DD_roundies to generate rounded corners in Internet Explorer. The pages that have the rounded elements are loaded very often and the roundies script has to run many times to round corners and fix pngs. This costs a lot of time. The script produces some VML elements that are placed in the targeted elements, and some CSS that it...

IE7 CSS Z-Index issue in quirks mode

I've been trying to figure this out for over a day now, so any help would be appreciated. I have a Suckerfish menu that's made up of ul/li's. I'm trying to add some top down scroll indicators to my menu. In my example I have a blue and green indicator which are just placed inside the menu for now. These indicators are just another LI ins...

Generating color templates for web pages

I'm working in a program that called Artisteer 2. This program constructs template designs for joomla, dumpress, html, css, etc. How can I build an algorithm that generates the color of my site? ...

How to clear the content of a div using javascript?

When the user clicks the button, onclick, the content of the div with id 'cart_item' should be cleared. This question may look silly. i am beginner to javascript. Plz help me ...

How to truly make a navigation bar 100% width.

I'm working on my personal website and when I originally designed it (http://flic.kr/p/83TsXa) it had two horizontal bars that where supposed to extend 100% of the total width of the website, but when I wrote the code I could not get the page to display properly (please see what I mean - www.gaspyweb.com). What am I doing wrong here? Wha...

Browser history via JS or CSS

For many years now, it has been known that a website can use CSS/JS to determine websites that have been visited by a user, e.g. http://news.softpedia.com/news/Mozilla-to-Fix-8-Year-Old-Browser-History-Leak-Issue-139015.shtml http://yro.slashdot.org/story/09/07/02/1317205/Your-Browser-History-Is-Showing There are sites that will use th...

How to consolidate my repetitive jQuery code into a single function?

Hi... jQuery beginner here. Here is what I'm working on. I have an area map with 10 hotspots on it. Hover over each of the hotspots and it shifts the background of the div (id=dialpad) to display other data (in a sprite). The code I have currently works, but I have a separate function for each hotspot ID. Ex: $('#dial1') //...

Header Image stops repeating when window is resized

So i have an image in stuck to the top of my page that repeats all the way across the top. For some reason when I resize the window and then scroll over to the right it stops repeating. The div is the first in the document outside of the wrapper. Any ideas? #header { background-image:url('http://daveywhitney.com/img/paperhead.png');...

Stack Input fields on top of eachother

I have two input fields (a textbox and select) that I would like to get stacked on top of eachother. In my js, I will check the value of something and set on the of the elements style to hidden. When I use the following code, the select and textbox are both completely visible (this is before I mark one as hidden). Is there a CSS property...

CSS: @font-face anti aliasing

Hi all, I'm a bit struggling with the @font-face CSS option. After a lot of reading, trying, retrying I finally came across a website that makes you a ready-to-go package when you upload your font. It's running now but it seems the font doesn't get anti-aliased. While I see this happening at other websites, mine does not render the head...

HTML img has unwanted edges

See anything-pages.com/ and look at World Series 2010 sponsorship logo on left. There is an edge along the top and left sides of the logo which is rendered in this markup: <div style="position: absolute; float: left; left: 0px;"> <img width="200" height="200" src="/themes/zen/atdwh_classic/images/2010 JLBB-30 year - sml.jpg"> </div...