css

Supplying non-minified CSS/javascript on demand

Minfying your stylesheets and script files improves your site's performance. However, sometimes you might want to make the non-minified versions of the files available - perhaps to comply with the GPL or to implement the optional code-on-demand REST constraint. Is there a standardised way of doing this? The only way I can think of is t...

Make text selectable in html pages looking like iPhone forms

I am working on an application than needs to create pages looking like this: http://iui-js.appspot.com/samples/music/music.html#_usage The problem I have is that, just like in the page linked above, the values are not selectable neither with iSafari nor with the desktop version of Safari. I need to be able to select and copy the val...

Jquery: Transparent overlays on hover

Hi guys, basically I have 4 images with divs set up like this: <div id="selector"> <div id="1"><div class="folio_container pk"><div class="overlay"></div></div></div> <div id="2"><div class="folio_container ybn"><div class="overlay"></div></div></div> <div id="3"><div class="folio_container u"><div class="overlay"></div>...

CSS dropdown navigation cut-off

I'm running into a problem with the footer navigation on a site which has a drop-"up" menu that is cut off by another div. I've set overflow: visible for all applicable divs in the footer & set z-indexes for correct content stacking, but to no avail. I've started to run out of potential solutions. Can anyone help me resolve this? I...

How do I compensate for the overflow property?

stemming from this question This first image is with no overflow. The top is before I press the button, and the bottom is after. And this image is with overflow:auto. The top is before I press the button, and the bottom is after. What I'm looking for is the panel to look like it does in the first image before I press the butto...

What is the best way to get clean semantic XHTML from MS word documents?

Some days ago I received a rather lengthy and somewhat elaborate MS Word document, which I was asked to convert to HTML for uploading to a 3rd party’s website. My first instinct was to save the Word document as HTML and use Dreamweaver’s "Clean Up Word HTML" Command. But not only did I have to leave it running all night for Dreamweaver t...

Set visited link color to whatever the color of un-visited link is (P.S. not the usual question)

I need to set the a:visited CSS to whatever color the normal a is set to. What I want to be able to tell the browser is, for the visited links, use the same color as the unvisited links, whatever color it is. I need to do this without specifying a particular color. Like, if some weird browser comes along that uses "green" as the color...

Css tool, to calculate how many (in bytes) inline css in html

There is Firebug AddOn - "Inline Code Finder", but it doesn't show how many bytes! Do you know any tool doing it? ...

How to remove an html element according to its contents with jquery?

If I have some html like this. <ul class="menu"> <li> <a href="pageGreen"> pageGreen </a> </li> <li> <a href="pageBlue"> pageBlue </a> </li> <li> <a href="pageRed"> pageRed </a> </li> <li> <a href="page1"> page1 </a> </li> <li> <a href="page2"> page2 </a> </li> <li> <a href="page3"> pag...

Images don't load in IE

Demo: http://www.simpsoncrazy.com/characters/poster2 (Using Map Hilight plugin: http://plugins.jquery.com/project/maphilight) When you click a quadrant of the image, it should zoom in on that image, however in IE8 (regular and compat mode) the "zoomed" images never load. Also on the top-left segment the right arrow appears on the left. ...

jQuery css() function won't apply IE hack attributes

I'm trying to apply an inline-block style to an element (a div to be specific). And in order to achieve this in IE you have to use a hack: $('#element').css( { 'display' : 'inline-block', //applies inline-block to matched elements in all browsers except IE due to hasLayout bug 'zoom' : 1, ...

Div Content Overflowing

Hello, I'm having quite an issue here with a website. http://www.radonsystems.net/newsite As you can see, that blue div container is having issues. Content from the next li is spilling into the current li. How do I stop this? CSS for area: #strip { background:#039; border-bottom: 1px solid #ccc; } #strip ul { margin-left: au...

Auto-Inserting <br /> tags using CSS

I'm new to CSS and I want to minimize the amount of tagging I am doing in an HTML document. Is there a way to define newlines as having <br /> so that for a given <div> that I've defined I can do the following: .description { br: on; color: #D3E22A; width: wrap; } ...

CSS: shades darker and lighter

Hi there I'm trying to use some sort of "darker than" or "lighter than" tag in my CSS page definitions... Is there any such a thing, or do people have a suggestion of a way that one could do this? Thanks, jml ...

PHP Include Error w/ CSS

I have having difficulties on this one page login.php becuase of the nature of the session it does not allow a $page to be called. I included the header the same way I did on all other pages. The code highlighted between the ===== is my header include with $page defined for the < ul > so I can call a different class each page. But it's n...

How can I override an external css?

I'm using the YUI Javascript framework, which gives me a calendar widget that comes with a css file. These are included at the top of my Site.Master file. I'd like to override the style associated with the widget, but I can't seem to figure out how. I've tried adding an entry for the widget's class: .yui-calendar { height:10; width:1...

Can Firebug show font-size inheritance tree when using em?

Sometimes some text shows larger than what I expect because the font size in em is based on its parent and the parent on its parent. I would like to see as a visual cue in Firebug or Web developer instead of going up the tree manually to figure out which parent was the cause of the an expected font size. What I am saying I know what is ...

How does yui improve performance?

Hi Guys, Just curious to know if yui improves performance? As all the css and javascript files are on the YAHOO servers and only a part of it is loaded when needed. so does it help in improving performance? Thanks ...

how to focus a tr or td tag using jquery or java script?

for(var i=0;i<tr.length;i++){ var td = tr[i].getElementsByTagName("td"); if(td[2].innerHTML==time && td[3].innerHTML==cls){ td[0].setAttribute("id","focus"); tr[i].style.backgroundColor="green"; var foc = document.getElementById("focus"); foc.focus(); cnt++; } else{ tr[i].style.backgroundColo...

background image dissapears when using -margin

Been up all night gettin this silly background to show: Here is the test page: http://sensenich.bythepixel.com/products/view%5Fpropellers You will see 3 columns in the middle. When you hover over them, a drop shadow gets added underneath. I had to set the margin to -10px since the shadow drops outside of the main div. Just take a l...