I am using jquery to do two things. First, I have an accordion box (created using .slideToggle) that slides down when the user clicks a link. Second, I have a link that the user can click, which will scroll the window down (using .scrollTop) to reveal some content on the bottom of the page. I would like to combine these two functions s...
Whenver I dynamically replace the html of a element using jquery.html(), no external css (excluding those inheriting from parent elements) gets applied into the elements. By external css, I mean those not directly input into the page via style tag (without src property). Is there a way to make them apply? ...
I have created an HTMl page with three section, header, footer and a table section which is placed in between the header and footer.The header and footer is fixed at top and bottom using the css (top:0px; and bottom:0px;) with specific height. All the three are defined in divs.The scrollable table have to be fixed in between the header ...
I would like the container div to resize to its contents (content div). It doesn't. example.html: <html> <head> <link href="example.css" rel="stylesheet" type="text/css"/> </head> <body> <hr/> <div class="container"> <div class="content"> lorem ipsum </div> ...
Do vertical margins between a floated box and any other box collapse? Do margins of absolutely and relative boxes collapse? ...
In my web site I want to set a overlay above the page when JavaScript is disabled.Since height of every page is different so I am unable to set the overlay based on the page height.Currently what I am doing is that I am setting a fix maximum height of 2000px as follows: .overLay { background-color:#666666; height:2000px; le...
Hi, I have the following stylesheet: /* MyStylesheet.css */ .MyForm .MyInput fieldset { border: 2px solid grey } And then the following HTML code: <div class="MyForm"> <div class="MyInput"> <fieldset> <style type="text/css"> .MyInnerFieldsets fieldset { border: 0 } </style> <div class="MyInnerFieldsets"> <fields...
Hi, newbie question but i can't figure it out: How to make the background image covers the whole page but no repeat? thanks ...
i have a page in which i am displaying the name of all the users i want to filter their names on the basis of first character for that i want to show A B C D ....X Y Z filters on the top on clicking of which it will filter the names accordingly my problem is not the query part but how to add these letters do i have to add 26 link buttons...
I would like to see if anyone can direct me in the right direction to achieve the follow: When the user clicks on SUBMIT the DIV WRAP containing the form will slide off horizontally the page (ie, the 100% width container) showing a NEW DIV underneath (acknowledging confirmation). Of course everything is z-index'd and layered. Anyone w...
Hi, all. I have an ordered list for my horizontal navbar, but I'm using sprite images (for a, active & hover) instead of letting any text show. I'm trying to let the image appear on a row using float: left, but it's not happening. I think the next image appears behind the first. Here's my code: HTML: <div id="navbar"> <ol id="...
I need to place an advertisement as a background image of my webpage. What's the best way to make the body background image a clickable link? ...
I need to convert some images to base64 for embedding into my CSS... anyone know a simple site that will allow me to simply enter a URI and have it convert so I can copy-paste into my code? ...
In the aspx page I have div with id="progressBar" and runat="server".I need to add width of the div from code behind in C#. Can anyone help me how to do this? ...
I am using the belated PNG fix for IE6: http://www.dillerdesign.com/experiment/DD_belatedPNG/ Like so: <!--[if lt IE 7]> <script type="text/JavaScript" src="/Scripts/DD_belatedPNG_0.0.8a-min.js" defer="defer"></script> <script type="text/JavaScript" src="/Scripts/DD_PNG_listing.js" defer="defer"></script> <![endif]--> I hav...
Hi, I'm trying to decide the best approach to implementing the majority of CSS styles on my page. The 2 approaches I have recognized are: 1) To attach a class attribute to most elements and style each class like so: fieldset.MyForm { } legend.MyForm { } 2) To attach class attributes to container elements and style nested elements li...
i have an unknown number of divs with unknown data in each div (unknown height) these divs have same width say 300px. i need to place them one after another so i get a grid as a result. all divs in each row should have same height so each row would be flat and the whole grid would look good. my current version does not work. it makes a ...
I have created a CSS dropdown menu using suckerfish. The problem with it is when you click the top level nav item that takes you to category pages, the pointer is still over that nav item and the dropdown appears automatically in IE. Its fine for Firefox as the dropdown will not appear until I move the mouse, however IE just kicks in...
I want to show a big Image when I press the small thumbnail. A simple Lightbox style script. When I press the grey transparent overlay area around the image, the CSS and image is removed from view. This code is stripped down. Maybe missed something needed... $(document).ready(function() { $(".lightBobo").click(function(e) { ...
Hi, I'd like to create an effect in a site I’m building where an image is masked by an overlay. The overlay should create a “fade out” effect — I don’t actually want anything animated, but the overlay should make the image look as if it’s fading to the background colour at the edges. Something like this: http://imgur.com/fqtc9.png I p...