Tables vs CSS

Ok. I'm just about burnt out spending the last few weeks
reading countless tutorials and pages about why CSS is better than
tables. So to explain the pain I have in my stomach. My first
webpage was created entirely in flash about 4 years ago. I pretty
much just read tutorials and surfed the web to teach myself the
software. As I became content with the site and how things were
progressing I get all these questions from people about why I'm
using Flash if I'm not doing any animation with it. Answer? Because
I had access to the program.
So a friend of mine suggests me to use Dreamweaver for it's
ease of use. So I do. I ask the obvious, how do I create a site in
DW? My friend suggested the easiest way is to use tables. So I
pretty much created a table which I saved as a template for each
link. I realize that now I want to add a drop down menu to my
navigation bar. So I then go and ask my brilliant friend how to
create drop down menus. The suggested answer was flash. Great. More
tutorials.
This brings us to now where my eyes are bleeding from reading
all these tutorials and a perfectly functioning navigation bar made
in flash. All while comtemplating the thought of having to learn
CSS (a completely foreign language). I have a few questions that
need be answered.
1) Is it impossible (because I still have not been able to
find and answer) to insert my horizontal flash navigation bar into
a row of the table without having it resize my row to the expanded
buttons (size of movie)? Example:
http://iceillusions.com/Templates/iceillusionstest.html
2) Should I have used CSS to build/layout my website rather
than tables? http://www.iceillusions.com
3) Is there anyway to convert CSS to tables without killing
myself (as all these internet sources are saying)?
4) If CSS is the preferred method, how can I import it into
the row where I want my navigation menu to be?
5) As you may notice the site is pretty much a gallery of
images. Do you have any recommendations for a better more aesthetic
image gallery supported by dreamweaver?
Sorry to ask so many questions but I'm pretty frustrated at
this point and would love to get all the questions off my chest.
Thanks for everyone's help.

http://banksand.googlepages.com/comingbacktothetable
"davidtfong" <[email protected]> wrote in
message
news:[email protected]...
> Ok. I'm just about burnt out spending the last few days
reading countless
> tutorials and pages about why CSS is better than tables.
So to explain
> the
> pain I have in my stomach. My first webpage was created
entirely in flash
> about 4 years ago. I pretty much just read tutorials and
surfed the web
> to
> teach myself the software. As I became content with the
site and how
> things
> were progressing I get all these questions from people
about why I'm using
> Flash if I'm not doing any animation with it. Answer?
Because I had
> access to
> the program.
>
> So a friend of mine suggests me to use Dreamweaver for
it's ease of use.
> So I
> do. I ask the obvious, how do I create a site in DW? My
friend suggested
> the
> easiest way is to use tables. So I pretty much created a
table which I
> saved
> as a template for each link. I realize that now I want
to add a drop down
> menu
> to my navigation bar. So I then go and ask my brilliant
friend how to
> create
> drop down menus. The suggested answer was flash. Great.
More tutorials.
>
> This brings us to now where my eyes are bleeding from
reading all these
> tutorials and a perfectly functioning navigation bar
made in flash. I
> have a
> few questions that need be answered.
>
> 1) Is it impossible (because I still have not been able
to find and
> answer) to
> insert my horizontal flash navigation bar into a row of
the table without
> having it resize my row to the expanded buttons (size of
movie)? Example:
>
http://iceillusions.com/Templates/iceillusionstest.html
>
> 2) Should I have used CSS to build/layout my website
rather than tables?
> www.iceillusions.com
>
> 3) Is there anyway to convert CSS to tables without
killing myself (as all
> these internet sources are saying)?
>
> 4) If CSS is the preferred method, how can I import it
into the row where
> I
> want my navigation menu to be?
>
> 5) As you may notice the site is pretty much a gallery
of images. Do you
> have any recommendations for a better more aesthetic
image gallery
> supported by
> dreamweaver?
>
> Sorry to ask so many questions but I'm pretty frustrated
at this point and
> would love to get all the questions off my chest. Thanks
for everyone's
> help.
>

Similar Messages

Problem regarding the creation of Table using CSS.

Hi ,
Here I have a Problem regarding the creation of Table using CSS.
In My Application i have a table with multiple rows(Rows are Dynamically added to the table).First i am setting the table with the following properties:
width:900px;
height : auto,
Overflow : visible,
Max-height: : 200px.
If I use above properties,I'm getting a table with 5 or 6 rows(height upto 200px).After that i am getting the Vertical ScrollBar.
The problem is when a table has many columns, Vertical and Horizontal Scrolls are coming at the time of setting the table. The table height is not Increasing dynamically.
How can i use "height" property in CSS? (I want the table height to be increased when the columns are more.)
Thanks & Regards
Madhavi

Hey humble user. Errr I'm trying to understand what ur trying to do. U want to create a section of a region destructively from an existing region right? If so select the option convert to new region (opt-comm-R or selecting it by right clicking). Check your audio bin to make sure. Whats the "merge" function? Are u refering to the glue tool?

Looking for Table to CSS Converter

I'm asking the Dreamweaver Community for HELP...
I currently own CS3 of Dreamweaver and while there are some
ways to convert tables to a css format manually.
Is anyone using a software or a work-a-round to automate this
process of converting TABLES to CSS automatically.
For example i have DOZENS OF HTML pages that are loaded with
Nested Tables... and all i want to do is run that HTML page through
a TABLE to CSS converter.
And then that’s it... you're done!... no tedious copy
and pasting converting one table at a time.
Does CS3 have something I’m missing that would remedy
this or make Converting Tables to CSS more automated and not
one-at-a-time converting?
Thanks for any suggestions or links.

A well built page with tables is infinitely more
representative of your work
than the train wreck that results when you convert tables to
layers.
Put a 5x5 table on the page, merge and split some of the
cells, add some
content to each cell, and convert to layers. Look at the
incredible mess
you have now in your code. Preview in a browser, and expand
your text size
in the browser. Look at the incredible mess you have in the
browser.
I think your approach is COMPLETELY wrong.
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
==================
"RegGFX" <[email protected]> wrote in
message
news:[email protected]...
> Thanks for helping me find the Convert to Divs button...
i'll test it out.
> I
> went on the web and googled Table2CSS and found some
interesting tools...
> In regards to the question about Converting Tables to
Divs or pure css....
> In reply too:
>
quote:
Question is why do you want to do this? To say that there are
no tables
> in
> the page?
> Well that seems to be the NEW RAGE(actually its not new
though)... create
> websites without TABLES.... google it on the Web and
you'll see all the
> responses. Its almost as big a argument as MAC vs. PC
all though we know
> that
> "Talent" is what drives creativity... the tool is just a
tool to
> accomplish
> your job...but thats for another discussion
> Anyway back to the CSS design vs. Table design website.
>
> I had 2 friends who went on job interviews where they
showed samples of
> their
> websites to 3 different large corporations and all 3
interviews said "we
> want
> to see websites .
WITHOUT tables and using only CSS and or DIVs." as
> samples for their portfolios
> WOW... i thought so....
> I've talked to a number of other friends in large
companies and this is
> the
> going trend now... Design TABLELESS Websites (if you
google that you'll
> find
> that as well) and use only pure CSS. Many company's are
doing this I think
> its
> because knowone can seem to figure out Tables.
>
> Now i personally have been designing websites for a
little over 10 years
> and
> have never had issues with Tables to design a website
although i do
> understand
> the arguments behind load times... I think its because
some out there
> still
> haven't got the nack of how to design a website and
limit the load times
> while
> still using Tables.
>
> So in view of the feed back i've been getting about this
pure CSS website
> and
> no tables trend, I've been converting some of my 10 page
client websites
> to
> PURE CSS just because i got an inside tip that company's
will pay big
> bucks to
> convert their website to PURE CSS and no tables just
becuase another
> I.T.executive consultant said that is the route to go.
>
> Again... for me... its all about knowing how to optimize
your webpages
> whether
> you're doing Tables or Pure CSS.
> Its also about if your website makes the user have to
"THINK TO MUCH"...
> you
> can build a cool website design with out making the user
"Think To Much"
> such
> as How long is this website going to take to load, or
why is it so
> complicated
> to navigate with all these uncessary tables and
etc...but again the "Don't
> Make
> Me Think" syndrome is for yet another discussion
>
> Anyway... thanks for the tip about Dreameweaver's
"Convert" button....
> i've
> tried it and its ok... but it needs alittle refinement
on automation. (for
> example it would be nice if it put the CSS in a TAG up
in the head like a
> Table2Css conversion tool i found.)
>
> Best Regards,
>

Templates tables and css ?

It's been a couple years since I really worked on a new site.
I have DW
MX2004. My last site used templates which worked fine for me.
Are
templates still widely use...or has css design more or less
replaced them ?
Also...in css design...are tables used much anymore...and if
not...can you
do pretty much the same in css as you can in table layout ?
Can anyone post a few links that discuss table vs. css deign,
etc ?
From a code/search engine stand point...is there a difference
between divs
and the table tag ?
Thanks so much....
Tim

> Are templates still widely use
I use templates, CSS, and server-side includes on nearly
every site I build.
> Also...in css design...are tables used much anymore
I use CSS and tables on some pages, when they work for what I
need to do.
> can you do pretty much the same in css as you can in
table layout ?
There are some things which are exceptionally easy to do with
tables, that
are exceptionally difficult to do with CSS. I believe that a
pragmatic
developer will keep both methods at the ready in their
toolkit.
> Can anyone post a few links that discuss table vs. css
deign, etc ?
Please don't think of it this way. Think of it as the next
step ahead in
design methodology -
http://www.projectseven.com/tutorials/css/qdmacfly/index.htm
http://www.macromedia.com/devnet/mx/dreamweaver/css.html
http://www.macromedia.com/devnet/dreamweaver/articles/tableless_layout_dw8.html
http://www.macromedia.com/devnet/dreamweaver/articles/css_concepts.html
> From a code/search engine stand point...is there a
difference between divs
> and the table tag ?
No.
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
==================
"Tim" <[email protected]> wrote in message
news:[email protected]...
> It's been a couple years since I really worked on a new
site. I have DW
> MX2004. My last site used templates which worked fine
for me. Are
> templates still widely use...or has css design more or
less replaced them
> ?
>
> Also...in css design...are tables used much
anymore...and if not...can you
> do pretty much the same in css as you can in table
layout ?
>
> Can anyone post a few links that discuss table vs. css
deign, etc ?
>
> From a code/search engine stand point...is there a
difference between divs
> and the table tag ?
>
> Thanks so much....
>
> Tim
>

Convert Table to CSS - any tool available ?

Does DW have any tool for converting a table-based page or
template into a CSS-based page?
I have some old generic table-based templates that I'd love
to convert, but I'm a CSS total newbie.
I was thinking that perhaps DW might have a tool or
conversion thing that could help with this.
If DW does not, might you know of any Table-to-CSS conversion
tools out there ?
Many thanks

Well, if I knew, I wouldn't say, so I'm just saying that I
bet it has. :-D
Patty Ayers | www.WebDevBiz.com
Free Articles on the Business of Web Development
Web Design Contract, Estimate Request Form, Estimate
Worksheet
"Murray *ACE*" <[email protected]> wrote
in message
news:[email protected]...
> Ya think?
>
> --
> 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
> ==================
>
>
> "P@tty Ayers"
<[email protected]> wrote in message
> news:[email protected]...
>>I bet it's been discussed. :-)
>>
>>
>> --
>> Patty Ayers | www.WebDevBiz.com
>> Free Articles on the Business of Web Development
>> Web Design Contract, Estimate Request Form, Estimate
Worksheet
>> --
>>
>>
>>
>> "Murray *ACE*"
<[email protected]> wrote in message
>> news:[email protected]...
>>> Not if I have anything to do with it! 8)
>>>
>>> --
>>> 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
>>> ==================
>>>
>>>
>>> "P@tty Ayers"
<[email protected]> wrote in message
>>> news:[email protected]...
>>>>
>>>> "Murray *ACE*"
<[email protected]> wrote in message
>>>> news:[email protected]...
>>>>>> If DW does not, might you know of
any Table-to-CSS conversion tools
>>>>>> out there ?
>>>>>
>>>>> There is no such thing. I agree with
Shane....
>>>>
>>>> Shhhh! I wouldn't be surprised if that ended
up in the next version of
>>>> Adobe-weaver. :\
>>>>
>>>>
>>>> --
>>>> Patty Ayers | www.WebDevBiz.com
>>>> Free Articles on the Business of Web
Development
>>>> Web Design Contract, Estimate Request Form,
Estimate Worksheet
>>>> --
>>>>
>>>>
>>>
>>>
>>
>>
>
>

Changing from tables to CSS

OK, my mind is mush and I need a little help.
Client shows me a website he looooooooves. The whole thing is tables! Uh oh!
I have done a fair amount of the heavy lifting on this one and need some tweaks in the CSS. The entire gismo -- along with the old table-based website!!! is here. We're going on line with this pretty soon and the client is sending me content.
The top of the page is the redesign, the bottom is all of the tables. As you can see, I have done <div> work on it so that it works. I don't need any more navigation than I have, so the left-hand side navigation is not needed. I would like the navigation that I do have to be centered on the red bar. I would also like to be pointed to a tutorial that will show me how to make Dreamweaver CS3 do pre-loaded images and swaps for the navigation bar, as I have bold versions of the text for navigation for mouseover and select.
Despite the fact that I did tell the stylesheet that I want the centered table with the address, phone and hours of operation to be yellow, it's still white. I would also like a red outline that is about the same color as the red navigation: #A00000
If you need the stylesheet, which is an amalgam of old and new, I can put it here.
I would like to use this particular page as an example of how to go from tables to <div> with fixed width and will completely flesh it out sooner or later and offer it up to this Forum as an example of how you can get the best results on the modern Internet by converting from the 20th Century to the 21st.
To reiterate:
I need a tutorial on preloaded images and mouseover to change an image.
I need to finish this gismo, styling the menu to the center and the location and hours of operation box in yellow with a red border.
Thanks.

Does it work when you look at the website?
As it's styled in both Firefox (Mac) and Safari it does not work.
Table is:
<table align="center" class="hoursTable">
    <tr>
      <td><p align="center"><span class="style40">Public Market of Newington</span><br>
        437 New Britain Avenue<br>
        Newington, CT 06111<br>
      </p>
        <p align="center"> <span class="style40">Phone</span>:
          860•667•1454<br>
   <span class="style40">Fax: </span>860•666•DELI</p></td>
      <td><p align="center"><span class="style40">Hours of Operation</span><br>
            Mon - Sat: 8am - 6pm<BR>
            Sunday: 8am - 1pm</p>
        <p align="center" class="style40">GIFT CERTIFICATES AVAILABLE</p></td>
    </tr>
</table>
CSS is:
.oneColFixCtrHdr #container #mainContent hoursTable {
align: center;
text-align: center;
position: fixed;
width: 603px;
border: 1px solid red;
background-color: yellow;

Specifying tables in CSS (was Defining constants)

Following some suggestions from Gary, I modified my table
specification to
read:
.pictureframe {width: 5%; background-color: #d8d8f0; }
.pictureframe td{padding: 5px; }
In the HTML file this is invoked with:
<table class="pictureframe" align="left"> [or as
required
This worked fine, except that if I had three pictures
together aligned
respectively left, centre and write, Dreamweaver did not
display them correctly,
but drew the left and centred images on top of each other.
Gary also suggested replacing the 'align' statement with a
'floa' statement in
the CSS. This meant that I had to have separate styles for
each alignment, so I
introduced three new styles:
.pf_l, .pf_m, .pf_r {width: 5%; background-color: #d8d8f0; }
.pf_l, .pf_m, .pf_r td {padding: 5px; }
.pf_l {float: left; }
.pf_m {float: none; }
.pf_r {float: right; }
This introduced a new set of problems. Firstly style 'pf_m'
takes up the
default alignment of the cell it is in, instead of being
centred, as I wanted,
so to get it centred I still had to add an align = centre
statement in HTML, and
secondly the image drawn with pf_r has a wider border than
the others. I cannot
see why this should be so.
A page demonstrating these various effects is at:
D:\Websites\cybec\Test_nstdpage.htm
Gary also complained "there's no such attribute as
"bordercolor". Maybe strictly
so, but you can hardly blame me for not knowing that.
Dreamweaver doesn't
complain about it, it works, and O'Reilly's definitive guide
to HTML and XHTML
has numerous references to it. I had to look for some time to
find a statement
that it was 'nonstandard' in one of these references.
[email protected]

> I went there and by mistake I reformatted the whole
drive. I hope that's
> OK....
I guess that's why when I went there it was blank.
W
"Murray *ACE*" <[email protected]> wrote
in message
news:[email protected]...
> > This worked fine, except that if I had three
pictures together aligned
> > respectively left, centre and write, Dreamweaver
did not display them
> > correctly,
> > but drew the left and centred images on top of each
other.
>
> Try removing the width:5% from the table rule.
>
> > A page demonstrating these various effects is at:
> > D:\Websites\cybec\Test_nstdpage.htm
>
> I went there and by mistake I reformatted the whole
drive. I hope that's
> OK....
>
> --
> 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
> ==================
>
>
> "Clancy" <[email protected]> wrote in message
> news
[email protected]...
> > Following some suggestions from Gary, I modified my
table specification
> > to
> > read:
> >
> > .pictureframe {width: 5%; background-color:
#d8d8f0; }
> > .pictureframe td{padding: 5px; }
> >
> > In the HTML file this is invoked with:
> > <table class="pictureframe" align="left"> [or
as required
> >
> > This worked fine, except that if I had three
pictures together aligned
> > respectively left, centre and write, Dreamweaver
did not display them
> > correctly,
> > but drew the left and centred images on top of each
other.
> >
> > Gary also suggested replacing the 'align' statement
with a 'floa'
> > statement in
> > the CSS. This meant that I had to have separate
styles for each
> > alignment, so I
> > introduced three new styles:
> >
> > .pf_l, .pf_m, .pf_r {width: 5%; background-color:
#d8d8f0; }
> > .pf_l, .pf_m, .pf_r td {padding: 5px; }
> > .pf_l {float: left; }
> > .pf_m {float: none; }
> > .pf_r {float: right; }
> >
> > This introduced a new set of problems. Firstly
style 'pf_m' takes up
the
> > default alignment of the cell it is in, instead of
being centred, as I
> > wanted,
> > so to get it centred I still had to add an align =
centre statement in
> > HTML, and
> > secondly the image drawn with pf_r has a wider
border than the others.
I
> > cannot
> > see why this should be so.
> >
> > A page demonstrating these various effects is at:
> > D:\Websites\cybec\Test_nstdpage.htm
> >
> > Gary also complained "there's no such attribute as
"bordercolor". Maybe
> > strictly
> > so, but you can hardly blame me for not knowing
that. Dreamweaver
doesn't
> > complain about it, it works, and O'Reilly's
definitive guide to HTML and
> > XHTML
> > has numerous references to it. I had to look for
some time to find a
> > statement
> > that it was 'nonstandard' in one of these
references.
> >
> > [email protected]
>
>

Tables without CSS: Is there a setting for this?

(Dreamweaver CS5, Mac OSX)
When I build a page in Dreamweaver and add a table, it seems to use CSS coding automatically and without asking me. How can I get Dreamweaver to code my HTML page, which includes tables, without using any CSS (in other words, coded only in standard HTML)? Is there a setting, or preference, for specifying this?
Thank you-

When you insert a table either from the menu bar Insert>Table or by the shortcut CMD+OPT+T, you should get a dialogue box where you choose a border (or not) cellpadding and cellspacing.
If you want none of those, set everything to zero. DW will keep that as your default whenever you add another table.
I'm working on two restaurant sites now that have between them 84 tables for menus. I'm on a PC so I just press CTRL+ALT+T but the Mac shortcut works the same, and I get a new table with no cellspacing, no cellpadding and no borders.
In my CSS I have a rule for th and td elements that makes all td text bold, and puts a qpx dotted border on the bottom of all td cells, but other than that there is no CSS applied to tables that you don't select ( or NOT not select) when you insert the table.

Bordering Rows in a table using CSS

HI,
I'm using Dreamweaver CS3. I have a table of 2 columns and 5 rows on 1 particular page. What I would like to do is put a thin border at the bottom of each row. What I am doing is highlighting the first row by choosing the TR tag and starting to create a new rule in CSS which looks like this:
Selector type is Advanced
I choose this page only
.twoColElsLtHdr #container #mainContent table
This doesn't encompass the TR tag so it will only format for the table. If I add the tr tag it doesn't seem to do anything fo the rows in that table.
Is there a correct way to use CSS to format rows in a table without formatting each row individually?
Thanks
Steve

Thanks Muray that worked. I didn't know thatyou couldn't border on a table row.
Steve

Can I Transform tables into CSS or other formats?

Hi.
I've got a big site that was created in GoLive. All the pages make extensive use of tables due to the way GoLive worked its wysiwyg layouts.
I'm not a programmer but I did know how to create decent looking pages that way. Now I've got DW and want to make changes to the pages. Now these pages all look like tables and I can't just drag and drop to move things around.
Is there some way in DW to change all these tables into a form where I can manipulated them easily? I'm just learning about CSS. Is that the way to go?
Of course any new pages I'll create with CSS, but I still need to work with lots of these older pages.
Thanks.

Start your new projects with pre-built CSS Layouts. You can learn a great deal from reading comments in the source code.
PVII CSS Layouts - Rock solid. Thoroughly tested to perform well in all browsers.
http://www.projectseven.com/products/index.htm
Dreamweaver CSS Templates for beginners
http://www.adobe.com/devnet/dreamweaver/articles/dreamweaver_custom_templates.html
New DW Starter Pages --
http://www.adobe.com/devnet/dreamweaver/articles/introducing_new_css_layouts.html
Ultimate Multi-Column Layouts -
http://matthewjamestaylor.com/blog/ultimate-multi-column-liquid-layouts-em-and-pixel-width s
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
http://alt-web.com/
http://twitter.com/altweb

Style Table via CSS

Hi there. It looks like I’m going to need your help
again with a vexing table issue.
Check this out:
http://www.fastventures.co.uk/en/sec_test.html
Take a close look at the table that includes the main
navigation bar and you will notice that to the right, the last cell
is off by 1 px although the entire table was consistently styled
via CSS to match the following criteria:
.hspacer_36 /* height spacer **/
background-color: #999999;
height: 36px;
The odd thing is, that the table right next to (to the left)
was styled exactly like that and displays perfectly. Any ideas?
As you can imagine, resolving this issue is critical as we
otherwise may not be able to adopt this design.
Thanks a million for your time and help.

What browser are you using becuase I dont see the width diff
(FF2.0 on win)?
In general though I have had this issue appear when I have a
table that has
an odd number width and then two cells that are width=50% ...
"HTML-Newbie" <[email protected]> wrote in
message
news:fcgv2m$h9$[email protected]..
> Hi there. It looks like I?m going to need your help
again with a vexing
> table
> issue.
>
> Check this out:
>
>
http://www.fastventures.co.uk/en/sec_test.html
>
> Take a close look at the table that includes the main
navigation bar and
> you
> will notice that to the right, the last cell is off by 1
px although the
> entire
> table was consistently styled via CSS to match the
following criteria:
>
> .hspacer_36 /* height spacer **/
>
> {
>
> background-color: #999999;
>
> height: 36px;
>
> }
>
> The odd thing is, that the table right next to (to the
left) was styled
> exactly like that and displays perfectly. Any ideas?
>
> As you can imagine, resolving this issue is critical as
we otherwise may
> not
> be able to adopt this design.
>
> Thanks a million for your time and help.
>
>

Trying to go from using tables to css

I'm wanting to get into the 21st century and am just
wondering if the
css templates such as 3 Column Elastic that come with CS3
would be a
good way to start in learning to design without tables? There
seem to be
a lot of problems getting CSS columns to align properly in
different
browsers and I'm wondering if using these as a starting point
would
eliminate these problems or if there's a better way to go.
Any ideas?
Thanks.
Fred

They could help. But a stiff dose of understanding would also
be a good
thing to acquire -
http://apptools.com/examples/pagelayout101.php
http://www.projectseven.com/tutorials/css/qdmacfly/index.htm
http://www.macromedia.com/devnet/mx/dreamweaver/css.html
http://www.macromedia.com/devnet/dreamweaver/articles/tableless_layout_dw8.html
http://www.macromedia.com/devnet/dreamweaver/articles/css_concepts.html
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
==================
"FredB" <[email protected]> wrote in message
news:fovs7c$2ns$[email protected]..
> I'm wanting to get into the 21st century and am just
wondering if the css
> templates such as 3 Column Elastic that come with CS3
would be a good way
> to start in learning to design without tables? There
seem to be a lot of
> problems getting CSS columns to align properly in
different browsers and
> I'm wondering if using these as a starting point would
eliminate these
> problems or if there's a better way to go.
>
> Any ideas?
>
> Thanks.
>
> Fred

Table Borders + CSS

Somehow the message was posted 3 times

davidhelp wrote:
> Table with border using css
>
> 1st question:
> I have a table at the top of the page with a 1px red
border
> Right below and up against 1st table is another table
with 1px red border
>
> In Firefox 1.5 and IE6 I see a 2px thick line
>
> How to fix it so I see only a single border line 1px
thick where the 2 tables
> meet?
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01
Transitional//EN">
<html>
<head>
<style type="text/css">
.border {
border: 1px solid red;
border-collapse:collapse;
background: #FFFFFF;
.border th {
padding: 4px;
background-color: white;
border:1px solid red;
.border td {
padding: 4px;
background-color: white;
border:1px solid red;
.border2 {
border-collapse:collapse;
background: #FFFFFF;
border-right: 1px solid red;
border-bottom: 1px solid red;
border-left: 1px solid red;
.border2 th {
padding: 4px;
background-color: white;
border-right: 1px solid red;
border-bottom: 1px solid red;
border-left: 1px solid red;
.border2 td {
padding: 4px;
background-color: white;
border-right: 1px solid red;
border-bottom: 1px solid red;
border-left: 1px solid red;
</style>
</head>
<body>
<table style="width: 300px;" class="border">
<tbody>
<tr>
<th style="font-weight: normal;">1st table</th>
<td>1st table</td>
</tr>
</tbody>
</table>
<table style="width: 300px;" class="border2">
<tbody>
<tr>
<th style="font-weight: normal;">2nd table</th>
<td>2nd table</td>
</tr>
</tbody>
</table>
</body>
</html>
> 2nd related question
> I create a table with a black border and I want to add
another table without
> any bordercolor to the same page using css
> The table may be inside the 1st or outside the table
>
> How to do this?
In much the same way as above - just create classes and apply
the
relative class to the relative table.
HTH
chin chin
Sinclair

Image positioning with table and css?

Hi please look at the following link to see my problem
http://www.stefanlesik.com/csg/traditional-designs.htm.
I am trying to position a list of photos with details of dimensions
and reference number below each. I have set up a table with 2
columns but I cannot position the images inside the cells
correctly. I've also tried adding an image style to each with
padding etc but this does not work. I'm sure there is a simple
solution. Any other comments about the design of the site would
also be very welcome. Thanks in advance

You need to add valign="top" to your cells in that table.
<td height="0" width="265" valign="top">
Also your first image is wrapped in a <p> tag. The
second is not. That is why you will see extra space at the top of
the first one. You can also delete all of the height="0" that you
have through out your code.
J

Cflloop, Tables and CSS

I have a web application that has an iframe (believe me it is necessary) split 69/30. On the 30 portion of the page I have several tables that are stacked upon each other.
All tables are designated with the following:
<table width="100%" border="3" borderColor="##c0504d">
Several of the tables are being hidden using the [id = #Varidable# style="display:none"] property. The hidden tables are created by a <CFLOOP query=foo>.    Here is the problem the tables within the CFLOOP are not the same width as the tables outside of the CFLOOP. The are just a tad wider.
Here is a snippet of the actual code:
<CFOUTPUT>
     <table width="100%" border="3" borderColor="##c0504d">
          <TR>
               <th width="20%" align="Right">Risk:</th>
               <td width="80%" align="left">
                    #ThisTitle#
               </td>
                                   </TR>
                                   <TR>
                                                  <th align="Right" valign="top">Risk Statement:</th>
                                                  <td align="left">
                                                                 #GetThisRiskInfo.RiskStatement#
                                                  </td>
                                   </TR>
                    </table>
                    <table width="100%" border="3" borderColor="##c0504d">
                                   <TR>
                                                  <td colspan="#zcount#">
                                                            <CFLOOP query="GetMission">#GetMission.CurrentRow#<BR>
                                                                           <CFIF GetMission.CurrentRow EQ 1>
                                                                                          <CFSET HideArray1 = "ShowMission#GetMission.MissionID#">
                                                                           <CFELSE>
                                                                                          <CFSET HideArray1 = HideArray1 & ", ShowMission#GetMission.MissionID#">
                                                                           </CFIF>
                                                            </CFLOOP>
                                                            <CFLOOP query="GetMission">
                                                                           <input type="radio" name="xMissionID" value="#GetMission.MissionID#" onClick="javascript:HideNShow('#HideArray1#', 'ShowMission#GetMission.MissionID#')">#GetMission.MissionName# <CFIF #CurrentRow# NEQ #GetMission.RecordCount#> | </CFIF>
                                                            </CFLOOP>
                                                  </td>
            </TR>
                    </table>
<CFLOOP query="GetMission">
                         <table width="100%" border="3" borderColor="C0504D" id="ShowMission#GetMission.MissionID#" style="display:none">
                                             <tr>
                                                            <td colspan="#ZCOUNT#" align="center">
                                                                           <strong>#GetMission.MissionName#</strong>
                                                            </td>
          </tr>
          <tr>
               <td>
... etc blah etc
               </td>
          </tr>
     </table>
</CFLOOP>
</CFOUTPUT>
What can I do to alleviate the problem with the table borders not aligning?
Thanks!

Sarcasm is not appreciated.
The issue ended up being that additional data within the <table> tag.    I wrapped the table tag within the <CFLOOP> with a <div> and placed the ID and style tags in the div and the formatting issue went away. So
<table width="100%" border="3" borderColor="C0504D" id="ShowMission#GetMission.MissionID#" style="display:none">
became:
<div id="ShowMission#GetMission.MissionID#" style="display:none">
                    <table width="100%" border="3" borderColor="C0504D">

Tables vs CSS

Similar Messages

Maybe you are looking for