Solved

page layout with html5 and css3

Posted on 2013-11-13
2
530 Views
Last Modified: 2013-11-20
I am new to html5 , css3.

Till now I have been using simple html table for my page layouts.

But I have no idea how the layout pages while using html5 and css3.

Can any help me out here to learn how to do page layout
0
Comment
Question by:yadavdep
2 Comments
 
LVL 52

Accepted Solution

by:
Carl Tawn earned 95 total points
ID: 39647309
You could try this as an introduction to layout with CSS: http://learnlayout.com/
0
 
LVL 53

Assisted Solution

by:COBOLdinosaur
COBOLdinosaur earned 95 total points
ID: 39648208
Based on what I see in your profile, it is apparent that you already have programming skills.  that greatly flattens the learning curve.  Tables have a place... presentation of tabular data.  Every type of content has a semantically correct tagging structure, and the flexibility and range of effects is far beyond what is possible in the limited formats available from a table.

First understand that HTML5 and CSS3 are NOT programming languages. The code is used by thr browser as metadata to build the Document Object where the pages are rendered from.  So when you code a layout you are just creating the data that tell the browser how things are supposed to look.

Base on my assumption that you probably already know most of the basics, you will most benefit from links to sites where some advance technique is discussed.

http://www.cssplay.co.uk/
Has a very large number of CSS specific content
http://speckyboy.com/2010/04/26/30-pure-css-alternatives-to-javascript/
Has some pretty slick effects
http://coboldinosaur.com/pages/cdHome.html
My personal site that is driven by a standards compliant approach and make very minimul use of scripting.

Cd&
0

Featured Post

Free Tool: ZipGrep

ZipGrep is a utility that can list and search zip (.war, .ear, .jar, etc) archives for text patterns, without the need to extract the archive's contents.

One of a set of tools we're offering as a way to say thank you for being a part of the community.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Suggested Solutions

This article demonstrates how to create a simple responsive confirmation dialog with Ok and Cancel buttons using HTML, CSS, jQuery and Promises
Find out what you should include to make the best professional email signature for your organization.
In this tutorial viewers will learn how to embed custom externally-hosted Google Fonts using the Google Font API in CSS Go to the Google Fonts website at google.com/fonts: Browse or search based on font properties or name to find a suitable font for…
The viewer will receive an overview of the basics of CSS showing inline styles. In the head tags set up your style tags: (CODE) Reference the nav tag and set your properties.: (CODE) Set the reference for the UL element and styles for it to ensu…

839 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question