SEO Software
Closed Thread
Page 1 of 2 1 2 LastLast
Results 1 to 10 of 17

Thread: CSS layouts

  1. #1

    Default CSS layouts

    I have seen that many people are using tableless layouts , how do they make it? is it possible to make it in dreamweaver?


  2. SEO Software

  3. #2
    Fresh Meat drumholicz is on a distinguished road
    Join Date
    Jul 2009
    Location
    Bandung
    Posts
    4
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    Maybe use Adobe Photoshop to make layout. Slice your image (web template) with Adobe into pieces (cut every button and image link).

    Next, use DIV when you try to stick your image to your design.

  4. #3
    Fresh Meat Zoli is on a distinguished road Zoli's Avatar
    Join Date
    Jan 2009
    Location
    Veszpr?m, Hungary
    Posts
    29
    Thanks
    1
    Thanked 2 Times in 2 Posts

    Default

    Quote Originally Posted by valendino View Post
    I have seen that many people are using tableless layouts , how do they make it? is it possible to make it in dreamweaver?
    Yes, DW fully supports tableless layouts. Your content will be included by <div> instead of <tr>. With the use of external stylesheet (css) you may format and position all your DOM objects easily. Tableless layout provide shorter code, faster load so better experience.
    Thanks

  5. #4
    Fulltime Member Alan has a reputation beyond repute Alan has a reputation beyond repute Alan has a reputation beyond repute Alan has a reputation beyond repute Alan has a reputation beyond repute Alan has a reputation beyond repute Alan has a reputation beyond repute Alan has a reputation beyond repute Alan has a reputation beyond repute Alan has a reputation beyond repute Alan has a reputation beyond repute Alan's Avatar
    Join Date
    Jan 2009
    Location
    Ayr. Scotland
    Posts
    766
    Thanks
    26
    Thanked 62 Times in 57 Posts
    Blog Entries
    1

    Default

    Tableless layouts are a requirement to meet the WCAG accessibility guidelines at AA level conformance. All new web pages should be tableless. These are much better than table layouts and can b created oin an good package such as Dreameaver.


    Seen a good post - give some reputation
    Keeping the forum clean - SPAMMERS BEWARE!!

  6. #5
    Junior Member alibaba-clone is on a distinguished road alibaba-clone's Avatar
    Join Date
    Dec 2009
    Location
    Johannesburg, South Africa
    Posts
    92
    Thanks
    0
    Thanked 4 Times in 4 Posts

    Default

    dreamweaver can be use as your html editor to make table less css based layout.. but you will need to do it on code view.

    regards,

    Nadir Ali Shah

  7. #6

    Default

    Tableleless layouts are controlled by using

    say it it is a box that says item here and has a font size of 12 px using arial with off black font with 50 px from the top and 20 px from the left side of the page
    <div id="item_here">item here</div>

    then the css would be

    #item_here{font-size: 12px; font-family: arial; color: #333; margin-top: 50px; margin-left: 20px;}

    TO sum it up: CSS and XHTML.

  8. #7

    Default

    External styles are used for the whole, multiple-page website. There is a separate CSS file, which will simply look something like:

    p {
    color: red;
    }

    a {
    color: blue;
    }

    If this file is saved as "web.css" then it can be linked to in the HTML like this:

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
    <html>
    <head>
    <title>CSS Example</title>
    <link rel="stylesheet" type="text/css" href="web.css" />

    Source: WebDesignCrap.info

  9. #8

    Default

    thanks was very information.. really like the source url.

  10. #9

  11. #10

    Default

    Tableless layouts are a necessity to gather the WCAG accessibility guidelines at AA point conformance. All newly web pages should be tableless.

Closed Thread
Page 1 of 2 1 2 LastLast

Tags for this Thread

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts