’m working on a project that allows users to design forms in a web editor. Some of that content is growing/variable in nature (we run a process against it and add/replace various HTML tags). The end requirement is that this form be printable and look super fantastic. In order to make this printable, I need to insert page breaks approp...
Hello, I have a situation where I need to identify if a list element (li) has a sub (ul) underneath it, and if it does, I need to change the background image of the anchor tag (a) under the (li) to display a sub-menu indicator image (say subMenuImg.gif). All the anchor tags (a) have a css class of "menuLink", if there is a sub-menu for t...
I have used jQuery UI library to drag divs within a web page. While dragging, the div changes it's position and modifies CSS postion,top and left properties. My questions are: 1) Is their a way in javascript to get the values of CSS properties and save on a variable(so that I can submit it to XML)? Those CSS properties are created on r...
Hi all, I'm (needless to say) relatively new to CSS3 and I'm having trouble with aligning content. I have a page with a jQuery UI Tabs module in it. When I display it on the page, it comes out looking like this: EDIT I know it's a terrible screenshot, but I'll just say, the Tab box is left-aligned on the page. I've tried to use the...
Hi, I'm trying to change the background color of an HTML table cell when the user clicks on the cell. Any ideas on how to do this? I have access to the JS Prototype library, so any suggestions for Prototype or straight Javascript would be welcome. Thanks! ...
We've heard for a long time that big companies won't upgrade from IE6 because some crucial legacy app was built specifically for IE6. Unfortunately the definition of "App", weather its a web app, desktop app, browser plugin(!), or something else is not specified. But what actually breaks when upgrading beyond IE6? I can't really think o...
I want my page to have 3 blocks: LEFT CENTER RIGHT. I want block LEFT and RIGHT is about 150px wide, and block CENTER just fill up the rest of the space. There are 10px gap between the each block. Here is my attempt: #left { float: left; margin-top: 2px; padding-left: 3px; width: 150px; height: 800px; color: blac...
There are two websites, one live one under development. I am porting a site to Zend Framework (for maintainability/integration purposes). The original (live) site has seamless page loads - it will load, then update the content on the screen while keeping the background image, navigation etc on the page. The ported site (development) "f...
I am kind of new to css and html coming form Actionscirpt.. I was wonder if there is a better way to do this. I created an external css with following div. #myDiv{ position:absolute; top:200px; left:200px; width:200px; height:200px; } and in html I want to use the same div for 3 different things with different value/property. <di...
How can I reset <ul> and <li> tags to defaults inside html file without touching css? For example, this gives me all items horizontally lined up same without any indenting. I am assuming they are getting their attributes from the css file, removal of css link in html makes them properly. So how to reset them? <ul type="disc"> <li>Elect...
Here’s what I'm working with. As you can see, I’ve got a lot of block elements, that I want to get into five columns. However, since they’re of differing height, they don’t respond well to being floated. (Hence the huge hole in the middle of the page.) I know I’ve seen a JS workaround, that calculated the heights and put the elements...
Is there a firefox addon or is there a way to use firebug such that you can select some text on the website and it will tell you what styles are being used for that bit of text? At the moment if I select a bit of text that is styled using css imported from elsewhere I would have to go digging manually to find out what style is being u...
Hi experts, First of all let me know if my question is completely vague or doesnt make any sense. What I am trying to do is: I Have a page which displays some blocks of data (Block can be considered as a row of data). Each block will be seperate <DIV> and inside this <DIV> I have Nested two tables. My question, How do I populate or g...
How can I append style element to DOM without eliminating existing style on the item (eg color, text-align, etc). The event calls the function, but the problem is 'Style' gets completely replaced with the single item instead. I have simple code triggered on event: function changeback(onoff) { if(onoff){ docum...
Suppose you have this html: <span> aaa </span> <a> bbb </a> <br> <span> ccccccc </span> <a> dddd </a> You need the span to be of a certain width, so there is a certain layout. How do you do this without resorting to floating divs? ...
I have an unordered list and I have set the style property 'none' so that the circles are not displayed before the list items. It works fine in Firefox but in IE still those circle are present. So can any one help me how to it in IE also? I have written like: <ul type="none" style="text-align:left;"> <li><a hr...
Hi I need to optimize an image gallery slider since a lot of browsers have a hard time dealing with the animations. Please consider the following example: var $div1 = $('#div1'), $div2 = $('#div2'), $div3 = $('#div3'), left = 0; function animate() { left -= 10; $div1.css({ left: left + 'px', width: 1000 - left + 'px' })...
Hi I need to set the css on some menu items on its hover based on whether they have childitems or not. "Home" "Manage Customer" "Manage Employee" "Customer List" "Employee List" "Customer Detail" "Employee Detail" The sample menuitems are shown above. I want "Home","...
I used some div and ul to display some items in list as shown bellow. In Firefox and chrome all the links works fine. But in IE link 'All Items' and link 'Information' does not work.I have found some clues like due to 'margin-left' property it is occurring.If I remove 'margin-left' from that specific anchor link it works, but alignment i...
I have a problem and I can't figure out what exactly is causing this behavior. I cannot access my input fields and textareas on my HTML form. Unfortunately, the JS, HTML and CSS are very large, so I can't really post it all here. Can anybody tell me what to look for when debugging this strange behavior? UPDATE If I move the cursor ...