css

force webpage cursor

According to w3schools The cursor property specifies the type of cursor to be displayed when pointing on an element. However I found an elements cursor is not shown under certain browsers when working with a rich text editor, which uses an iframe. Firefox/Chrome/Safari/Konqueror work but IE/Opera do not. Is there a way to r...

Creating vertical space in CSS

So, I've got a box in the center of the page (vertically and horizontally) with a fixed height (200px) It contains two elements, of arbitrary height. I want one to be anchored to the top, and one to be anchored to the bottom of the box. CSS3 is fine for this, so please use it if the stylesheet is clearer. ...

Appending an image to a link based on its content

I have a system that generated links to different parts of the application. I need to append an image next to the link based on its context. In CSS I would do it like this: a { color:#FF6600; padding-right:50px; background-image: url('images/system.png'); background-position: right; background-repeat: no-repeat; } The proble...

link element onload

Is there anyway to listen to the onload event for a <link> element? F.ex: var link = document.createElement('link'); link.rel = 'stylesheet'; link.href = 'styles.css'; link.onload = link.onreadystatechange = function(e) { console.log(e); }; This works for <script> elements, but not <link>. Is there another way? I just need to kn...

how to create Pert charts made with CSS or javascript

Please every body, How do I create pert chart like this? I want to make with CSS or javascript. thanks a lot http://upload.wikimedia.org/wikipedia/en/4/40/Pert_example_network_diagram.gif ...

Change bg color when radio btn is selected.

I need to change the bg color of a div containing a radio button when the user slects the button. I am using jquery - so its seems like there should be some simple way to accomplish this. I have my html setup something like this: <div class="sales_box"> <table> <tr> <td class="radio_cell"><input type="radio"></td> </tr> </table> </div>...

Change bg on radio deselect

This is just an add on to my last question. Once I deselect the radio button I need to return the background color to its original state. So the solution we came up with is: $(document).ready(function(){ $('input:radio').change(function(){ $(this).closest('div').toggleClass('highlight'); }); }); Now I need to remove th...

Resolution problem with drop down menu

http://www.israelnumber.com/new2/ the drop down menu on small resolution is hidden and a scroll bar appears , how can i move the menu to hidden menu to the left? tnx ...

Javascript Div rollovers

I am using Jquery - is there a simple way to change the background color on a div when a user rolls over it? ...

Floated <li>'s with seemingly all margin's set to "0," but still seeing space between siblings???

Hey, So I'm creating an unordered list, floated to the right and styled with varying backgrounds to fashion a menu. It was hell setting up the Jquery (animation queues, repeating animations while hovered, etc,) but I got it to work finally. Here's the CSS and Jquery for the navigation, and animation. <script type="text/javascript...

CSS3 Fade Effect

a { float: left; width: 32px; height: 32px; text-align: left; text-indent:-9999px; background: url('../img/button.png') no-repeat 0 0; -webkit-transition: background 300ms ease-in 2s; /* property duration timing-function delay */ -moz-transition: background 300ms ease-in 2s; -o-transition: background ...

Check users resolution in css?

is it possible to behave according to the user's resolution? ...

IFrame scrollbar issue in IE7

I am working with an IFrame and I can't seem to figure out a way to disable only the horizontal scrollbar in IE7. I need the vertical scrollbar but I want to completely disable the horizonal bar. Check out the IFrame setup here: Iframe Example I have disabled horizonal scrolling in the other browsers using: overflow-x: hidden; overf...

2 columns with DIV .... max size for the second

Hello, I have this code : <div id="containerDiv" style="background-color:Lime;"> <div style="float:left;width:150px; background-color:Red;"> AAAA </div> <div style="float:left;background-color:Fuchsia;margin-left:10px;"> BBBB </div> <br style="clear:both;" /> </div> The first column has fix size, I...

is it possible to center a span in a div while positioning an anchor in the same div?

With markup like this: <div id='titlebar'> <a><img src='foo.png'></a> <span>Title</span> </div> is it possible to center "Title" while positioning the anchored image? ... [foo] .....................Title ............................... Thanks ...

How to style a real nice datagrid?

Are there any css templates with images online (and for free) which you could employ to a html-table, and make a real nice datagrid? Something similar like Ext js or equivalent. I mean something "finished" someone has made. I have quite good css skills but don't trust my photoshop skills. ...

CSS: problems with a floating element in IE6

i have this page. login: [email protected] pass: m As you can see in FF the filter is on the right of the list, but in IE6 not.. How do I fix this problem? ...

merging my CSS and JS files breaks code (working on mac, not on my server)

I'm merging (and afterwards minify with YUI compressor) my CSS and JS files. My web application works fine when just linking the separate files. Now I want to merge the files as one CSS file, so I just basically do the following: find /myapp/js/ -type f -name "incl_*.js" -exec cat {} + > ./temporary/js_backend_merged.js That merges al...

How should coder write HTML for a designer without understanding CSS and design?

I've recently started materializing my biggest website project idea. Not sure if this relevant, but I'm using ASP.NET MVC 2 and Microsoft stack. I appreciate design and aesthetics, and know they play a critical role in the success of this project. I think I have an eye for basic usability things, but from design and visual perspective, ...

how to align right, left divs in content div at the same top-level? Thanks.

#textblock{ width: 260px; height: 100%; position; border: 1px solid #999999; padding: 0 5px; float: right; font-size: 95%; background-color: #FEF4CC; } #brevillestandard{ padding: 8px 0 0 5px; height: 80px; Width: 61%; border: 1px solid #999999; float: left; margin: 5px 5p...