Scrollable CSS Table that Works in Most Browsers

Here is a simple script you can use to create a Scrollable CSS Table:

• http://www.imaputz.com/cssStuff/bulletVersion.html

Simply view source and copy the code into your html editor.

The best Javascript, ajax links backup

http://www.ajaxdaddy.com/demo-smooth-gallery.html - best fade gallery tv banner with arrows


http://workshop.rs/projects/jqfancytransitions

-------------------------------------------------------
Javascipt Day and time countdown timer, displays a live countdown from a target date.
http://www.hashemian.com/tools/javascript-countdown.htm

--------------------------------------------

http://www.ajaxdaddy.com/demo-ajax-carousel.html - can edit background. The best ajax carousel.

http://www.ajaxdaddy.com/javascript-icarousel.html

http://jqueryfordesigners.com/automatic-infinite-carousel/

http://demo.tutorialzine.com/2009/11/beautiful-apple-gallery-slideshow/demo.html

http://www.sunsean.com/idTabs/#t3 - tabs

http://jqueryfordesigners.com/slider-gallery/ - apple product category slider

http://www.openstudio.fr/jquery-virtual-tour/sculpteur.html - panaroma

http://www.jquerylabs.com/flip-jquery-plugin.html - flip tvbanner

http://www.jquerylabs.com/sponsor-flip-wall.html - flip wall

http://www.ajaxdaddy.com/demo-glider.html

http://www.ajaxdaddy.com/demo-smooth-gallery.html - best fade gallery tv banner with arrows

http://www.ajaxdaddy.com/demo-slideshow-alternative.html - best auto fade gallery tv banner no arrows

http://www.hotajax.org/images--gallery/jquery/126-supersized-30-full-screen-background-a-slideshow-jquery-plugin.html

http://www.dynamicdrive.com/dynamicindex17/floatbar.htm

http://www.dynamicdrive.com/dynamicindex17/stayontop.htm

http://www.dynamicdrive.com/dynamicindex5/overlapcontent.htm

http://www.dynamicdrive.com/dynamicindex17/haccordion.htm

http://www.1stwebdesigner.com/resources/300-jquery-css-mootools-and-js-navigation-menus/

MENU
http://cssmenumaker.com

http://www.cssmenubuilder.com

http://www.dynamicdrive.com/dynamicindex17/indexb.html - load external pages using AJAX

http://www.dynamicdrive.com/dynamicindex17/ajaxincludes.htm

http://www.dynamicdrive.com/dynamicindex17/iframessi.htm - dynamic iframe resize

ajaxdaddy.com
http://www.hotajax.org/

http://www.hotajax.org/images--gallery.html

DROP DOWN SELECT BOX
http://lab.artlung.com/dropdown/

The Best CSS and Jquery and AJAX

http://www.ajaxdaddy.com/demo-smooth-gallery.html - best fade gallery tv banner with arrows LIKE FLASH FADE


http://workshop.rs/projects/jqfancytransitions

-------------------------------------------------------
Javascipt Day and time countdown timer, displays a live countdown from a target date.
http://www.hashemian.com/tools/javascript-countdown.htm

--------------------------------------------

http://www.ajaxdaddy.com/demo-ajax-carousel.html - can edit background. The best ajax carousel.

http://www.ajaxdaddy.com/javascript-icarousel.html

http://jqueryfordesigners.com/automatic-infinite-carousel/

http://demo.tutorialzine.com/2009/11/beautiful-apple-gallery-slideshow/demo.html

http://www.sunsean.com/idTabs/#t3 - tabs

http://jqueryfordesigners.com/slider-gallery/ - apple product category slider

http://www.openstudio.fr/jquery-virtual-tour/sculpteur.html - panaroma

http://www.jquerylabs.com/flip-jquery-plugin.html - flip tvbanner

http://www.jquerylabs.com/sponsor-flip-wall.html - flip wall

http://www.ajaxdaddy.com/demo-glider.html

http://www.ajaxdaddy.com/demo-smooth-gallery.html - best fade gallery tv banner with arrows

http://www.ajaxdaddy.com/demo-slideshow-alternative.html - best auto fade gallery tv banner no arrows

http://www.hotajax.org/images--gallery/jquery/126-supersized-30-full-screen-background-a-slideshow-jquery-plugin.html

http://www.dynamicdrive.com/dynamicindex17/floatbar.htm

http://www.dynamicdrive.com/dynamicindex17/stayontop.htm

http://www.dynamicdrive.com/dynamicindex5/overlapcontent.htm

http://www.dynamicdrive.com/dynamicindex17/haccordion.htm

http://www.1stwebdesigner.com/resources/300-jquery-css-mootools-and-js-navigation-menus/

MENU
http://cssmenumaker.com

http://www.cssmenubuilder.com

http://www.dynamicdrive.com/dynamicindex17/indexb.html - load external pages using AJAX

http://www.dynamicdrive.com/dynamicindex17/ajaxincludes.htm

http://www.dynamicdrive.com/dynamicindex17/iframessi.htm - dynamic iframe resize

ajaxdaddy.com
http://www.hotajax.org/

http://www.hotajax.org/images--gallery.html

DROP DOWN SELECT BOX
http://lab.artlung.com/dropdown/


LINKS

• http://www.webappers.com/category/components/ - lots of new jquery plugins, iconsetc

CSS Slideshow

http://www.jquerylabs.com

CSS Carousel

http://css-tricks.com/moving-boxes

http://www.gmarwaha.com/jquery/jcarousellite/

CSS IMage Gallery

http://mediaeventservices.com/blog/2007/11/15/ajax-image-gallery-powered-by-slideflow-like-cover-flow/


http://tutorialblog.org/12-javascript-image-galleries/

PHP Gallery
http://www.jv2design.com/Downloads/

CSS Image Swap

<div class="nav">

<a href="#">

<img src="logo.gif" width="187" height="136" alt="" />

</a>

</div>


And the CSS to go along with it:
div.nav {
height: 187px;
width: 136px;
margin:0;
padding:0;
background-image:url("logo-red.gif");
}

div.nav a, div.nav a:link, div.nav a:visited {
display:block;
}

div.nav img {
width:100%;height:100%;border:0;
}

div.nav a:hover img {
visibility:hidden;
}

CSS Dropdown Menu

http://www.cssmenumaker.com/builder/menu_info.php?menu=057

http://www.cssmenumaker.com/drop_down_css_menu.php

http://www.cssmenumaker.com/

http://www.izzymenu.com/build.php

http://www.1stwebdesigner.com/resources/38-jquery-and-css-drop-down-multi-level-menu-solutions/

http://www.webdesigndev.com/web-development/create-the-fanciest-dropdown-menu-you-ever-saw - really cool

http://free-css-menu.com/mootools-slide-menu-css3.html

http://www.sohtanaka.com/web-design/mega-drop-downs-w-css-jquery/ - Mega Dropdown menu

DRILL DOWN

http://www.dynamicdrive.com/dynamicindex1/drilldownmenu.htm#

http://www.filamentgroup.com/lab/jquery_ipod_style_drilldown_menu - drilldown menu

http://radixdvd.com/free-css-menu/bdc-drilldown-menu.html

CHAINED SELECT

http://www.dynamicdrive.com/dynamicindex1/chainedmenu/index.htm

Javascript

The Best Accordion Menus

http://www.dynamicdrive.com/dynamicindex17/ddaccordionmenu-apple.htm

http://www.dreamcss.com/2009/05/14-jquery-and-css-based-accordion-menus.html

http://www.dynamicdrive.com/dynamicindex17/ddaccordion.htm

http://www.dynamicdrive.com/dynamicindex17/ddaccordionmenu-bullet.htm

Learn CSS DIVs

float columns

If we float one column to the left, then also float the second column to the left, they will push up against each other.

#div-1a { 
float:left; 
width:150px;
}

#div-1b { 
float:left; 
width:150px;
}

http://www.barelyfitz.com/screencast/html-training/css/positioning/ go to tab 8

two column absolute

Now we can make a two-column layout using relative and absolute positioning!

#div-1 {  position:relative; } #div-1a {  position:absolute;  top:0;  right:0;  width:200px; } #div-1b {  position:absolute;  top:0;  left:0;  width:200px; } 

One advantage to using absolute positioning is that we can position the elements in any order on the page, regardless of the order they appear in the HTML. So I put div-1b before div-1a.

But wait - what happened to the other elements? They are being obscured by the absolutely positioned elements. What can we do about that?

two column absolute height

One solution is to set a fixed height on the elements.

But that is not a viable solution for most designs, because we usually do not know how much text will be in the elements, or the exact font sizes that will be used.

#div-1 {  position:relative;  height:250px; } #div-1a {  position:absolute;  top:0;  right:0;  width:200px; } #div-1b {  position:absolute;  top:0;  left:0;  width:200px; }

css-tab-based-navigation-scripts

http://www.hongkiat.com/blog/50-nice-clean-css-tab-based-navigation-scripts/

CSS JQUERY Sliders & Scripts

• http://css-tricks.com/downloads
• http://css-tricks.com/downloads/css-stuff
  

Downloads via kwout