CSS and Tables

Hi all,
Is CSS a better choice than using tables as mentioned in a
lot of sites? If it does, how does one create webpages using CSS
method. I am new to dreamweaver and have created webpages using
tables without any CSS. Please advise.

> Is CSS a better choice than using tables as mentioned in
a lot of sites?
It depends entirely on a) your skill level, and b) your needs
on the page.
In general, CSS is a better choice as a general layout method
since all of
your 'presentation' is moved from the page into an external
CSS stylesheet
which can be cached and not re-fetched for each linked page.
In addition,
with CSS layouts, your content is usually continuous within a
given
container, whereas with tables your content is often
scattered through
various contiguous and perhaps non-contiguous table cells,
leading to
confusing or even non-explicable results when the pages are
read with a
screen reader.
> how does one create webpages using CSS method
1. Study CSS
2. Read this -
http://apptools.com/examples/pagelayout101.php
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
==================
"KUPO12345" <[email protected]> wrote in
message
news:gi5dqk$9ou$[email protected]..
> Hi all,
>
> Is CSS a better choice than using tables as mentioned in
a lot of sites?
> If it
> does, how does one create webpages using CSS method. I
am new to
> dreamweaver
> and have created webpages using tables without any CSS.
Please advise.
>

Similar Messages

  • Css layout problems - css and tables

    Hi guys,
    Well as some of you suggested months ago, I've been trying to
    learn to layout with CSS... It's actually getting a bit rewarding
    now as I start to figure a few things out but there's still plenty
    of questions!!!
    If anyone can take a look at what I'm working on at the
    moment and give me some help I'd REALLY REALLY appreciate it!!
    My main trouble (I think) is working with a drop-down menu
    system that I found on the web and I'm dying to use it because it's
    perfect for this design. It's layed out using a table so I'm trying
    to incorporate that...
    Click
    [url=http://home.iprimus.com.au/jediwdog/ltc/mockup2.jpg]here[/url]
    for a picture of what i'm trying to get this page to look like and
    [url=http://home.iprimus.com.au/jediwdog/ltc/example1.html]here[/url]
    to see how far I've got. You can download the stylesheet from
    [url=http://home.iprimus.com.au/jediwdog/ltc/example1.css]here[/url].
    Here's what I need to know:
    1. I'm trying to push the table down so it looks better lined
    up with the logo but when I tell it to be further from the top, it
    doesn't seem to move. Any ideas on why?
    2. As you can see, I've inserted some blank space into the
    middle of the menu so that the logo doesn't cover any of the menu
    items. I can't seem to get the same 1px black border on this
    section.
    I assume this is because the border on the other parts is a
    layer/div border? Will I have to somehow put a div in there so as
    to create the same border effect?
    3. I'd really like to keep the header and footer visible at
    all times, even if there's lots of content to scroll through. I
    found this:
    http://www.cssplay.co.uk/layouts/basics2.html#Top
    but when I tried to implement this on my page, it all went haywire!
    Is this going to be a possibility?
    4. I guess other than that, have I completely stuffed this
    up!? I don't think I have but it's worth asking I guess!
    THANKS IN ADVANCE! I'm really loving using css layout rather
    than tables - it's soooo much more versatile. I just need to get
    past some obstacles I think!
    Cheers
    Neil

    On Wed, 24 Jan 2007 22:17:20 +0000 (UTC), "Barb S."
    <[email protected]> wrote:
    >Ok, I made your suggested changes and have this:
    >
    > body {
    > font-family: Georgia, "Times New Roman", Times, serif;
    > text-align: center;
    > font-size: 1em;
    > font-style: normal;
    > text-decoration: none;
    > top: 15px;
    > background-image:
    url(/images/backgrounds/background1.gif);
    > padding-top: 15px;
    >>>> width: 70%;
    <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<
    > }
    >
    > #body {
    > margin: 0 auto;
    > text-align:left;
    > width: 760px;
    > padding-right: 20px;
    > padding-bottom: 20px;
    > padding-left: 20px;
    > background-color: #FFFFCC;
    > padding-top: 20px;
    > font-family: Georgia, "Times New Roman", Times, serif;
    > font-size: 1em;
    > color: #003366;
    >
    > }
    >
    >
    http://www.japanesetemari.com
    >
    > The page is on the left size of the screen and the
    yellow box does not expand
    >out. Not exactly what I'd wanted. I like to take
    advantage of larger screens
    >and have the page expand out but not so far out so the
    lines of text are real
    >long.
    > Barb
    It's this in the body style that is limiting the width -
    change that
    to 100%
    >>>> width: 70%;
    <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<
    > }
    ~Malcolm N....
    ~

  • ANN: Styling backgrounds, borders, and tables - free chapters from CSS book

    Just in time for some holiday reading, Adobe Developer Connection has made available three chapters from my recent book, Getting StartED with CSS:
    Ch 1: What is CSS, and Why Should I Learn It?
    Ch 5: How Do I Add Backgrounds and Borders to Improve the Look of My Page?
    Ch 9: How Do I Style Tables?
    Each chapter is in PDF format, and is FREE! Grab them at http://www.adobe.com/devnet/dreamweaver/articles/bk_getting_started_css.html.
    You can download the exercise files for the chapters from the book's companion website, http://gettingstartedwithcss.com/, which also contains a full reference guide to all visual and print properties in CSS2.1, as well as all CSS2.1 selectors and widely used CSS3 selectors.
    The book itself contains a lot more, and teaches the intricacies of CSS layout in a practical and understandable way, covering the whole of CSS2.1.

    Thank you, Santa!
    Beth

  • I need help with CSS and floating

    Okay, I know I need to get up on CSS and get rid of tables in
    my sites.
    However, I'm running up against a problem, and after banging
    my head
    against it for a while, I realize I need help. I've stripped
    this down
    so as to only show the area where I'm having difficulty.
    What I want is a page that has everything down the center,
    taking up no
    more than 750 pixels and no more than 550 pixels of width. No
    problem there.
    After the header and the top content, I'd like to have two
    "columns",
    each in it's own separately-colored box. I would like the
    right-side
    column/box to be a static size, while the left-side
    column/box sizes
    dynamically.
    Where I'm having problems is that when one column is boxed,
    it's fine,
    but whenever I wrap each column in its own box, the
    fixed-size box
    either jumps below or above the other box (depending on which
    one has
    been floated and which order the div's appear in the code).
    Here are the links:
    CSS:
    http://www.afice.org/stylesheet/floatmestyles.css
    ex 1:
    http://www.afice.org/floatme1.html
    ex 2:
    http://www.afice.org/floatme2.html
    Before sending, I took a look again, just to see if I was
    missing
    anything. I did notice that it doesn't seem to be that the
    box is
    jumping down so much as it is that it's getting written over.
    Anyway, sorry for the long-winded explanation. I hope I've
    managed to
    explain what I'm trying to do well enough that someone can
    tell me where
    I'm going wrong.
    Thanks,
    --Kevin

    Do you want something like this:
    http://www.pmob.co.uk/temp/spointfooter.htm
    You will need to look at the code to see how it was done.
    Otherwise, there are different examples here on Pauls' site:
    http://www.pmob.co.uk/temp/3colfixedtest_4.htm
    Nadia
    Adobe� Community Expert : Dreamweaver
    http://www.csstemplates.com.au
    - CSS Templates | Free Templates
    http://www.perrelink.com.au
    - Web Dev
    http://www.DreamweaverResources.com
    - Dropdown Menu Templates|Tutorials
    http://www.adobe.com/devnet/dreamweaver/css.html
    "Kevin D-R" <[email protected]> wrote in
    message
    news:[email protected]...
    > Okay, I know I need to get up on CSS and get rid of
    tables in my sites.
    > However, I'm running up against a problem, and after
    banging my head
    > against it for a while, I realize I need help. I've
    stripped this down so
    > as to only show the area where I'm having difficulty.
    >
    > What I want is a page that has everything down the
    center, taking up no
    > more than 750 pixels and no more than 550 pixels of
    width. No problem
    > there.
    >
    > After the header and the top content, I'd like to have
    two "columns", each
    > in it's own separately-colored box. I would like the
    right-side column/box
    > to be a static size, while the left-side column/box
    sizes dynamically.
    >
    > Where I'm having problems is that when one column is
    boxed, it's fine, but
    > whenever I wrap each column in its own box, the
    fixed-size box either
    > jumps below or above the other box (depending on which
    one has been
    > floated and which order the div's appear in the code).
    >
    > Here are the links:
    >
    > CSS:
    http://www.afice.org/stylesheet/floatmestyles.css
    >
    > ex 1:
    http://www.afice.org/floatme1.html
    >
    > ex 2:
    http://www.afice.org/floatme2.html
    >
    > Before sending, I took a look again, just to see if I
    was missing
    > anything. I did notice that it doesn't seem to be that
    the box is jumping
    > down so much as it is that it's getting written over.
    >
    > Anyway, sorry for the long-winded explanation. I hope
    I've managed to
    > explain what I'm trying to do well enough that someone
    can tell me where
    > I'm going wrong.
    >
    > Thanks,
    >
    > --Kevin

  • How can I verify the SSL service enabled in CSS and SCA ?

    I'm working for the OpenSSL vulnerability for CSS and SCA. How can I check if the device enabled the SSL service ?
    - https://x.x.x.x --> cannot access.
    - telnet x.x.x.x 443 --> I got a blank screen. I think this should be connection rejected if no SSL enabled.
    Please guide me what command should I issue on the device(CSS and SCA) to verify the SSL service enabled ?
    Thanks,

    To see what ports are being listened to.
    On the SCA, you can do "show netstat"
    On the CSS, you would go into debug mode and do
    symbol-table load
    shell inetstatShow
    Michael

  • Need to Create 2 Columns Data in CSS Without Table

    Here is what I am trying to do without using a table layout
    at all:
    STATE TOTAL
    AZ 1000
    AL 2000
    So can anyone point me to where I can learn this online or
    any good tutorials on CSS and tabular data, etc. I came up with a
    solution in CSS but the right side with the numbers were always one
    level beneath where it should be and I could never get them to line
    up properly...Thanks
    Dante

    Apply a repeat region to that can You?
    Dave
    "Malcolm N_" <[email protected]> wrote in message
    news:[email protected]..
    > On Mon, 24 Mar 2008 21:44:56 +0000 (UTC),
    "Dante45Chicago"
    > <[email protected]> wrote:
    >
    > >Here is what I am trying to do without using a table
    layout at all:
    > >
    > > STATE TOTAL
    > > -----------------------------------
    > > AZ 1000
    > > -----------------------------------
    > > AL 2000
    > > -----------------------------------
    > >
    > >
    > > So can anyone point me to where I can learn this
    online or any good
    tutorials
    > >on CSS and tabular data, etc. I came up with a
    solution in CSS but the
    right
    > >side with the numbers were always one level beneath
    where it should be
    and I
    > >could never get them to line up properly...Thanks
    > >
    > > Dante
    >
    >
    > OK - always up for a challege :-)
    >
    > quick and dirty
    >
    > <style type="text/css">
    > body {
    > font-family: Geneva, Arial, Helvetica, sans-serif;
    > font-size: 1em;
    > }
    > body {
    > margin: 0; padding:o}
    >
    > p.box1 {
    > width:5em;
    > border-bottom:1px dashed;
    > float:left;
    > border-top-width: 1px;
    > border-right-width: 1px;
    > border-left-width: 1px; }
    > .clearfloat {clear:both;}
    > </style>
    > </head>
    > <body>
    > <p class="box1">STATE</p>
    > <p class="box1">TOTAL</p>
    > <br class="clearfloat" />
    > <p class="box1">AZ</p>
    > <p class="box1">1000</p>
    > <br class="clearfloat" />
    > <p class="box1">AL</p>
    > <p class="box1">2000</p>
    >
    > </body>
    > </html>
    > --
    >
    > ~Malcolm N....
    > ~

  • Regarding  CSS and CLASS TAG.

    Hi Java People,
    I am basicaly an ABAPer , can anyone please tell me where is are attributes of the Tag CLASS defined in an HTML page?
    Basically i am working on BSP where we have to use Javascript along with ABAP.
    In the layout part of BSP i am not able to find the definition of the CLASS tag.
    Thanks in advance.
    Regards,
    Vevek.

    Dear Vivek,
                      This is the following example where you can use the CSS and JSP togeather...
    http://www.w3schools.com/css/tryit.asp?filename=trycss_background-color
    http://www.w3schools.com/css/css_examples.asp
    Jsp Examples to use CSS in Class Tags:
    <table class="table_bdr">
                        <tr>
                     <td class="datatxt">
                     <td><input type="text" name="assoid" value="" size="10" class="inputText_Full" /></td>
    Reward Points if useful

  • WAD - How to Minimize the Space Between Drop-Down Box and Table

    Hi all,
      I am trying to display a query in 'Table' with Web Application Designer (WAD). First, I have placed the 'Drop-down box' web-item and 'Table' web-item below it in the Web Template. There is an half-inch of space between the 'Drop-down box' and the 'Table' when it displays on the browser. It doesn't look good with this gap.
      How can I eliminate or minimize this gap, PLEASE ?.
    Thanks.

    Hi Ingo & Hari,
       Thanks a lot for your help. Now it reduced the gap between the drop-down box and table to 3mm on browser.
    But, there is no gap on web template. If we change some settings, we could still further reduce the gap while displaying it on browser.
      Any new suggestions, PLEASE.  Thanks again.
    <!--BW HTML data source object tags: -->
    <object>
             <param name="OWNER" value="SAP_BW"/>
             <param name="CMD" value="SET_PROPERTIES"/>
             <param name="TEMPLATE_ID" value="TESTWBOLAPQUERYUSER1"/>
             TEMPLATE PROPERTIES
    </object>
    <object>
             <param name="OWNER" value="SAP_BW"/>
             <param name="CMD" value="SET_DATA_PROVIDER"/>
             <param name="NAME" value="DATAPROVIDER_1"/>
             <param name="QUERY" value="Z_BWSTAT_OLAP_PER_QUERY_USER"/>
             <param name="INFOCUBE" value="0BWTC_C10"/>
             DATA_PROVIDER:             DATAPROVIDER_1
    </object>
    <html>
      <head>
        <title>BW Web Application</title>
        <link href="/sap/bw/Mime/BEx/StyleSheets/BWReports.css" type="text/css" rel="stylesheet"/>
      </head>
      <body>
    <P align=left>
    <TABLE cellSpacing=1 cellPadding=1 width="75%" border=0>
      <TR>
        <TD vAlign=top><object>
             <param name="OWNER" value="SAP_BW"/>
             <param name="CMD" value="GET_ITEM"/>
             <param name="NAME" value="DROPDOWNBOX_1"/>
             <param name="ITEM_CLASS" value="CL_RSR_WWW_ITEM_FILTER_DDOWN"/>
             <param name="DATA_PROVIDER" value="DATAPROVIDER_1"/>
             <param name="WIDTH" value="69"/>
             <param name="IOBJNM" value="0TCTUSERNM"/>
             ITEM:            DROPDOWNBOX_1
    </object></TD>
        <TD vAlign=top><object>
             <param name="OWNER" value="SAP_BW"/>
             <param name="CMD" value="GET_ITEM"/>
             <param name="NAME" value="DROPDOWNBOX_2"/>
             <param name="ITEM_CLASS" value="CL_RSR_WWW_ITEM_FILTER_DDOWN"/>
             <param name="DATA_PROVIDER" value="DATAPROVIDER_1"/>
             <param name="WIDTH" value="19"/>
             <param name="IOBJNM" value="0TCTIFCUBE"/>
             <param name="MAXVALUES" value="1"/>
             ITEM:            DROPDOWNBOX_2
    </object></TD>
        <TD vAlign=top><object>
             <param name="OWNER" value="SAP_BW"/>
             <param name="CMD" value="GET_ITEM"/>
             <param name="NAME" value="DROPDOWNBOX_3"/>
             <param name="ITEM_CLASS" value="CL_RSR_WWW_ITEM_FILTER_DDOWN"/>
             <param name="DATA_PROVIDER" value="DATAPROVIDER_1"/>
             <param name="WIDTH" value="34"/>
             <param name="IOBJNM" value="0CALDAY"/>
             ITEM:            DROPDOWNBOX_3
    </object></TD>
        <TD vAlign=top><object>
             <param name="OWNER" value="SAP_BW"/>
             <param name="CMD" value="GET_ITEM"/>
             <param name="NAME" value="DROPDOWNBOX_4"/>
             <param name="ITEM_CLASS" value="CL_RSR_WWW_ITEM_FILTER_DDOWN"/>
             <param name="DATA_PROVIDER" value="DATAPROVIDER_1"/>
             <param name="WIDTH" value="22"/>
             <param name="IOBJNM" value="0TCTQUERY"/>
             ITEM:            DROPDOWNBOX_4
    </object></TD></TR></TABLE>
    <object>
             <param name="OWNER" value="SAP_BW"/>
             <param name="CMD" value="GET_ITEM"/>
             <param name="NAME" value="TABLE_1"/>
             <param name="ITEM_CLASS" value="CL_RSR_WWW_ITEM_GRID"/>
             <param name="DATA_PROVIDER" value="DATAPROVIDER_1"/>
             <param name="WIDTH" value="505"/>
             <param name="BORDER_STYLE" value="FORM"/>
             <param name="ALT_STYLES" value=""/>
             ITEM:            TABLE_1
    </object></P>
    <P align=left> </P>
    <P align=left> </P><FONT color=#0000ff size=2>
    <P align=center></FONT> </P>
    <P align=center> </P>
    <P align=center> </P>
      </body>
    </html>

  • .css and .swf files are getting generated with Ibot email

    Hi Team,
    I have an Ibot which use to run on daily basis which contains graph and normal table views, .css and .swf files are getting generated and attached with Ibot email to the users. I'm facing this issue from last two days. Earlier there was no such attachments sent to the users.
    Could anybody let me know what might be the reason for that?

    any inputs?

  • How to find how name of view and table using in Discoverer report

    Hi all,
    Please help me, i have requirement, i need name of views and tables used in discoverer reports.
    plz help its urgent.
    regards,
    Vivek Gautam

    As per my knowledge goes, We can see from Administrator which Folder is associated with a Workbook. Else you may have to manually open each and every workbook and look for the objects.

  • Field and Table for Pension Plan

    Can anyone tell me what are the field name and table name in Pension plan

    Hi Harini,
    In Table VBUK you 3 different status related fields for  sales documents.
    Over all status field name GBSTK ( here it gives the total status of praticular sales document) here you see options
    A  Not yet processed      ( This means its complete open)
    B  Partially processed     ( This means the sales doc is partially processed)
    C  Completely processed  ( This means the sales doc is completly processed)
    Delivery status  and over all delivery status field name LFSTK and LFGSK respectively, these 2 fields will be same always ( here it gives the total status of praticular sales document) here you see options
    A  Not yet processed      ( This means its completly  open)
    B  Partially processed     ( This means the delivery doc is partially processed)
    C  Completely processed  ( This means the delivery doc is completly processed)
    So overall status can be  different then delivery or overall delivery status.
    If sales document has 100 quantity for 1 material, if delivery is done for 50 quantity.
    Then over all status field name GBSTK will be B  Partially processed and delivery and overall delivery will be C  Completely processed  .
    Regards
    vK

  • Field and Table for PGI status updation

    Hi All,
    I want to know in which field and table the PGI status will get updated.
    i.e. once we do the PGI for a delivery in which table will this PGI status gets updated.
    Thanks in advance for help.
    Harini

    Hi Harini,
    In Table VBUK you 3 different status related fields for  sales documents.
    Over all status field name GBSTK ( here it gives the total status of praticular sales document) here you see options
    A  Not yet processed      ( This means its complete open)
    B  Partially processed     ( This means the sales doc is partially processed)
    C  Completely processed  ( This means the sales doc is completly processed)
    Delivery status  and over all delivery status field name LFSTK and LFGSK respectively, these 2 fields will be same always ( here it gives the total status of praticular sales document) here you see options
    A  Not yet processed      ( This means its completly  open)
    B  Partially processed     ( This means the delivery doc is partially processed)
    C  Completely processed  ( This means the delivery doc is completly processed)
    So overall status can be  different then delivery or overall delivery status.
    If sales document has 100 quantity for 1 material, if delivery is done for 50 quantity.
    Then over all status field name GBSTK will be B  Partially processed and delivery and overall delivery will be C  Completely processed  .
    Regards
    vK

  • Field  and Table name for purchaser

    I want to know the field and table name for purchaser id and purchaser name.
    Plz help me.

    Dear
    Purchaser name are define in Header level data in Purchase Order EKKO & Purchase ID define as a Purchasing Group
    Purchser Name EKKO-ERNAM
    Purchase I D  EKKO-EKGRP
    Regards
    Aamir

  • Field name and table

    Dear Friends ,
    I want to display discount , P&F , excise , tax , fright , octori , insurance  so what is the fiels name for all fields and table name .

    You have to create the report bu fetching the report from the table EKPO - Doc condition no KNUMV. Use this no in the table KONV to get all your requirements aginst the field KSCHL - Condition types.

  • Field NAme and Table Name

    Hi All,
    I got some output values from the legacy system with me but need to know whats the actual field name and table name to which i need to transfer these values. How can i do it, since which theres is not field name or despcription given for the data.
    Is there any way i can do it.
    Points will be rewarded for all useful answers.
    Regards
    AB

    if you know the transaction code you use to post the uploaded data in SAP, you just need to do BDC recording in using transation SM35. Record the whole process and create a program from the recording... and you wont even need to know the tables and field names-- almost everything will be done for you....
    All you need to do is replace record data with upload data.
    You can also try to look for a standard Function Module / BAPI which can do the processing for you and provide it with a table containing the upload data ...
    Reward points if useful

Maybe you are looking for

  • What is the best approach to render different images depending on the device?

    I have been looking around for a few days but I couldnt find a good way to render different image rendition, depending on the device. I have one* mobile site (from a desktop site blueprint). I use the mobileimage components in several places of the s

  • Messages to SAP During Off hours

    hi , I long into work center via weblink as a key user during off hours and create an Ossmessage. I then login as message processor in SOLMAN and I can see the issue in SOLMAN ? does that mean that the message did not go to SAP? what configeration is

  • Lost contacts in iphone5

    lost part of my contacts, some help....

  • Demand planning with BOM

    Dear All, I have a requirement as follows: Customer create forecast for Garment on the following planning levels Customer, Product Group, Material and Location  forecast cust01    , PG_G              , Garment, DC01,     10 In DP BOM, 1 dozen of garm

  • PDF file won't open with double click

    Mac OSX 10.6.8/Acrobat 10.1.3. Suddenly pdf files won't open with a double click, I now have to open Acrobat and file>open. Also, once they're open, they won't close by clicking the red close dot, I now have to go to file>close. Very frustrating!