<th> My Heading <a href="#" class="sort-asc" title="sort">Sort Asc</a> </th> I want to apply CSS to .sort-asc to replace the text "Sort Asc" with a custom 16x16 sort glyph image (/images/asc.png), placing the image directly to the right of the text. Is it possible? NOTE: I can't change the markup. I can only apply styles; the fo...
I’m having a problem with my links becoming deactive within some nested elements. I followed some instruction on creating rounded corner boxes via a tutorial by Andy Budd. Anyway, it all works great except when I wrap link tags around a few pieces of copy. I’m a bit of a beginner still so maybe this is a simple fix but I’ve spent over a ...
In the past, I've seen nearly no difference between CSS in the same browsers on different platforms- pages on Safari on Mac usually look identical to Safari on Windows (and same with FF-Win vs FF-Mac). However, now I'm having an issue where both Mac browsers are pushing some elements off by a pixel compared to their PC counterparts. Is...
As we all know, most email clients don't support all CSS attributes. If I want to vertically align images and text, what's the most compatible means of doing so? Right now, I'm doing: <img style="position:relative;top:3px;" src="http://url.com/img.jpg" /> <span>Words and stuff</span> This works in some clients, but not all (particula...
I want that div in the middle of the page, the div should be 561px and the text needs to be left aligned. <div id="notes"> aaaaaaaaa a aaaaaaa aaaaaaaaa </div> ...
I am quite new to the world of CSS, and I've been trying to figure out how to position the .main and .comment side by side in the example at the end, with one caveat. I don't want to squeeze both into the same #container, I would like the comment to sort of "pop" out of the bounding box, and be aligned with the .main but outside of #cont...
I want to use a JavaScript only for all IE version 6,7 and 8. ...
Is there any jquery plugin similar to Whatever:hover http://www.xs4all.nl/~peterned/csshover.html ?.I'm using jquery library already so is there any jquery plugin to make hover possible on all element in IE 6 like Whatever:hover htc does? ...
If I have the following HTML: <p id="p1">Paragraph 1</p> <p id="p2">Paragraph 2</p> <p id="p3">Paragraph 3</p> <p id="p4">Paragraph 4</p> how should I organize the CSS to achieve the fastest page load time? I could organize it by HTML element, like this: #p1 { font-size:12px; color:red; } #p2 { font-size:12px; color:blue; } #p3 { fo...
Having a bit of problem debugging my jQuery code... In order to allow hover effects on block elements (such as div) in IE, I want to use jQuery to do the trick instead of css. My jQuery code looks something like: $(document).ready(function() { $("div.foo").mouseover(function(){ $("div.foo h3").addClass("hover"); ...
Why do we always use <ul> to make navigation why not <ol>? While we can use both technically. ...
I have the following setup. 1 column with a left floated inner column and a right floated inner colunmn. Works very well on firefox. IE does something strange. I have parts in the left column that is loaded from weather.co.za with javascript. The right column has an ad loaded and displayed with jquery. On initial load eerything is fi...
For future reference here is the final result with pixel perfect precision: The CSS code: ._25 { width: 21%; display: inline; float: left; margin-left: 2%; margin-right: 2%; } ._50 { width: 46%; display: inline; float: left; margin-left: 2%; margin-right: 2%; } ._75 { width: 71%; displa...
I have a menu consisting of an <ul> in a Web CMS. I want several menu items to have sub-items that are displayed in a dropdown list. These sub-items are <ul>s as well. This is basically easy to do with a few lines of CSS and Javascript, but I am looking for a ready-made Javascript solution that helps me handle the following: Deal wit...
I'm making a website that has to fit in the entire screen regardless of screen-size. I'm using a table to use this at the moment but I ran into a problem. The web page is divided into 3 columns: the left column stays at the left of the screen and has a fixed size with a background. the right column stays at the right of the screen and ...
Say I have an element with position absolute, with a value set for left; #myElement {position:absolute; left:20px; top:0} If I need to have a class which I can apply to shift the element to the other side I might define something like #myElement.right {right:20px;} But is there a way I can clear the value for left:20px? ...
If i made a site and site looking well in all a grade browsers but if site shows some errors in both XHTML and CSS validation then is there any benefit to solve those errors? Is site with 10 validation errors better than site with 35 validation errors or both are same for search engine? Does search engine read css file? Does CSS valida...
On Firefox and Safari, I can use an image for the border with the following CSS: -moz-border-image: url(shadow_left.png) 0 7 0 7 round round; -webkit-border-image: url(shadow_left.png) 0 7 0 7 round round; However, I can't figure out a way to use a different image for left and right. Is there any way of doing so which is supported by ...
I am attempting to use a UIWebView to display some variable-size content, and I'd like to determine the full size of that content so that I can resize the UIWebView to fit the size of the content perfectly. My attempts at determining the correct height and width of the content, however, haven't been completely straightforward. The follo...
Is there a way to replace the font 'Helvetica Neue' with 'Verdana' in firefox via the userchrome.css, usercontent.css, or user.js? I find this font extremely hard to read without zooming the content. Thanks. ...