css

Why does the content of this page shift a few pixels to the left/right?

I'm using a "Centred Header/Footer/2 column CSS" layout. In test1.htm if their is minimal page content and the page footer is fully visible within the browser window then when you click on test2.htm the page content shifts to the left. If test1.htm has enough content to push the footer off the bottom of the browser window then when you...

Can CSS be used to target user definded attributes in HTML tags?

I have a lot of divs with attributes and values. My question is can I target these divs using CSS for styling purposes? That way I can create CSS classes for styling and have javascript for adding functionality on the page. Otherwise I need to create CSS classes and attributes individually. An additional point - I'm doing this so that...

how to partly reverse a character's color? (its 33% to the left is black and 67% to the right is white)

When Chrome or Firefox is used on this page: a page on dell.com (or most any product page should work). There are 4 tabs, and if we click on the last tab for "Review", the status bar will have characters that is partly reversed. For example, the letter "v" can have 66% to the left being white and 33% to the right being black. I am p...

TwinHelix IE PNG Fix not working for unordered list or list items

I am using the TwinHelix IE PNG Fix http://www.twinhelix.com/css/iepngfix/ in order to have PNG transparency support in IE, but for whatever reason it doesn't seem to work in IE 6 for unordered lists and list items. Everything else works fantastic. Has anyone experienced this issue before, and did you find a fix for it? ...

simple rounded borders with JQUERY or something else

Duplicate: What is the best way to create rounded corners How to make a cross browser, W3C valid, semantic, non-javascript ROUND corner? jQuery rounded corners Do you know a way to make rounded borders to div elements. I used ruzee but i got problem to use CalenderExtender(asp.net ajax) and GMDatePicker components. ...

Using different CSS sheets with the same rule names for different HTML document elements

I need a way to load multiple style sheets with the same rule names, and then apply them to different elements on a page. Is this possible? Here's an example of something I'd like to do. Take the two style sheets below: style1.css: .size{ color: #FF6600; font-size: 18px; } style2.css: .size{ color: #FF0000; font-size: 14px; } ...

HTML naming conventions for ID, class and to include element type prefix?

Hi there, Does anyone know of a good resource to explain good naming conventions for HTML ID and classes and whether to prefix with IDs with an element type i.e. btn or button or similar? Should classes be plural or singular? I get that IDs should be singular due to them being unique, but what about classes? IDs and classes should us...

Rounded corners on a fieldset

Hi, I noticed that the "fieldset" tag renders a rounded corner border on IE (it renders squared on the other browsers). <fieldset> <legend>My legend</legend> </fieldset> BUT if i set a CSS style on the fieldset, the rounded corners disappear!! Anybody know why? How to keep the rounded corners but with another border color?...

Surrounding a ValidationSummary with a box via CSS

Hi, By default Html.ValidationSummary() produces HTML like this: <span class="validation-summary-errors">There were some errors...</span> <ul class="validation-summary-errors"> <li>First Name too long</li> <li>Invalid Email Address</li> </ul> I'd like to select the entire validation summary and add a bounding box around it via ...

obtain height to position a div in absolute mode

hello everyone, as my last question was answered inmediatly.. i decided to post a new one which is taking all my hair away, XD this is the problem.. i have a design with an absolute positioned div.. which has a transparent png and a simple anchor... just like this. <div class="buyfloat"> <img src="img/buy.png" /> </div> so.. i...

Using relative URL in CSS file, what location is it relative to?

When defining something like a background image URL in a CSS file, when using a relative URL, where is it relative to? For example: /stylesheets/base-styles.css: div#header { background-image: url(images/header-background.jpg); } If I include this style-sheet into different documents via <link ... /> will the relative URL in t...

Server-side logging when someone prints a web page

At my work, we're interested in tracking how often people print our web pages. (If a lot of people are doing it, we'll probably put more focus on making the print view nicer.) Obviously if we put a "Print" button on the page, we can log when people click on that, but if users just use the "File" menu and choose "Print," we have no way ...

Is there a quick way in javascript to determine if an ancestor node is positioned absolutely without walking up the entire tree?

I need to determine if an HTML element is nested inside an element that is positioned absolutely. (1)* e.g. I can do this: function hasAbsoluteAncestor(obj){ while(obj != null){ if(window.getComputedStyle(obj,null).position == 'absolute'){ return true; } else { obj = obj.offsetParent; } } return false; } /...

Save an html page + change all links to point to the right place

Hi - You probably know that IE has this thing where you can save a web page, and it will automatically download the html file and all he image/css/js files that the html file uses. Now there is one problem with this- the links in the html file are not changed. So if I download the html page of example.com, which has an < a href=/hi.ht...

Checkered table rows and columns?

Is there a way to make the rows and columns in an HTML table checkered between 2 different colors? I made a spread-sheet like list of data and I am thinking it will look better and be easier on the eyes if the rows/columns were checkered between white and off-white colors. Thanks! ...

How do I italicize text in HTML?

I don't understand how to do this! ...

[jQuery] slideDown and slideUp errors

Hello, I am new to jQuery and already I'm seeing problems with the built in slideDown()/slideUp() animations. I'm using a flexible width element, and when I use the function, the element does not return to it's full width. I am thinking this has something to do with the way jQuery finds the width of the element. I am experiencing the e...

Is it possible to change the font height, not just the line-height?

I am wondering if it's possible to change the font height and not line height in css. An issue comes up when I have multi-line links with a hover effect: when moused over the lines the effect flickers on and off because of the increased line height: Example Is there another way to do this? ...

How to make XHTML "table" with fluid table rows

Basically i want to be able to make a a grid of boxes, where i can align text at the top middle and bottom of each box, and have the boxes on the same row resize when text in another box on its row pushes it down. If you look at this HTML 4 code, it achieves what i want to be able to do, but id like to be able to achieve this with the X...

Css fixed display not working in IE6

I'm trying to duplicate the getsatisfaction tab kind of effect - it works fine in IE7 and Firefox and almost every other browser but its all messed up in Explorer 6 - I hate IE6 but heck its the most commonly used browser - my tab is now instead of being overlayed on the side is sitting at the top corner of my page pushing all the page c...