W3 Updates, HTML, XHTML, CSS, JavaScript, AJAX, XML, PHP, Ruby, PHP Frameworks

Archive

Archive for the ‘CSS’ Category

HTML Paragraphs

October 23rd, 2011
Examples

HTML documents are divided into paragraphs. HTML Paragraphs Paragraphs are defined with the <p> tag. Example <p>This is a paragraph</p> <p>This is another paragraph</p> Try it yourself » Note: Browsers automatically add an empty line before and after a paragraph. Don’t Forget the End Tag Most browsers will display HTML correctly even if you forget the [...]

Read More >>

Author: Categories: CSS Tags:

A confetti menu

December 30th, 2009

The colorful menu you see below is simply a DIV element with a few P elements inside. The visual effect is due to the fact that each P element is positioned individually and has its own font and color. It works best with short texts, because the visual effect is based on overlap, but if [...]

Read More >>

Author: Categories: CSS Tags:

Alternative style sheets

December 30th, 2009

A document doesn’t need to have a single style sheet. You can give it a default style and any number of alternatives for the reader to choose from. This page, for example, has as alternatives all the W3C Core Styles, plus two style sheets found elsewhere on the Web (author: David Baron). How the reader [...]

Read More >>

Author: Categories: CSS Tags:

Indented paragraphs

December 30th, 2009
Eiffel tower

Scale model of the Eiffel tower in Parc Mini-France Here is something simple: indenting the first line of each paragraph. Many people find that easier to read than empty lines between the paragraphs, especially for long texts, and it also allows to reserve empty lines for more important breaks. The trick here is to only [...]

Read More >>

Author: Categories: CSS Tags:

A pinned-down menu

December 30th, 2009

The menu you see in the top right corner of this page is simply a DIV with some A elements inside. All the work to make it stay fixed in its place is done by rules in the style sheet. Here is the mark-up, it is taken straight from the source of this page: <div> [...]

Read More >>

Author: Categories: CSS Tags:

Figures & captions

December 30th, 2009
Eiffel tower

Scale model of the Eiffel tower in Parc Mini-France HTML doesn’t have an element that allows to insert a figure with a caption. It was once proposed (see HTML3), but never made it into HTML4. Here is one way to simulate such a figure element: <div> <p><img src=”eiffel.jpg” width=”136″ height=”200″ alt=”Eiffel tower”> <p>Scale model of [...]

Read More >>

Author: Categories: CSS Tags: ,

Google Ajax Search With Your Adsense Ads

October 26th, 2009

All of you might have seen the New Ajax Search Gadget on your Layout > Add GadgetPage. This Ajax search gadget doesn’t support adsense ads.But you can now have a Google ad supported Google Ajax search widget on your blog.The speciality of the Ajax Search is that it can search your blog, without actually leaving your blog.(no need [...]

Read More >>

How to Create Float Image : Blogger Hack

October 26th, 2009

This tutorial is about to create float image that will always show on your corner blog althought you drag side scroll bar. You can put an image, widget, clock etc on the corner. Step by step to create Float image. 1. Login ke blogger then click “Layout –>> Edit HTML 2. Find this code ]]> [...]

Read More >>

Related Posts Widget For Blogger with CSS

October 25th, 2009

Related Posts Widget for blogger is what everybody is looking for, In Most of the sites we will find only javascript code and HTML tag for related posts widget. After adding the code to your blog , you can see just a list of related posts without any arrows or style css. So i wanted [...]

Read More >>

Display CSS Codes and Scripts in Unique Style – Blogger Post Styling Hack

October 24th, 2009

Just Follow This steps to add this ” Post Styling Hack ” to your Blog . Step 1 : Login to your Blogger account and navigate to Layout section . Then go to Edit HTML sub tab . No Need to Check Expand Widgets Box Step 2 : Add This CSS code above this line [...]

Read More >>