May 17, 2008

Web Page Layouts - using Cascading Style Sheets

Free Web Hosting, No Ads > CONTRIBUTE > Tutorials

free web hosting

Web Page Layouts - using Cascading Style Sheets

jlhaslip
Here are a set of three Web pages I wrote a long time back when I was first starting to develop sites.
The first one is a two columned page with a full length sidebar for navigation links.
There are two that are identical except the sidebar positions are reversed.
Another is "one way" to create a three column layout.
And lastly, a 'framed' look on a page.

These are not 'fancy', you will need to look into the code and colourize it to suit, maybe set a width and centre it if you want, whatever...

Please feel free to snag the source and develop the pages into something you need. The only cost is please pass on the information to assist others as they need assistance on the Forum.

Full height sidebar

Left sidebar - full percentage width

Right sidebar - full percentage width

Three Column

Framed, single column

Should you have any questions about these layouts, or need help in Modding them to suit your particular design, please post a new Topic in the Cascading Style Sheet Sub-forum in the Programming Forum.

Thanks, and you are welcome. biggrin.gif

 

 

 


Reply

jlhaslip
QUOTE
bump. no credits here

Reply



Got an Opinion! Express your Views! (no registration):-
Add your Reply/ Opinion/ Views/ Comments/ Suggestion/ Questions/ Queries etc.
Posts with decent grammar & English will be accepted and please refrain from profanities.
For asking a Question, We recommend you to sign-up (for free) so that you can track the topic easily.

Nature of your Post*: Opinion/ Reply/ Comments
Question/Query
Feedback to us.
       
Name   Email
Title/Question*

(Maximum characters: 10,000)
You have characters left.
Confirm Code:

Similar Topics

Keywords : web, page, layouts, cascading, style, sheets

  1. Fruity Loops Tutorials-trance Style Songs
    How to create and use a profesional trance style bass mellody (5)
  2. Nice Clean Php Layout Coding.
    Learn a nice neat way to code your layouts with php (7)
    There are basically two main ways to code your php. Method 1) Creating a php document with an html
    look. The you throw in include tags all over the place. Its unorganized, and you have lots of stray
    files hidden in folders and scattered in your base directory. Its difficult to organize, and you
    make mistakes easily. Example: This document would be called index.php Whatever
    Banner or something Some content here. Mostly along the lines of You might ask what
    the problem was? Well, those include tags tend to multiply, and so do all those unne....
  3. How To Make Bubble Shaped Layouts
    (8)
    1. Open your layout and make a new document, the same size of your layout. If you don't know
    what size it is, click your layout and go to Image >> Canvas Size. It should show you the Dimensions
    like this: 2. Where it says Current width and height make your new document the same pixels it
    says. Then cancel the Canvas Size. After that, click the Brushes tool and go to your color palette
    and choose Pattern. Say this was my layout: 3. Double click the pattern icon in the color
    palette. Find your layout and click on it. After that find the Tool Options and s....
  4. The Art Of Xhtml, Css And Web Standards - Part 1
    The Markup and Style Guidebook (19)
    Being the XHTML and CSS freak that I am, I have decided to create a guidebook on developing
    websites using XHTML, CSS and implementing Web STandards. While this is not a step by step tutorial
    on making websites, and nor is it a beginners guide to CSS and XHTML, this is a handbook where you
    can learn from other website examples, and grab insight from my own opinions, and then implement it
    onto your own website. This guidebook is divided into three chapters, each covering a different
    aspect of XHTML, CSS, and Web Standards. With out further ado, here starts Chapte....
  5. Simple Layouts
    (14)
    New to HTML? try this simple website layout to get you started. Well, start your site by creating a
    table to display your content. HTML html > head > title > My Webpage /title > STYLE
    type=text/css > <!-- @import url( yourname.css ); --> /STYLE > /head > body
    > table width =" 700 " border=" 1 " cellpadding=" 3 " cellspacing=" 0 " align=" center " class="
    MAIN_TABLE "> tr > td valign =" top " height=" 100 " colspan=" 2 " class=" CELL "> Your
    banner /td > /tr > tr > td width =" 15% " valign=" top " height=" 25 " class=....

    1. Looking for web, page, layouts, cascading, style, sheets

Searching Video's for web, page, layouts, cascading, style, sheets
advertisement



Web Page Layouts - using Cascading Style Sheets



 

 

 

 

ADD REPLY / Got an Opinion! Remove these ADs! RAPID SEARCH! Free Web Hosting [X]
Express your Opinions, Thoughts or Contribute more info. to help others.
Ask your Doubts & Queries to get answers, So that "Together We can help others!"
Register FREE for AD-FREE forum, Create your own topics, Ask Questions, track topics, setup subscriptions & notifications and Get a Free Website w/ Email and FTP.
500MB Space *No Ads*, CPanel, FTP, PHP, MySQL, EMails - 100% FREE