css

JavaScript and CSS

I am wanting to implement Thickbox, which I have done a number of times. My issue is that I am doing some jQuery like: $('#txtData').load('aerialProductListing.inc'); and when this happens, the CSS is lost. How can I get the stylesheet recognized again? or can i do something inline to work around? Edit: txtData is simple: <div id=...

How to make bigger slides with AnythingSlider (jquery plugin) ?

Hello! I've followed the instructions on the website of Anything slider (http://css-tricks.com/anythingslider-jquery-plugin/), about customizing, but when I add width, I have slides dissapear or blank slides. Any help will be much apprecied. ...

Setting the width of inline elements

Hello You can set the width of inline elements like <span>, <em> and <strong>, but you won’t notice any effect until you position them. a) I thought the width of inline an inline element can’t be set? b) Assuming width can be set - we won’t notice any effects ( thus the width we specify ) until we position inline element. Posit...

When margins of adjacent inner and outer element collapse

Hello I’ve read that if one element is nested inside another and they both have margins, then they could collapse ( assuming their vertical margins are touching ). a) Under what conditions would their vertical margins be touching? Perhaps only when a parent element has a fixed height, while inside elements take more vertical space...

Center Div inside another (100% width) div

Quite a "simple" problem here and not sure why it's being so complicated. Have a 100% (width) sized div. Have another div positioned in the middle of this div (sized 940px width) Any ideas? :) ...

Adding options to SELECT tag via JS ..Are not styled by CSS?

I have a select tag that looks like this: <select style="background:#fa7171; color:#FFFFFF;" name="product_type_sub" id="product_type_sub" onChange="ajaxFunction(1);"> <option value="None Selected">None Selected</option> </select> You can see the inline css sayin the font should be white, and it is at first. but I add/remove more ...

JQuery h2 selector issue

I am having issues getting my JQuery Selector to access a particular HTML element. I have an <h2> tag which I am trying to remove the css class from and then add a new one to it based on some user action. My h2 css is defined as: html .image_thumb ul li h2 { color : #ffffff; font-size: 1.5em; margin: 5px 0; padding: 0; }...

CSS Form Frameworks?

I have been looking at a couple html/css form frameworks like Uni-Form and Formy. They provide easier management of html forms. I was wondering if anyone knows similar ones. I am not looking for css grid frameworks nor Yahoo's YUI. ...

YUI: Aligning the baseline of a YUI button with the text next to it

Possible Duplicate: Aligning the baseline of a YUI button with the baseline of the text next to it I'd like to display a YUI button next to some text, but the baseline of the YUI button text does not line up with the baseline of the text next to it. My text size and font for both the button text and text next to it is identica...

browser type detect in css

Does anyone know how can I detect the browser type in css? What I trying to do is when the user viewing the page by using IE 8, then will set class 'black2' to { font-size:0.75em; color:#1e549b;} in css else will set it to { font-size:0.95em; color:#1e549b;} ...

I'm having trouble trying to select a <textarea>

HI, Any ideas why I can't highlight the text in the "blurbedit" or "headlineblack" divs? I think I did a bit of sloppy coding to get the footer divs to line up horizontally, but that then meant that the top divs can't be selected, which isn't great when one of them is an input field! check out this example to see what I mean: www.ghe...

How can I retrieve the class of an element using jQuery/javascript?

Hi, I have a bunch of inputs like this <input id="someId" type="button" class="SomeClass" onclick="determineClass(this.id, event)" /> From javascript I would like to get the class, it's different for each input. function determineClass(id, e) { var elementClass = //Somehow get the class here } It can be using jQuery or just pl...

Sticky Footer CSS Problems

Hi all, I have been able to design my layout so that it has 2 columns and a width of 100%, you can see that here. Now I'm trying to implement a sticky footer (100%) height with this layout which also has the background in the right hand column flow down the footer and also with the border I have in the left hand column. Is there a way...

Website works great in everything but IE7,

I can't seem to figure out why my website breaks in IE7, I'm sure it has to do with something in the CSS but I can't find it and its driving me nuts. I feel I've been looking at artwork so long I can't see what the problem is. Can anyone come in with a fresh set of eyes and help? Thank you =) website: rburtonart.com ...

jQuery opacity animation distorting positioning in Internet Explorer

I'm trying to implement a click-like effect on my horizontal tab menu using opacity property and jQuery animate function. Here is the code for doing this: $(document).ready(function() { $("div#header > ul > li").click(function(event) { $(this).animate({opacity: 0.7} ,"fast", "", function() { $(this).animate...

CSS: How could I deactivate kerning for my font?

How could I deactivate kerning for my font? ...

User Experience - How can you test a candidates knowledge and ability?!

Hello! I am interviewing candidates for a role that centres around user experience. The issue is that I am unsure of the best way in which I can test someones ability in this field (i'm used to grilling them with OOP questions for dev roles). I had thought of giving the candidate a PSD file and seeing if they can translate it into compl...

how do I pre load images for mobile website (e.g. http://m.youtube.com/, http://m.zoosk.com/)

I used this method: CSS Throwdown - Preload Images without JavaScript By Jeff Starr - http://perishablepress.com/press/2007/07/22/css-throwdown-preload-images-without-javascript/ It works fine when I view it in web browser, however on mobile, it doesn't seem to have any effect, .png icons still takes too long to load. ...

How can i avoid line break in an inline element?

I am building a menu with horizontal main entries. Below each the corresponding submenu titles are displayed vertically. Now, some longer menu titles are wrapped over several lines. Actually, the "sub" UL is just as wide as the longest single word in a submenu and all others are wrapped accordingly. I have given no width for the UL nor t...

Use HTML tag names, classes or IDs in CSS?

In designing the HTML and CSS for a page, when should I use img.className versus .className versus #idName or some other variant? Are there guidelines or recommendations? Summary from answers Thank you to all answerers - there is some excellent stuff here! make CSS as specific as possible use an OO approach order: ...