Making ExtJS Window maximize animated?
Hi, My question is simple: is there a way to animate the maximize of ExtJS windows? Currently my windows just maximize without any animation and it looks "boring". ...
css
YUI Calendar: how does it load the Sam's Skin CSS?
I'm using YUI 2's calendar in YUI 3. How does it load Sam's skin CSS? I didn't manually include it (though it seems like I should so the user can download it in the one request I make to the combo loader for css). Strangely, I don't see it being downloaded nor do I see it in the JS files themselves. I must be overlooking it. This is...
Dynamically alter outter div as inner one gets bigger.
I have two divs, one inside another. The outter one is called #wrapper, while the inner one is called #pad. Now #pad allows user input, and I have a javascript (jQuery) function that changes the content of #pad based on what the user input is. Sometimes, because of this function, #pad's content will cause the div to become more elongat...
IE DIV with absolute positioning width goes to 100% of screen when it has a floating element inside
I have created a dialog box ( a div with position:absolute) if any element inside the box has a float : right the width of the box goes to 100% of the screen in IE7 float :left does not affect it. this problem is specific to ie7 thank you for your help ...
ie8 playing funny with list-style-position: inside
Ok, So problem here... when using list-style-position:inside in IE8 the first like is indented but every line after that is not. So the new lines appear under the bullet. This is fine, but when I use a list with that css applied with an a tag within the li then the text automatically gets pushed to the second line, and the first line i...
CSS 100% Height Div
Im making a website http://nebkat.com/beta/index.php and there is a grey background and a white background for content(see for yourself). The problem is that I cant set the white part to be 100% height. It only stays up to the title(Welcome...) and then it stops. ...
changing decimal prefix/suffix in numbered lists
Most browsers display ordered lists like this: 1. foo 2. bar 3. baz Is there a way to change the numbering to use a prefix instead: #1 foo #2 bar #3 baz ...
want to increase delay timmings for hover effect
i have three level of ul li. <ul> <li> <li> <ul> <li> <li> <ul> <li> I want to increase the hover timings i.e when i hover over the second level li the delay time for hover has to be increased until i reach its children i.e third level ...
How can I stop my "headerSticky" and "content" divs from overlapping?
I'm making a page that has three main components: a "headerSticky" header div, "sidenav" left navigation div, and "content" div. The side navigation is fixed and does not move; but the content div should be scrollable on its own. However, the top of the content div is always overlapped by the header div. Here is the CSS for the heade...
How to manage and make look of complex data <table> identical in all browser?
What are helpful CSS properties which can be helpful for table? I have to make so many complex tables which have different type of colors in columns, thead, borders, padding, alternate row and column colors etc. I want to use as less as possible of css classes. How to make complex tables design with combination of as much as possible of...
Making a lightbox support printing on web page
I know the idea is to use a separate stylesheet for printing that hides everything other than the lightbox when the user clicks the print button on the lightbox. It sounds easy but there are always some obstacles. So I would like to know if there is any working example that supports all major browsers. I searched in google and found ma...
IE6 - body shrink on hover / z-index change
I'm debugging a site to make it work for IE6 (god, please, let this be the last time). I've gotten pretty far with getting the the layout look right. There's just one more thing bugging me. Some elements like links, when they get hovered, the body of the site shrinks. I have built a dropdown with javascript. When it should show, the ...
set width height by a set a parameter in html
i need to set a image at 128*128px on a html page. i know the way width="128px" height="128px" but are i can do it by write a parameter on image like param="128px" then he set width and height 128px; ...
How to use and manage relative font values as easy as we use px
what are cons to use relative values em and % for fonts, What is rounding problem? and how to avoid/solve rounding problem. Is there any calculator? How to use relative values as easy as we use px ...
div with float next to div with width
Hi, I have html: <div class="field-label"><label>Email: </label></div> <div class="field"><input class="input" ......></div> and piece of css: .field-label { clear:left; float:left; padding:0.5em; width:6em; } .field { padding:0.5em; } And it worked fine. But for some elements I wanted to apply following change: when I add width...
CSS width fills out in IE8 Compatibility mode, works as it should in normal mode
I am trying to create a border around an image on the page, and the border works fine in IE8 Normal mode, but fills to 100% of the outer div in IE8 compatibility mode, my css is the following: .page-layout .page-header .page-image { float:left; vertical-align:top; width:170px; } .page-layout .page-header .page-image div, .page-...
Internet Explorer background-color hover problem
I have a strange Problem with table formating using IE 7. My table looks like this: In IE, when using border-collapse, the borders don't get displayed correctly. That's why I used this fix: .table-vmlist td { border-top: 1px solid black; } td.col-vm-status, tr.row-details td { border-left: 1px solid black; } td.col-vm-rdp, tr.row-de...
How use MICR / E13-B Fonts in HTML Page.
Hey Their, I want to show my cheque numbers like "MICR / E13-B Fonts". How could i display it using css. Thanks Rahul ...
Simple CSS tabs - need to break border on active tab
I want to create a very simple tab style that looks like this: _____ _____ _____ _|_____|_| |_|_____|______________ So basically there is a horizontal border on the bounding box that breaks for the active tab. I'm using a basic list, with the following CSS, but the outer border always appears over the individual tabs. I've t...
Overflow: hidden bug in IE8
I've built a Javascript carousel that scrolls a UL inside a holder DIV with overflow set to hidden when the user clicks a left or right arrow. The HTML is as follows: <div id="promo-carousel-holder"> <ul> <li class="promo-item"> <img src="_includes/images/promo-tyr...