Displaying keyword search results 1 - 10
Created by James on June 22, 2010 18:56:40 Last update: February 13, 2012 10:25:47
Created by James on January 26, 2012 21:23:56 Last update: January 26, 2012 21:23:56
In an HTML page, elements can overlap because of position styles. When there's an overlap, elements coming later in the HTML code are displayed on the top. This can be altered by specifying z-index in the CSS. Elements with higher z-index are placed on the top. However , z-index only works for elements that are not static positioned. Static positioned elements are always at the bottom compared to relative , fixed and absolute positioned elements. This is a test page:
<!DOCTYPE html> <html> <head> <style t...Effects of z-index can be tested by adding it to the elements, for example:
<div id="bg" class="big" style="z-index: 3"></div>...
Created by Dr. Xi on February 25, 2011 08:43:40 Last update: February 28, 2011 11:16:10
<!doctype html> <html> <body> <p>befor...What is displayed inside the iframe? Try different browsers.
<!doctype html> <html> <head> <style t...
Created by Dr. Xi on August 31, 2008 20:43:44 Last update: January 22, 2011 12:48:08
Created by James on September 07, 2010 03:11:39 Last update: January 11, 2011 20:28:33
<!doctype html> <html> <head> <title>Vert...For some reason, the following code did not work although...
Created by Dr. Xi on October 26, 2010 04:47:37 Last update: January 11, 2011 20:00:36
<!doctype html> <html> <head> <style typ...
Created by Dr. Xi on April 26, 2007 23:00:25 Last update: January 10, 2011 22:15:32
If you ever wonder how those "cool" dialog boxes are made, copy and paste the following code to a file and test it with your browser. This is probably the simplest code for such effects. If you don't know what I mean, try it anyway.
<html> <head> <title>Test Overlay</ti...
Created by James on January 10, 2011 16:37:20 Last update: January 10, 2011 16:37:20
<html> <head> <script type="text/javascrip...The tricks to identify IE and insert new CSS rules came from Paul Irish .
Created by James on September 10, 2010 23:01:14 Last update: September 10, 2010 23:01:14
By default, heights for jQuery UI tab panels expand or contract depending on the height of each tab. The code snippet here sets the height of all tabs to be equal to that of the container.
<!DOCTYPE html> <html> <head> <title>jQu...
Created by James on June 30, 2010 20:14:28 Last update: July 03, 2010 18:41:12
The HTML page
<!DOCTYPE html> <html> <head> <title>jQu...Client Side Code
// called before upload submit function sta...Server Side Code Using Apache Commons FileUpload as example. Upload code (responds to fileUpload.do ):
final HttpSession session = httpServletRequest...Progress code (responds to uploadProgress.do ):
HttpSession session = httpServletRequest.getSe...