css

jQuery Selector Help

Hey Guys, I am pretty new to Javascript and jQuery and getting a little confused with "Selectors". Now I am sure you are all gurus and will find this trivial, so hoping you can help. I have this HTML: <div class="class0"> <div class="class1"> <div class="class2"> <div class="class3">Field 1:</div> <label...

Use jQuery to check if all div's are hidden

How would I check if all the div's with class test are hidden. And if they are all hidden set wrap1 to hidden. Thanks. <div id='wrap1'> <div class="header">Header 1</div> <div class='test'><a href="#">Test 1</a></div> <div class='test'><a href="#">Test 2</a></div> <div class='test'><a href="#">Test 3</a></div> </div> UPDATE: Thanks ev...

Semantic html structure for a set of image link (with hover effect), title, and description?

i have a set of items (or a list of items, but i don't want to imply the usage of list), they contain an image link, a title, and a description. The image link needs an hover effect (alpha changes when mouse over), and there's a certain way I want to lay out them: image on the left, then title and description on the right. also there is ...

Firefox hide embeded object bug workaround?

Hi there is a well documented bug in firefox(since version 0.9!) where hidding a flash, java applet, quicktime... really anything you can put in a "embed" or "object" tag makes the embeded content be restarted/reloaded when shown back again. It seems to occur when modifying any display related attribute on css. Normally this wouldn't be...

Display the image in the center of the page.

I have a image -- a loading image. I want that image to be displayed in the center on the page. How can i do that? The code that i wrote is : img.loading { position:absolute; left:0px; top:0px; z-index:1; } How can i make this image always be displayed in the center of the page?? Zeeshan ...

How can I disable highlighting in html or JS?

I need to disable highlighting on my web app. I have a good reason for doing this and know that this is generally a bad idea. But I need to do it anyway. It doesn't matter if I need to use CSS or JS to do it. What I'm mainly going for is the removal of the blue color given to highlighted elements. ...

Source of extra margin in my html page?

The link below shows a page which has an issue. The right pane shows a login piece. There's an empty gap between the name field and the 'Member Login' part. Firebug indicates the gap is caused by a a bottom-margin (16.6px) on the div containing 'Member Login' text. Which CSS element is causing the margin? I can't find it. http://demo.ho...

Absolute columns in CSS

I want to design a simple blog and am using a parent-theme (Sandbox) on Wordpress to do so. I want to use absolute columns and have so far based myself on Dan Rubin's article over here: http://24ways.org/2008/absolute-columns My problem is that the sidebar won't move to the right as seen here: www.dearjasmina.com Obviously, I'm new at t...

Firefox extension to display inheritance from browser defaults?

There are times when looking at a computed style in Firebug, it's not evident how a value is computed or what its origins are. In some situations, the source is the browser's default. In web sites that are already constructed, it's not feasible to inject a css reset which will result in breaking all the pages. Is there a way in Firebug,...

How can i align text directly beneath an image?

i used to know how to put an image up on top and then justify the text below the image to stay within the borders of the width of the photo and now i have no idea how to do this, help please? oh sorry, html! ...

CSS: 100% height content area with variable-height header

I have a page with a variable-height header, content area, and footer. I want the content area to always fill the viewport, and grow vertically to fit content as necessary. I've found lots of examples of doing this with fixed-height headers, but none where the height is unknown. Any solution needs to work in IE 6, 7 and 8, Firefox 3.x...

document.setAttribute

Can this be used to change CSS? Cant see much on w3 about it. Anyone know anything about it. If this forum/site isnt the place for asking browser standard questions, can someone point me in the right direction? Thanks --Mark ...

JQuery, how to find list of div's with similar ID

Hello everybody. I have a structure of html like this: <div id="triger1">some elements inside</div> <div id="triger2">some elements inside</div> <div id="triger3">some elements inside</div> <div id="triger4">some elements inside</div> How do I get array of all the div's in JQuery with the triger ID in them (as you can see, they all h...

Best Image Replacement Technique

What is the best (as in cross-browser) technique to do image replacement in CSS? I am using sprites to do my navigation, but I want the markup to remain SEO friendly. Given the following HTML structure... <div id="menu"> <ul> <li><a href="#">Test</a></li> <li><a href="#">Tester</a></li> <li><a href="#">Testing Testi...

ASP.Net - Prevent website from being screwed up on computers with cached CSS

Hi, When I upload a new version of CSS files for my website, there is an issue where the clients viewing the pages might have a cached version on their computers. They can't see the CSS updates (or even some other static assets like images) until they clear their cache, or press Ctrl + F5. This is obviously not an ideal solution. One w...

Create css files compatible with multiple browsers automatically

Is there any solution that allows you to design a webpage (with, say, a wysiwyg editor) and then automatically compile the design as one or several css file(s) compatible across multiple browsers? ...

What is the best method for tidying CSS?

I'm tidying up a website that has been previously modded by different people in the past. Here is the skeleton of the page I have.. test.html nav.css default.css content.css I think the CSS could do with a proper tidyup. I was thinking of using a reset like this http://meyerweb.com/ to replace : *{margin: 0; padding: 0;} and may...

Silverlight vs overflow = "hidden"

I have a silverlight control on a page where I need to change the style of the body to overflow = "hidden", and then revert the style to overflow="auto" Whenever the overflow style property changes, the silverlight control restarts, losing all data, and operations in progress!!!! Happens in firefox NOT safari. Have not tried IE yet. ...

How to add stylesheet for web part in MOSS/Sharepoint 2007

I am migrating a web part from 2003 to 2007. The web part originally used styles from a modified core style sheet. I now want to create a separate stylesheet just for this web part. I have tried to use CssRegistration.Register("/wpresources/Portal.Megamenu/mystyles.css"); but this results in a HTTP 401 and I have to log in (NTLM is...

Creating new definition for my CSS with JavaScript (and mootools if needed). Selectors problem.

I'm making some divs clickable with JavaScript. I'd like to use CSS to make the user understand that they are clickable, for example changing the color of links inside a div when mouse enters the div. In CSS it is: #menu > div:hover > a { color: #f00; } and it works like a charm. I'd like the color of the link to change when you...