CSS - Center table

I am using the following table to center a flash file and for
some
reason it seems like the CSS is giving the table a bit of
padding in the
browser? Can't figure out why? Also, do I even need a table
to center
this flash file in the first place?
This is my CSS:
html, body, #wrapper {
background-color: #25231a;
margin: 0;
padding: 0;
border: none;
text-align: center;
#wrapper {
margin: 0 auto;
text-align: left;
width: 800px;
Thank you for any help!
Brian

> Also, do I even need a table to center this flash file
in the first place?
No. You can put it into a centering container, like a div.
> giving the table a bit of padding
Have you set the table attributes of cellpadding and
cellspacing and border
to zero?
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.dreamweavermx-templates.com
- Template Triage!
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
http://www.macromedia.com/support/search/
- Macromedia (MM) Technotes
==================
"Brian" <[email protected]> wrote in message
news:e5nk9m$cen$[email protected]..
>I am using the following table to center a flash file and
for some reason
>it seems like the CSS is giving the table a bit of
padding in the browser?
>Can't figure out why? Also, do I even need a table to
center this flash
>file in the first place?
>
> This is my CSS:
>
> html, body, #wrapper {
> background-color: #25231a;
> margin: 0;
> padding: 0;
> border: none;
> text-align: center;
> }
> #wrapper {
> margin: 0 auto;
> text-align: left;
> width: 800px;
> }
>
>
> Thank you for any help!
> Brian

Similar Messages

  • How to create a multi-page collapsible & CSS styleable table of contents box?

    How to create a multi-page collapsible & CSS styleabe table of contents box?
    Is there a tool available for Dreamweaver or for standalone operation that can create for multi-page articles a collapsible & CSS styleabe table of contents box based on the page titles?

    You could do this with jQuery.
    Table of Contents -
    http://www.downloadjavascripts.com/list/javasiteccc68/Details.aspx
    Collapsible Panels, Tables & Accordions -
    http://www.downloadjavascripts.com/Collapsible_And_Free_Accordion_Panels.aspx
    Nancy O.
    Alt-Web Design & Publishing
    Web | Graphics | Print | Media  Specialists
    www.alt-web.com/
    www.twitter.com/altweb
    www.alt-web.blogspot.com

  • COOMKS01 - SAP Cost Center table modification

    I have been reading up on customizing the cost center table to add additional fields via this enhancement COOMKS01. Does anybody have any documentation showing how to complete the enhancement from start to finish, including adding the fields onto the screen KS01, KS02, KS03...
    Many thanks in advance.

    Hi,
        In the enhancement COOMKS01go to the fumction module exit and place the cursor on the functionmodule exit and goto---> Smaple Code and also go for Documentation..
    Regards,
    Vijaya Lakshmi.T

  • Standalone Scenario -  Company Code, Cost center table

    Hi,
       Can any one please let me know the company code, cost center table used in standalone scenario.
    Regards,
    SAP Guy.

    Hi,
    The account assignment, Product category and Logical system combination is maintained in SPRO.
    SPRO > IMG > SRM > SRM Server > Cross Application Basic settings > Account Assignment
    There are three settings which you maintain there :
    1. Account assignment categories
    2. Define G/L account for product category , Logical system and Account assignment category
    3. Maintain local accounting data.
    These are the three settings which you maintain for account assignment determination.
    Hope this makes you more clear and helps in resolving your issue. Clarifications are welcome.
    Award points for helpful answers.
    Rgds,
    Teja

  • 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....
    ~

  • CSS Centering tables

    Hi,
    I am trying to get more involved in CSS. I am using
    Dreamweaver CSS interface for the most part as I do not know CSS
    code well enough yet.
    I want everything centered on the page .. so .....
    I have a main table which is 100% wide and text alignment
    that is centered.
    In that table I first have an image as a header which centers
    properly.
    Below that I want to have a table the same width of the image
    that is also centered.
    That table will contain some content.
    Why is it I cannot center that table under the image. It
    wants to stay to the left.
    Here is a link to page:
    http://www.thereserveatglenville.info/prototype.html
    Here is my CSS so far:
    ========================
    body {
    text-align:center;
    margin: 0px;
    background-color: #b4bbc0;
    padding: 0px;
    table#Main-Table {
    margin-left:auto;
    margin-right:auto;
    width: 100%;
    text-align: center;
    border-top-width: 0px;
    border-right-width: 0px;
    border-bottom-width: 0px;
    border-left-width: 0px;
    vertical-align: top;
    table#Content-Table {
    width: 756px;
    margin: 0px;
    padding: 0px;
    border: 1px solid #59636A;
    =====================================
    Thanks!!!
    Paul

    Hello,
    It centers in IE, but to get it to center in FF,
    Change this:
    <table id="Content-Table">To this:
    <table align="center" cellpadding="0" cellspacing="0"
    border="0"
    id="Content-Table">
    Take care,
    Tim
    P.F." <[email protected]> wrote in message
    news:fonb5m$dck$[email protected]..
    > Hi,
    >
    > I am trying to get more involved in CSS. I am using
    Dreamweaver CSS
    > interface
    > for the most part as I do not know CSS code well enough
    yet.
    >
    > I want everything centered on the page .. so .....
    > I have a main table which is 100% wide and text
    alignment that is
    > centered.
    > In that table I first have an image as a header which
    centers properly.
    > Below that I want to have a table the same width of the
    image that is also
    > centered.
    > That table will contain some content.
    > Why is it I cannot center that table under the image. It
    wants to stay to
    > the
    > left.
    >
    > Here is a link to page:
    >
    http://www.thereserveatglenville.info/prototype.html
    >
    > Here is my CSS so far:
    >
    > ========================
    >
    > body {
    > text-align:center;
    > margin: 0px;
    > background-color: #b4bbc0;
    > padding: 0px;
    > }
    >
    > table#Main-Table {
    > margin-left:auto;
    > margin-right:auto;
    > width: 100%;
    > text-align: center;
    > border-top-width: 0px;
    > border-right-width: 0px;
    > border-bottom-width: 0px;
    > border-left-width: 0px;
    > vertical-align: top;
    > }
    >
    > table#Content-Table {
    > width: 756px;
    > margin: 0px;
    > padding: 0px;
    > border: 1px solid #59636A;
    > }
    >
    > =====================================
    >
    > Thanks!!!
    > Paul
    >
    >

  • Css Center Align Problem

    Alright, I am making my Portfolio (Hosted on Dropbox for this porpuse) and once you go onto it you can see that it is not aligned correctly. Now in dreamweaver it comes up normal:
    I have done this by placing all the Div's into a wrapper div, which under the css style sheet has the margin method of aligning it to the middle:
    #Wrapper {
              position:fixed;
              width:640px;
              margin: auto;
    Whats worng with this?

    I've made those changes, I have achived the look I want, which is what you can see in the browser. But what I want it to do it be centred up in the middle of the page.
    Html Code:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>Sean Hall's Portfolio</title>
    <link href="Css.css" rel="stylesheet" type="text/css" />
    </head>
    <body>
    <div id="Wrapper">
    <div id="menu">
    <table width="68" border="0" align="center" cellspacing="14">
      <tr>
        <td><a class="Home" href="pages/homepage.html" target="iframe"></a></td>
      </tr>
      <tr>
        <td><a class="About" href="pages/about.html" target="iframe"></a></td>
      </tr>
      <tr>
        <td><a class="Social" href="pages/social.html" target="iframe"></a></td>
      </tr>
      <tr>
        <td><a class="work" href="pages/work.html" target="iframe"></a></td>
      </tr>
      <tr>
        <td><a class="Contact" href="php/contact.php" target="iframe"></a></td>
      </tr>
    </table>
    </div>
    <div id="main">
      <div id="Content_bg">
      <iframe src="pages/homepage.html" height="100%" width="100%" allowtransparency="1" frameborder="0" name="iframe"></iframe>
      </div>
    </div>
    </div>
    </body>
    </html>
    Css Stlyesheet:
    @charset "utf-8";
    body{
              background-image: url(Images/Background.fw.png);
              background-color: #DCDCDC;
              background-repeat: no-repeat;
              text-align:center;
    #Wrapper {
              position:fixed;
              width:640px;
              left:0 auto;
              margin-top:120px;
    #main {
              position:fixed;
              width:561px;
              left:75px;
              background-image:url(Images/Body.fw.png);
              background-repeat:no-repeat;
              height:400px;
    #menu {
              position:fixed;
              width:68px;
              height:264px;
              background-image:url(Images/menu.fw.png);
              text-align:center;
    #Content_bg {
              position:fixed;
              width:469px;
              height:232px;
              background-image:url(Images/Content.png);
              margin-left: 45px;
              margin-top: 12px;
    #gallery {
              position: fixed;
              width:420px;
              height:70px;
              margin-top:300px;
              margin-left:50px;
              background-image:url(Images/footer.fw.png);
              z-index:1;
    #Wrapper #menu table {
              text-align: center;
              height:250;
              width: 50px;
              top: 10px;
    /*Nav Section */
    a.Home {
              display: block;
              width: 33px;
              height: 34px;
              background-image:url(Images/Buttons/home_off.fw.png);
              margin:0 auto;
    a.Home:hover {
              background-image:url(Images/Buttons/home_on.fw.png);
    a.About {
              display: block;
              width: 33px;
              height: 34px;
              background-image:url(Images/Buttons/about_off.fw.png);
              margin:0 auto;
    a.About:hover {
              background-image:url(Images/Buttons/about_on.fw.png);
    a.Social {
              display: block;
              width: 33px;
              height: 34px;
              background-image:url(Images/Buttons/social_off.fw.png);
              margin:0 auto;
    a.Social:hover {
              background-image:url(Images/Buttons/social_on.fw.png);
    a.work {
              display: block;
              width: 33px;
              height: 34px;
              background-image:url(Images/Buttons/work_off.fw.png);
              margin:0 auto;
    a.work:hover {
              background-image:url(Images/Buttons/work_on.fw.png);
    a.Contact {
              display: block;
              width: 33px;
              height: 34px;
              background-image:url(Images/Buttons/contact_off.fw.png);
              margin:0 auto;
    a.Contact:hover {
              background-image:url(Images/Buttons/contact_on.fw.png);

  • Using CSS for Tables

    I would like to use CSS to center all tables across my site.
    Where is
    the option to do this?
    Thanks!

    I would like to use CSS to center all tables across my site.
    Where is
    the option to do this?
    Thanks!

  • Off center table/page

    would someone be kind enough to review for me why my page
    verdict one is off center?
    when i built it originally, it was fine. at some point, i did
    something to change it. the page is built with tables. now, to
    correct things i've tried changing the css style on the properties
    panel which is set to 75px offset from left, but it doesn't budge.
    could it be buried somewhere else in my css style sheet, or maybe
    my template? all suggestions appreciated. thanks

    found the problem. somehow i misadjusted the template page so
    that it wasn't set to centered. problem solved.

  • Can't Center Table {Scree shots Included}

    Hey there, I am trying to center a table within my main content area,  As you can see in the screen shots bellow, I have given the table the align="center" attribute.  I also tried setting bodyArea div margin left and right to Auto to no avail.  I even droped another class div inside the bodyArea with the same auto margin, again nothing.   The table dose Center in Dreamweaver but none of the browsers.
    This is the browser view, as you can see the table is pushed to the left wall.
    Ok Im going to push my luck here with a second question, you can see what I am trying to do in the table bellow.  All these tables are already complete in Microsoft works.  But I can't seem to cut and paste into Dreamweaver table as it just pastes everything into the one cell.  So I am cutting and pasting every individual cell, yes 17 tables, over 100 rows, 5 coulmns.  So as you can Imagine it is going to take forever.  So if any1 reading this can help, you will save me days of work.  Thank you

    Give the table and ID, set a width and then margins for centering... eg:  Same as if you were centering a div.
    CSS:
    #maintable {
    width: 980px;      /* change width as required here */
    margin: 0 auto;
    HTML:
    <table id="maintable">
    that should work, unless there is something else in the code that will cause this to fail.
    PS:  If you need to add any padding on the cells, add the style to the <td>
    #maintable td {
    padding: 4px;

  • Center table contents

    I'm trying to center the contents of my table, the header portion, but it's not happening.  Any ideas?  Here's the stuff.
    CSS:
    table            { width:500px; margin:20px auto; border:1px #666 dotted; }
    thead, tfoot    { background-color:#E9F9A6; text-align:center;  }
    th, td            { padding:8px;  }
    th                { font-weight:bold; }
    tbody tr        { border-bottom:1px #ccc dotted; }
    tbody tr:hover    { background-color:#E9F9A6; }
    HTML:
    <table align="center" summary="This is a sample table for the project to demonstrate CSS table formatting">
            <thead>
            <tr>
                <th colspan="3" scope="col"><a href="mailto:[email protected]">Ms. Brown, Principal</a></th>
                </tr>
            <tr>
                <th scope="col"><h2>Teachers</h2></th>
                <th scope="col"><h2>Support Staff</h2></th>
                <th scope="col"> </th>
            </tr>
            </thead>
            <tbody>
            <tr>
                <td><a href="mailto:[email protected]">Abby Barajas</a></td>
                <td><a href="mailto:[email protected]"></a></td>
                <td> </td>
            </tr>
            <tr>
                <td><a href="mailto:[email protected]">Jamie Biggs</a></td>
                <td><a href="mailto:[email protected]">Mrs. Fackelmann - Office</a></td>
                <td> </td>
            </tr>
            <tr>
                <td><a href="mailto:[email protected]">Virginia Briggs</a></td>
                <td><a href="mailto:[email protected]">Mrs. Boldi - Office</a></td>
                <td> </td>
            </tr>
            <tr>
                <td><a href="mailto:[email protected]">Robyn Carlson</a></td>
                <td><a href="mailto:[email protected]">EriKa Mier y Teran - Clerk</a></td>
                <td> </td>
            </tr>
            <tr>
              <td><a href="mailto:[email protected]">Lucy Castillo</a></td>
              <td><a href="mailto:[email protected]">Lisa Murphey - Nurse</a></td>
              <td> </td>
              </tr>
            <tr>
              <td><a href="mailto:[email protected]">Margie Dean</a></td>
              <td><a href="mailto:[email protected]">Ms. Johal - Lunchroom</a></td>
              <td> </td>
              </tr>
            <tr>
              <td><a href="mailto:[email protected]">Mrs. Folchi-Oddieo</a></td>
              <td><a href="mailto:[email protected]">Kaci Fleetwood - Resource</a></td>
              <td> </td>
              </tr>
            <tr>
              <td><a href="mailto:[email protected]">Mrs. Hannifen</a></td>
              <td><a href="mailto:[email protected]">Valerie Truce - ELL</a></td>
              <td> </td>
              </tr>
            <tr>
              <td><a href="mailto:[email protected]">Pam Henning</a></td>
              <td><a href="mailto:[email protected]">Kathleen Johnson - Counselor</a></td>
              <td> </td>
              </tr>
            <tr>
              <td><a href="mailto:[email protected]">Victoria Ispisua</a></td>
              <td><a href="mailto:[email protected]">Joanne Ault - Speech</a></td>
              <td> </td>
              </tr>
            <tr>
              <td><a href="mailto:[email protected]">Jennifer Mentgen</a></td>
              <td><a href="mailto:[email protected]">Mr. Wayne - Site Facility Coordinator</a></td>
              <td> </td>
              </tr>
            <tr>
              <td><a href="mailto:[email protected]">Karen Utley</a></td>
              <td><a href="mailto:[email protected]">Amy Rasmussen - Librarian &amp; ETS</a></td>
              <td> </td>
              </tr>
            <tr>
              <td> </td>
              <td> </td>
              <td> </td>
              </tr>
            </tbody>
            <tfoot>
            <tr>
                <td colspan="3"></td>
                </tr>
            </tfoot>
        </table>
    </div>

    According to the WC3 specification the <tfoot></tfoot> section should appear before the <tbody></tbody> section. The <tfoot></tfoot> even though it comes before the <tbody></tbody> section still apears below it when output to a browser. (see page code below)
    To me, using your page code and css (below) it looks as though the <thead> text IS centered????
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <title>Untitled Document</title>
    <style type="text/css">
    table            { width:500px; margin:20px auto; border:1px #666 dotted; }
    thead, tfoot    { background-color:#E9F9A6; text-align:center;  }
    th, td            { padding:8px;  }
    th                { font-weight:bold; }
    tbody tr        { border-bottom:1px #ccc dotted; }
    tbody tr:hover    { background-color:#E9F9A6; }</style>
    </head>
    <body>
    <table align="center" summary="This is a sample table for the project to demonstrate CSS table formatting">
            <thead>
            <tr>
                <th colspan="3" scope="col"><a href="mailto:someone.com">Ms. Brown, Principal</a></th>
                </tr>
            <tr>
                <th scope="col"><h2>Teachers</h2></th>
                <th scope="col"><h2>Support Staff</h2></th>
                <th scope="col"> </th>
            </tr>
            </thead>
            <tfoot>
            <tr>
                <td colspan="3">hello</td>
                </tr>
            </tfoot>
            <tbody>
            <tr>
                <td><a href="mailto:someone.com">Abby Barajas</a></td>
                <td><a href="mailto:someone.com"></a></td>
                <td> </td>
            </tr>
            <tr>
                <td><a href="mailto:someone.com">Jamie Biggs</a></td>
                <td><a href="mailto:someone.com">Mrs. Fackelmann - Office</a></td>
                <td> </td>
            </tr>
            <tr>
                <td><a href="mailto:someone.com">Virginia Briggs</a></td>
                <td><a href="mailto:someone.com">Mrs. Boldi - Office</a></td>
                <td> </td>
            </tr>
            <tr>
                <td><a href="mailto:someone.com">Robyn Carlson</a></td>
                <td><a href="mailto:someone.com">EriKa Mier y Teran - Clerk</a></td>
                <td> </td>
            </tr>
            <tr>
              <td><a href="mailto:someone.com">Lucy Castillo</a></td>
              <td><a href="mailto:someone.com">Lisa Murphey - Nurse</a></td>
              <td> </td>
              </tr>
            <tr>
              <td><a href="mailto:someone.com">Margie Dean</a></td>
              <td><a href="mailto:someone.com">Ms. Johal - Lunchroom</a></td>
              <td> </td>
              </tr>
            <tr>
              <td><a href="mailto:someone.com">Mrs. Folchi-Oddieo</a></td>
              <td><a href="mailto:someone.com">Kaci Fleetwood - Resource</a></td>
              <td> </td>
              </tr>
            <tr>
              <td><a href="mailto:someone.com">Mrs. Hannifen</a></td>
              <td><a href="mailto:someone.com">Valerie Truce - ELL</a></td>
              <td> </td>
              </tr>
            <tr>
              <td><a href="mailto:someone.com">Pam Henning</a></td>
              <td><a href="mailto:someone.com">Kathleen Johnson - Counselor</a></td>
              <td> </td>
              </tr>
            <tr>
              <td><a href="mailto:someone.com">Victoria Ispisua</a></td>
              <td><a href="mailto:someone.com">Joanne Ault - Speech</a></td>
              <td> </td>
              </tr>
            <tr>
              <td><a href="mailto:someone.com">Jennifer Mentgen</a></td>
              <td><a href="mailto:someone.com">Mr. Wayne - Site Facility Coordinator</a></td>
              <td> </td>
              </tr>
            <tr>
              <td><a href="mailto:someone.com">Karen Utley</a></td>
              <td><a href="mailto:someone.com">Amy Rasmussen - Librarian &amp; ETS</a></td>
              <td> </td>
              </tr>
            <tr>
              <td> </td>
              <td> </td>
              <td> </td>
              </tr>
            </tbody>
        </table>
    </div>
    </body>
    </html>

  • IE Spry 2.0 Menu centering/ CSS vs Table/ em vs pix questions

    Hi,
    I realize this question may relate to other issues than strictly the Spry Widget Menu Bar. As some background, I am in the process of building a site to get rid of a bit of my record/cd collection. I am planning on using PayPal websites payments standard and a Paypal-shopping cart.  While I realize this may be time consuming (especially making buttons for every item), I really don’t want to pay a monthly fee for a shopping cart or spend a lot of time to figure out how to integrate my design with some free third party software cart such as Zen cart. (Of course if someone has some ideas, I would be glad to hear them).  But the main issue I needed some help with related to centering my Spry Menu Bar and questions about using tables as part of my layout. 
    My test files is here:
    http://blueyondermusic.com/mywidget11.htm
    In general, I had a few questions that I hope someone could shed some light on.
    SPRY MENU BAR 2. 0 CENTERING ISSUES IN INETERNET EXPLORER
    I have used Spry Menu Bar 2.0 widget for the main/bottom menu that goes to the various categories of records/cds.  I used pixels for font size and did a fixed size layout for the widget.  I think I have this working ok. However, I noticed it really isn’t centered when I view the page on IE 8 (more to the left). 
    Any thoughts on how to best fix this issue?
    USING TABLES FOR MAIN CONTENT?
    For the listings of each item, it seemed that it would be the easiest to use tables for my content. I have a 3 column table with the left column for the picture of the cd cover, the right for the paypal button, price, and other info (in a nested table), and the middle (in a nested table) for info about each item with Title, Catalog #, condition info at the top of the table.  My thinking was that this would allow me to add items easy by just copying and pasting the middle table to new rows…  I could have 10 to 100 items on a particular page (or who knows maybe more).  I would also be copying these rows or tables and adding them to other pages where the item fit in multiple categories.
    I couldn’t find anything on the web that made it look easy to do what I want to do with CSS rather than with HTML tables and have it look consistent across browsers.  Of course, I did my first websites with tables, so I am used to them but also recognize that folks try not to use them these days. I am using pixels for my font size as opposed to em (no experience using em). My questions are:
    Are my assumptions correct that it is ok to use a table layout for this portion of the page?  If yes, any suggestions on controlling how it looks (I,e, should I not be using pixels for my font size?)?,
    Is there an easy way in CSS to do the same thing and ensure consistency?
    These questions above are really the most important.  I don’t want to start adding all these items to find that there was a better, easier way to do this.
    While I am not necessarily designing for mobile browsers, is there something easy to do to make it look consistent on mobile browsers?  I notice the page on my iphone the text is taller than the album cover.  I assume that it I set the row to a fixed height, it still would show the text the same on the browser and break up the table possibly.
    Thanks!
    Kirk

    Hi,
    I realize this question may relate to other issues than strictly the Spry Widget Menu Bar. As some background, I am in the process of building a site to get rid of a bit of my record/cd collection. I am planning on using PayPal websites payments standard and a Paypal-shopping cart.  While I realize this may be time consuming (especially making buttons for every item), I really don’t want to pay a monthly fee for a shopping cart or spend a lot of time to figure out how to integrate my design with some free third party software cart such as Zen cart. (Of course if someone has some ideas, I would be glad to hear them).  But the main issue I needed some help with related to centering my Spry Menu Bar and questions about using tables as part of my layout. 
    My test files is here:
    http://blueyondermusic.com/mywidget11.htm
    In general, I had a few questions that I hope someone could shed some light on.
    SPRY MENU BAR 2. 0 CENTERING ISSUES IN INETERNET EXPLORER
    I have used Spry Menu Bar 2.0 widget for the main/bottom menu that goes to the various categories of records/cds.  I used pixels for font size and did a fixed size layout for the widget.  I think I have this working ok. However, I noticed it really isn’t centered when I view the page on IE 8 (more to the left). 
    Any thoughts on how to best fix this issue?
    USING TABLES FOR MAIN CONTENT?
    For the listings of each item, it seemed that it would be the easiest to use tables for my content. I have a 3 column table with the left column for the picture of the cd cover, the right for the paypal button, price, and other info (in a nested table), and the middle (in a nested table) for info about each item with Title, Catalog #, condition info at the top of the table.  My thinking was that this would allow me to add items easy by just copying and pasting the middle table to new rows…  I could have 10 to 100 items on a particular page (or who knows maybe more).  I would also be copying these rows or tables and adding them to other pages where the item fit in multiple categories.
    I couldn’t find anything on the web that made it look easy to do what I want to do with CSS rather than with HTML tables and have it look consistent across browsers.  Of course, I did my first websites with tables, so I am used to them but also recognize that folks try not to use them these days. I am using pixels for my font size as opposed to em (no experience using em). My questions are:
    Are my assumptions correct that it is ok to use a table layout for this portion of the page?  If yes, any suggestions on controlling how it looks (I,e, should I not be using pixels for my font size?)?,
    Is there an easy way in CSS to do the same thing and ensure consistency?
    These questions above are really the most important.  I don’t want to start adding all these items to find that there was a better, easier way to do this.
    While I am not necessarily designing for mobile browsers, is there something easy to do to make it look consistent on mobile browsers?  I notice the page on my iphone the text is taller than the album cover.  I assume that it I set the row to a fixed height, it still would show the text the same on the browser and break up the table possibly.
    Thanks!
    Kirk

  • CSS in tables - background and paragraphs [was: need help]

    Hi there,
    I'm using Dreamweaver CS3 and i'm trying to add a background image to a cell. I'm using CSS which works, but that also adds parts of the background to other cells. The only way i can do it sucessfully is by going "properties" then "bg", but i would rather use CSS because i want my page valid with W3C. Is there an easy way to do this?
    I also have a problem with paragraph spacing. If i align text to the top of a cell with paragraphs, the area above the whole text moves down one line in a broswer, if i have no paragraphs then it will look exactly the same as in dreamweaver. Is this normal or is there anyway to prevent it happening?.
    Any help is much appreciated, thanks.

    Paragraphs have a default top margin. You need to remove or adjust the margin with your CSS:
    td p {
      margin-top: 0;
    Awesome! Worked right away, this has been driving me nuts for ages, thanks a lot.
    In code view, you can use CSS to style a single table cell like so.
    HTML:
    <table>
         <tr>
              <td style="background: url(some_image.jpg) no-repeat">
              styled table cell here here </td>
              <td>unstyled table cell here </td>
         </tr>
    </table>
    I'm not too sure where to place this code, what does "styled and unstyled table cell" mean?
    I'm not that great when it comes to codes, any help would be grealty appreciated, thanks.

  • 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....
    > ~

  • 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.
    >

Maybe you are looking for

  • Can I stream a movie from my Macbook to my Apple TV on one display, and still use my Macbook for other things?

    I have a Macbook Pro and an Apple TV. What I'd like to do is stream a movie from my CinemaNow Account to my television by using my Apple TV and my Macbook. I know that I can do this my using the mirroring feature, however then I can no longer use my

  • Manual creation of inspection lot

    on october 1st  i received the  material (QM is activated for this Material)  2000 qty from the vendor 100011 system automatically created Inspection lot 2000 qty......in that i i have posted only 1000 now in MMBE i am seeing 1000 in QI stock now tod

  • How to install the JRE that comes with JME 3.0 to a Windows Mobile device

    From Sun's JME download page: Integration with 3rd party emulators and Windows Mobile devices The new Java ME Platform SDK architecture allows integration of 3rd party emulators and devices. Java ME Platform SDK comes with Sun's Java runtime environm

  • Facing error while configuring CTS+ in EP 7.3 and Solution Manager 7.1

    Hi All, I have done all configurations settings for CTS+ in Solman( JAVA+ABAP) and SAP EP for non abap transports from EP Dev to EP QA. The Solman version is 7.1 and EP Version is 7.31 . While exporting the transport package from EP Dev system it thr

  • Battery refuses to charge

    Hey guys, I have an Iphone 4S, with IOS 7 operating system.  Replaced screen and phone would not charge.  Took it to Phone Repair store, they replaced the battery, seemed to be the only problem at the time.  Battery refused to charge, took back to sh