Positioning the fancybox box?
How do I modify the positioning of the fancybox box? I want it to be positioned so that it floats right within my container div... Thanks for all your time and help! ...
css
DIV filling 100% of an unknown parent element
There is a div element I have complete control over, including its contents, associated JS event handlers and style options. This div will be inserted into some web page template I don't know anything about, i.e. it may be inserted into a table cell, or into complex div-based markup, etc. I need to be able to build this div in such a way...
jquery IE support for show()
All, I have the following code , <div id="show" display="none"></div> var ele=document.getElementById('show'); ele.style.display='block'; ele.style.padding='1px'; ele.style.borderLeft='solid 1px #d0d0d0'; ele.style.borderBottom='solid 1px #a0a0a0'; ele.style.position='absolute'; ele.style.borderTop='sol...
how to apply css class to the root folder?
How shall I apply Css Class to the root folder of my mvc application.Because when the application is not given the name of the controller and the start action it is not displaying the images and the css ...
Different style for anchor tag when clearing the browser cache
when i click on anchor tag - a dotted border come around my anchor text. the is is coming in IE7,IE8 and firefox. I have used. a{ outline:none; } this works as expected.But i need to clear the cache of my browser. Unless and until i don't clear the cache in my browser that dotted line appears around my anchor text. Could anybody ...
RoR - howto convert some HTML-elements with css to Rails
I have old HTML code with html and css.. <form action="login" method="post"> <div class="field"> <label for="username">Username</label> <input type="text" class="text" id="username" name="username" value="just click login !"/> </div> <span class="fright"> <button class="button" type="submit"><strong>Log In</strong></button> </spa...
How to test a web designer on css layouts?
Tables have been used in designing web sites for a very long time. Yet, even today, with the multitude of browsers available, many compatibility and accessibility issues rise to the surface. All these issues must be addressed in order to ensure a web site is completely functional to all users including those using alternate browsers. Am...
Custom HTML input component
I am trying to create a new html component using javascript and CSS. The new component is exactly like TextField (<input type="text">). The additional behaviour is each character in the TextField is separated in a box. Is there any existing component available ? If not please give some ideas how to design this component. ...
how to change a css class style through javascript ?
according to the book that I am reading, it is better to change a css, by class when you are using javascript for changing css. but how? can someone give a sample snippet for this ? thanks in advance ...
Calling javascript onmouseout event in javascript
How to call javascript onmouseout event in javascript code? I.e.: var div=document.getElementById('new'); if(div.mouseout) document.getElementById('new').style.visibility='hidden'; Thanks. ...
Making footer image stick to bottom of web browser or page
Hello, I know this has been asked alot of times in the past but for the life of me I can't seem to get any of the other solutions to work. What I'm trying to do is to get the footer (which is an image that repeats across the width of the page) to stick to the bottom of the browser when there isn't enough content to naturally push it to...
How to ignore Onmouseover in javascript on div with absolute position
Hi, I have the following code: <body> <div id="div1" style="position: absolute;"></div> <div id="div2" onmouseover="not handling"></div> </body> div1 covers div2. I need to handle onmouseover on div2. I assume that div1 handles the onmouseover event and postpone it to the body (because the body is a parent element). I cannot chang...
Fixed height and 100% height in container DIV
Hi, I'm trying to get a div to extend to 100% height with the bottom of the scroll bar still visible, when also contained with a fixed height div. Can someone please help me out :) When using the bellow layout, the vertical scroll bar at the bottom of .div2 falls off the height of the viewpoint, i'm guessing because .div1 is 200px high...
Vertically Center Text in an Input Element
I have the following input element (I deliberately omitted attributes which weren't necessary for the example): <input type="text" style="display: block; height: 40px; font-size: 14px; line-height: 40px"> In Chrome and Internet Explorer (probably Opera too), any text inside the input will be vertically centred. However, Firefox seems ...
Apache Tiles 2.1.4 with CSS
Hi, I am using Apache Tiles 2.1.4 with Spring MVC 3. I have managed to configure these together and everything works fine. My next step is to add CSS and this is where I am having an issue - this is most probably a simple one but I can't get my template jsp to pick up the css. Snippet from my tiles-defs.xml <definition name="baseLayou...
How can stop a container div allowing contents to overflow?
Ok, quick ficticious example: <div style="background: #CCC; margin: 10px;"> <div style="width: 50%; height: 400px; background: #FFF;">Child #1</div> <div style="width: 600px; height: 400px; background: #999;">Child #2</div> </div> If I resize the browser to less than 600px wide (child #2), how can I stop the parent div from keeping on...
Need a regular expression to trim a css file of all values, just keep selectors
Used to have this but lost it. Could someone assist? Its a short reg expression that I pasted into TextMates search replace to trim a css file in this way. It finds all text between {} and removes it. selector { value: blah; } Becomes.. selector {} Its so i can clean a css file out ready for theming from scratch. Thanks ...
How to debug CSS with Firebug for an element that only appears when clicked?
I want to debug the CSS for a DHTML menu, but the element I want to debug is a submenu, so it only appears when the top element in the menu is clicked. So I can't use that button on Firebug that shows the CSS for the next element clicked, because when I click on the top menu item it will show the CSS for that element, not its child, and...
Maximizing / Resizing a dialog window in CKEDitor
I need to programmatically maximize / resize a CKEditor IFrame dialog (i.e. a CKEditor dialog with an "ok" and "cancel" button, and an iframe in it for the rest). I would need the dialog to stay centered on the screen. I can see only functions to resize and re-position the window, but to use those, I'd have to calculate the window dimen...
How do I make jQuery UI look better in IE?
I've read the css framework of jquery ui: http://jqueryui.com/docs/Theming/API And find some of the css settings is not valid in IE: .ui-corner-all { -moz-border-radius-bottomleft:4px; -moz-border-radius-bottomright:4px; -moz-border-radius-topleft:4px; -moz-border-radius-topright:4px; } Is there some way to fix this kind of situatio...