Mywebdunia's Blog

Archive for the ‘Tutorials’ Category

How to place a Drupal block anywhere on the page?

Posted by: Amit Nazare on: June 9, 2010

Blocks are nothing but boxes of content, that are displayed in regions such as sidebar or footer on your page. For creating a block go to Administer >> Block >> Add block, you will find a form fill the details of your block and save it. Say for Example you have created a block with [...]

Different technique to align a div at the center of page

Posted by: Amit Nazare on: March 10, 2010

We all know how to align a table at the center. Just say <table cellspacing="0" cellpadding="0" align="center" wiidth="100%"> its gets the table aligned to the center of the page. In the same way how about aligning a div at the center of the page. There are a few different methods how to make it in [...]

Deprecated HTML Tags

Posted by: Amit Nazare on: March 9, 2010

Deprecated tags are parts of the HTML standard code whose use is no more recommended. Well this is because HTML standards are updated from time to time (e.g., from version 3.0 to 4.0 or from 4.0 to 5.0) and some tags or characteristics of the language are added and others are removed or deprecated. This [...]

How to keep footers at the bottom of the page

Posted by: Amit Nazare on: February 1, 2010

Aligning a footer at the bottom of the page, when you are creating a layout with tables is not a big issue. We can make it within no time. But if you want to align a footer at the bottom of the page always, even if there is no content and for different resolutions, there [...]

How to give a anchor tag to the table?

Posted by: Amit Nazare on: December 9, 2009

Well you all might have seen that if you want to give an anchor tag for the whole table, it doesnt work with IE. But it works with Mozilla firefox and chrome. So to make it working with IE what could be the solution. Here is the simple solution just workaround and see it, even [...]

Creating a navigation using lists

Posted by: Amit Nazare on: November 24, 2009

Almost every developer uses list to create a navigation, even I uses ul li’s to create a navigation. I feel its easy to create navigation with ul li’s rather than using any other tag or method. Below is just a sample code for navigation. <ul> <li><a href=”#”>Link 1</a></li> <li><a href=”#”>Link 2</a></li> <li><a href=”#”>Link 3</a></li> </ul> [...]

Small heights in your site

Posted by: Amit Nazare on: November 23, 2009

If you are creating a layout, with some very small heights as custom borders for elements. Usually, what you will do is you’ll just have to add height: XXpx to the style’s declarations and think that it should be fine.but check your page once in IE and you’ll probably know what is the answer. Check [...]

Min-Height Hack in IE

Posted by: Amit Nazare on: November 13, 2009

As we all know that min-height doesn’t work in IE 6. Say for example if your site doesn’t have much content then you web page will end up till the content is there. So if you want to set some minimum height so that the page looks good. If you set some exact height for [...]

iframe

Posted by: Amit Nazare on: September 25, 2009

Iframes allow you to load separate html files into an existing document. You can place iframes anywhere in the document and can use CSS and JavaScript to manipulate the properties of the iframe. Example of iframe: <iframe scrolling=”no” width=”500″ height=”300″ src=”iframe-sample.html” frameborder=”0″> </iframe> Content of iframe-sample.html: Say below is the content <a href=”http://www.google.com” title=”Google” >Google</a> [...]

Tags: ,

How to align Header and Footer at the top and bottom of the screen

Posted by: Amit Nazare on: September 16, 2009

As we all know aligning header at the top is as easy as saying it. Always the first div tag or a table td tag will appear at the top, so no question of aligning the header at the top. But how about aligning footer at the bottom always even when seen under different resolutions. [...]


Follow

Get every new post delivered to your Inbox.