Dreamweaver CS3 Layout Mode Cell Paddig
Working in Layout Mode.
Create two cells of different width, fixed size.
Insert text in both, fonts are different.
Place one cell above the other.
Always too much space between adjacent cells even though the cell layout lnes are touching.
It seems as if the cells have a default padding value for text? This is never a problem when the cell content is an image.
Thanks,
Don't use Layout Mode. It wreaks havoc to table code. Thank goodness Adobe removed Table Layout Mode from CS4.
Use Standard Table Mode and Design View or Split View.
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
www.alt-web.com/
www.twitter.com/altweb
Similar Messages
-
Dreamweaver CS3 - layout tables and cells
I just installed the new Studio CS3 on my Mac , and I have
been trying to layout a new html page in Dreamweaver. I can draw
tables, but not cells! I check the Dreamveaver CS3 help "About
Layout Mode" thinking that this may be one of the functions that
have changed in the new version, but apparently it has not. Also, I
can not resize the div tags by draging the edges.
Can anyone help me with some advise?
Thank you.tfraga wrote:
> Can anyone help me with some advise?
Layout Mode has been removed from the Insert bar because it
produces
such poor quality code. The best advice to you is to learn
the basics of
HTML and CSS. You'll then find Dreamweaver a lot easier to
use.
David Powers, Adobe Community Expert
Author, "Foundation PHP for Dreamweaver 8" (friends of ED)
Author, "PHP Solutions" (friends of ED)
http://foundationphp.com/ -
Dreamweaver cs3 Layout Clear Floats
Have two sidebar divs and a maincontent div in the middle
with a header at the top. In IE7 it displays incorrectly by moving
the maincontent down below the clear float. Any help would be
great.tfraga wrote:
> Can anyone help me with some advise?
Layout Mode has been removed from the Insert bar because it
produces
such poor quality code. The best advice to you is to learn
the basics of
HTML and CSS. You'll then find Dreamweaver a lot easier to
use.
David Powers, Adobe Community Expert
Author, "Foundation PHP for Dreamweaver 8" (friends of ED)
Author, "PHP Solutions" (friends of ED)
http://foundationphp.com/ -
Dreamweaver CS3 layout problem
So somehow I managed to drag the Tag Inspector panel over to
it's own
seperate panel. It can be seen here:
http://davidgoldmanwebdesign.com/layout.html
Can anyone tell me how the heck to get it back in with the
panels to its
left so I only have one set of panels?
Thanks!
DavidNever mind! Just found the right corner to grab to I could
move it back in!
David G. wrote:
> So somehow I managed to drag the Tag Inspector panel
over to it's own
> seperate panel. It can be seen here:
>
>
http://davidgoldmanwebdesign.com/layout.html
>
> Can anyone tell me how the heck to get it back in with
the panels to its
> left so I only have one set of panels?
>
> Thanks!
>
> David -
from prior threads i've seen that the PiP mode in WebCamera was given up on, and i can only seem to set side by side layout mode anyway.
is PiP mode going to be available in the spark version of LCCS? if not, can one the of developers let me know how i would go about subclassing WebCamera to ensure that the publisher's video is not added to the WebCamera layout? i've tried a few things, such as setting sbsSubscriber.webcamPublisher = null, and removing the publisher's video forcefully from the display list, but it still seems to appear.
or any tips on how i would go about allowing PiP mode to be set in WebCamera so that i can then muck about with the layout of the publisher's video manually.
thanks
adam>>Can somebody please tell me what I'm doing wrong?
Using Layout mode. Seriously!
Adobe removed Layout Mode from CS4 version of DW with good
reason. This has
been explained here dozens of times. Search here:
http://groups.google.com/advanced_search?q=+group:macromedia.dreamweaver
on
"layout mode" for more info.
Walt
"kensteve" <[email protected]> wrote in
message
news:gfg6ri$ekl$[email protected]..
> In layout mode using Dreamweaver 8, I created a percent
based table. Into
> that
> I inserted a pixel based table. Into that I inserted
cells to hold the top
> banner, navigation, etc. Previewed in browser and all
looked good. Then I
> added
> two column cells beneath my navigation. Added text to
both cells and
> styled
> with CSS. Previewed in browser, and again all looks
well. Now I'm trying
> to
> close off the bottom by running one cell beneath the
above two columns,
> but
> even though the cells are tightly aligned, I get a space
of about 1 inch
> between the columns and the bottom row I have created. I
even tried
> re-creating
> everything using nested tables instead of cells, and I
can't get rid of
> this 1
> inch space. I don't have any cell or table padding added
anywhere. I'm
> pulling
> my hair out ... been at this all day! Can somebody
please tell me what I'm
> doing wrong? Many thanks in advance.
>
> -
Alternatives to Layout mode?
I'm currently doing an internship for a small company that
expects me to create a website in a couple more weeks. I had
virtually no experience with any web editing software initally, but
I jumped right in anyway, and hoped I could learn dreamweaver as I
went. So far I have been pretty successful, I found layout mode to
be extremly easy to use, and things sped up quickly.
Then it was time to polish everything, make all my pages look
uniform, and make all the corners and borders look flush.
At this rate I get about 1 page finished every 6 hours. I
keep thinking I've fixed everything, but then I'll notice some
element is pushed over by a few pixels.
I'm tempted to just scrap the whole thing and start fresh
with another building method. Because this is getting quite
rediculous. Are there any good alternatives to Dreamweaver's layout
mode? I don't think I'm skilled enough with HTML to get the look I
want through hand coding, so I feel that idea is out. Any other
things I could use?Better still:
http://www.dreamweaverresources.com/templates.htm
or www.projectseven.com
or
http://www.tjkdesign.com/templates/gallery.asp
Nadia
Adobe® Community Expert : Dreamweaver
CSS Templates |Tutorials |SEO Articles
http://www.DreamweaverResources.com
~ Customisation Service Available ~
http://www.csstemplates.com.au
~ Forum Posting Guidelines ~
http://www.adobe.com/support/forums/guidelines.html
"Alec Fehl" <[email protected]> wrote in message
news:f20024$arg$[email protected]..
> You can purchase a design template which has all the
layout and basic
> images ready to go - you just add your own text and
replace whatever
> images you want. Lots of places sell these templates -
many also offer
> free templates.
>
http://www.dreamweaver-templates.org/
>
>
>
> --
> Alec Fehl, MCSE, A+, ACE, ACI
> Adobe Community Expert
>
> AUTHOR:
> Microsoft Office 2007 PowerPoint: Comprehensive Course
(Labyrinth
> Publications)
> Welcome to Web Design and HTML (Labyrinth Publications)
>
> CO-AUTHOR:
> Microsoft Office 2007: Essentials (Labyrinth
Publications)
> Computer Concepts and Vista (Labyrinth Publications)
> Mike Meyers' A+ Guide to Managing and Troubleshooting
PCs (McGraw-Hill)
> Internet Systems and Applications (EMC Paradigm) -
Layout mode in Dreamweaver CS3. Can't draw table
I did the same exact thing i do in dreamweaver 8, but in cs3,
it's now working.
I went to layout mode and with a blank page and the draw
table button is grayed out.
what do i do to use it. I'm already in layout mode.Get out of Layout mode for starters.
In my opinion, there are three serious problems with Layout
Mode -
1. Perhaps most importantly, it sits between you and *real*
HTML tables,
and fools you into believing that concepts like "layout cell"
and
"autostretch" really mean something. They do not. As long as
you use
Layout Mode, you'll never learn one of the most important
things for new web
developers - how to build solid and reliable tables.
2. Actually, #1 wouldn't be *so* bad, except that the code
that is written
by Layout Mode is really poor code. For example, a layout
table contains
MANY empty rows of cells. This can contribute to a table's
instability.
In addition, if your initial positioning of the table's cells
is a bit
complex,
Layout Mode will throw in col- and rowspans aplenty as it
merges and splits
cells willy-nillly to achieve the pixel-perfect layout you
have specified.
Again,
this is an extremely poor method for building stable tables,
because it
allows
changes in one tiny cell's shape (i.e, dimensions) to ripple
through the
rest
of the table, usually with unexpected and sometimes
disastrous consequences.
This is one of the primary reasons for the final result's
fragility - read
this -
http://apptools.com/rants/spans.php
3. The UI for Layout Mode is beyond confusing - many options
that you might
want to use are inaccessible, e.g., inserting another table,
or layer onto
the page.
I can understand the new user's desire to use this tool to
make their life
easier,
but the cost is just too heavy in my opinion.
To make good tables, keep it simple. Put a table on the page,
and begin to
load your content. If you would want a different table
layout, instead of
merging or splitting cells, consider stacking tables or
nesting simple
tables instead, respectively.
And above all, do not try to build the whole page with a
single table!
To read more about this approach, visit the DW FAQ link in my
sig, and run
through the table tutorials.
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
==================
"Dreamweaver2k2" <[email protected]> wrote
in message
news:[email protected]...
>I did the same exact thing i do in dreamweaver 8, but in
cs3, it's now
>working.
> I went to layout mode and with a blank page and the draw
table button is
> grayed out.
>
> what do i do to use it. I'm already in layout mode.
> -
Layout mod grayed out in dw cs3
The draw layout table/cell are grayed out since I began dw
v.9 cs3. what could be the case?
I used to the layout mode in dw 8 and its predecessors.
your help please.heynock wrote:
> The draw layout table/cell are grayed out since I began
dw v.9 cs3.
Please don't post the same question in different forums. I
have answered
this in the main Dreamweaver forum.
David Powers, Adobe Community Expert
Author, "The Essential Guide to Dreamweaver CS3" (friends of
ED)
Author, "PHP Solutions" (friends of ED)
http://foundationphp.com/ -
Table Cells in Layout Mode vs WYSIWYG
I am new to Dreamweaver and am using v8.0. When designing a
page using Tables and Cells in Layout Mode the layout looks fine;
the Cells are nice and tight. However - and this regardless of
which Browser I use to check the page - the spacing between those
same Cells is wholly unacceptable. As mentioned, in Layout Mode
everything is tight; when viewing it in a browser there may be up
to 2" of space between the Cells.
What have I over looked? Any suggestions greatly appreciated!
Thanks!Table width = 1327? Don't ever make your width more than
about 770. As for
the spacing .. I have never seen so many empty table cells in
my life. :)
As the others have said, you will do far better by learning a
little html
and css .. "adhering to conventions" will never happen with
Layout Mode.
It's there so people can draw tables .. but if I were DW
Engineering, I
would remove it .. I think it causes more problems than it's
worth. :)
Nancy
"LGLDSR73" <[email protected]> wrote in
message
news:[email protected]...
> Thank you, Nancy!
>
> Cellspacing=0 set as such:
>
> <table width="1327" border="0" cellpadding="0"
cellspacing="0">
>
> I seem to have it squared away now but that doesn't mean
that I am
> adhereing
> to conventions. What I was doing was selecting 'Layout
Table' to enclose
> all
> Images and text (and/or using 'Draw Layout Cell' as
well), as opposed to
> (1)
> Using 'Layout Table' to set the page size, then (2)
using 'Draw Layout
> Cell' to
> put the images and/or text in. What I am seeing now in a
Browser (Safari)
> is
> matching up to what I am seeing in Dreamweaver. I don't
think I fully
> grasp the
> differrence between 'Layout Table' and 'Draw Layout
Cell'. I've been
> reading in
> the 'Help' and while it sheds some light it doesn't
appear to be getting
> through.
>
> Though the spacing of the images appears to be okay now,
text is an issue.
> I.e.,
>
> If I put:
>
> "The text will end here -------->" with the arrowhead
at the rightmost
> border
> in Dreamweaver, when viewed in Safari it wraps to the
second line even
> though
> within Dreamweaver I am not outside of the green
frame....
>
> What is a recommended page size to start with, and set
with which Tool?
>
> Finally, when I attempt to use Firefox to preview the
page the following
> error
> is returned:
>
> File not found
> Firefox can't find the file at /2 WD/NEW
SITE/index.html.
> * Check the file name for capitalization or other typing
errors.
> * Check to see if the file was moved, renamed or
deleted.
>
> I purchased 'Dreamweaver 8 For Dummies' but apparently I
transcend even
> that!
> ;-)
>
> The Code is attached, but please don't spend more than a
quick moment;
> this is
> my problem and not yours!
>
> Thank you!
>
> <!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=ISO-8859-1" />
> <title>index</title>
> <style type="text/css">
> <!--
> .style1 {font-family: "Gill Sans Light"}
> .style2 {font-size: 36px}
> body {
> background-color: #666666;
> }
> -->
> </style></head>
>
> <body>
> <table width="1327" border="0" cellpadding="0"
cellspacing="0">
> <!--DWLayoutTable-->
> <tr>
> <td width="116" height="30"> </td>
> <td width="136"> </td>
> <td width="69"> </td>
> <td width="264"> </td>
> <td width="24"> </td>
> <td width="107"> </td>
> <td width="20"> </td>
> <td width="234"> </td>
> <td width="16"> </td>
> <td width="338"> </td>
> <td width="3"> </td>
> </tr>
> <tr>
> <td height="41"> </td>
> <td> </td>
> <td> </td>
> <td colspan="2" valign="top"><h1 align="center"
class="style2"><span
> class="style1">Fifth Avenue Digital
</span></h1></td>
> <td> </td>
> <td> </td>
> <td> </td>
> <td> </td>
> <td> </td>
> <td> </td>
> </tr>
> <tr>
> <td height="39"> </td>
> <td> </td>
> <td> </td>
> <td></td>
> <td></td>
> <td></td>
> <td></td>
> <td></td>
> <td></td>
> <td></td>
> <td></td>
> </tr>
> <tr>
> <td height="47"> </td>
> <td colspan="5" rowspan="4" valign="top"><img
src="Images/main
> image.jpg"
> alt="main page cape cod" width="600" height="460"
/></td>
> <td> </td>
> <td rowspan="2" valign="top"><img
src="Images/9j.jpg" alt="router bit"
> width="234" height="350" /></td>
> <td> </td>
> <td> </td>
> <td> </td>
> </tr>
> <tr>
> <td height="303"> </td>
> <td> </td>
> <td> </td>
> <td rowspan="2" valign="top"><img
src="Images/06.jpg" alt="sand"
> width="337" height="333" /></td>
> <td> </td>
> </tr>
> <tr>
> <td height="30"> </td>
> <td> </td>
> <td> </td>
> <td> </td>
> <td> </td>
> </tr>
>
>
>
>
>
>
>
> <tr>
> <td height="80"></td>
> <td></td>
> <td></td>
> <td></td>
> <td></td>
> <td></td>
> </tr>
>
>
>
> <tr>
> <td height="30"> </td>
> <td> </td>
> <td> </td>
> <td> </td>
> <td> </td>
> <td> </td>
> <td> </td>
> <td> </td>
> <td> </td>
> <td> </td>
> <td> </td>
> </tr>
> <tr>
> <td height="77"> </td>
> <td> </td>
> <td colspan="2" rowspan="2" valign="top"><img
src="Images/ramp.jpg"
> alt="boat ramp rockport" width="333" height="500"
/></td>
> <td> </td>
> <td> </td>
> <td> </td>
> <td colspan="3" valign="top"
nowrap="nowrap"><h1 align="left">This is
> a
> test of inputting text that is going</h1>
> <h1 align="left">(new paragraph) to end right here
-------->
> </h1></td>
> <td> </td>
> </tr>
> <tr>
> <td height="424"> </td>
> <td> </td>
> <td> </td>
> <td> </td>
> <td> </td>
> <td> </td>
> <td> </td>
> <td> </td>
> <td> </td>
> </tr>
>
>
>
> <tr>
> <td height="179"> </td>
> <td> </td>
> <td> </td>
> <td> </td>
> <td> </td>
> <td> </td>
> <td> </td>
> <td> </td>
> <td> </td>
> <td> </td>
> <td> </td>
> </tr>
> </table>
> </body>
> </html>
> -
Cells from layout-mode alignment
I'm trying to use layout-mode table to build a site. Even
though the cells are created inside a table they don't snap to the
table and are all not aligned. How can I align them? How can I
include code that allow me to control the exact position of the
cells?
I originally set up the width of the table to 800px and now
is 816 (?) and I can't change it back to 800!!!
Also seems like the cells move around all the time! Is there
a way to lock them down to position? Thanks for your help here too.
Thankstanguera wrote:
> I'm trying to use layout-mode table to build a site.
Stop immediately. Layout mode creates convoluted code that is
next to
impossible to troubleshoot if anything goes wrong. The
problems are so
great that Layout mode was removed from Dreamweaver CS4.
Learn to build
web pages using conventional techniques. It takes more time
when you
begin, but saves a lot of time and frustration later.
> One more thing, I originally set up the width of the
table to 800px and now is
> 816 (?) and I can't change it back to 800!!!
That's one of the problems with Layout mode. Whenever you
change
anything, it's very difficult to control.
David Powers, Adobe Community Expert
Author, "The Essential Guide to Dreamweaver CS4",
"PHP Solutions" & "PHP Object-Oriented Solutions"
http://foundationphp.com/ -
Missing CSS and other layouts in Dreamweaver CS3
I just recently upgraded to CS3 Mac -- I know, a little late
-- and when I hit New > New Document window pops up with the
type of new document selectable on the left and an empty field on
the right when certain options on the left are selected, such as
CSS. No options appear, like they do for HTML. I bought the
download products (CS3 Design Premium ) and even reinstalled
Dreamweaver. Still no bonus layouts. Suggestions?? I do not have
the disc with this download product. It is genuine Adobe. I
upgraded from Dw 8, but I have deleted 8.
Thanks.This is as designed. When you select CSS as the document
type, you will get
a blank CSS declaration and you can type CSS rules to make a
CSS page. That
is what it is supposed to do. If you want the CSS layouts
that come with
the product, then select HTML (or ASP, PHP, etc) and the CSS
layouts are in
the second pane over. Select the document type like HTML and
then select
the layout you want to use in the second column and then
click the Create
button.
Nancy Gill
Adobe Community Expert
Author: Dreamweaver 8 e-book for the DMX Zone
Co-Author: Dreamweaver MX: Instant Troubleshooter (August,
2003)
Technical Editor: Dreamweaver CS3: The Missing Manual,
DMX 2004: The Complete Reference, DMX 2004: A Beginner's
Guide
Mastering Macromedia Contribute
Technical Reviewer: Dynamic Dreamweaver MX/DMX: Advanced PHP
Web Development
"mcjack" <[email protected]> wrote in
message
news:gbcjsf$g4k$[email protected]..
>I just recently upgraded to CS3 Mac -- I know, a little
late -- and when I
>hit
> New > New Document window pops up with the type of
new document selectable
> on
> the left and an empty field on the right when certain
options on the left
> are
> selected, such as CSS. No options appear, like they do
for HTML. I bought
> the
> download products (CS3 Design Premium ) and even
reinstalled Dreamweaver.
> Still
> no bonus layouts. Suggestions?? I do not have the disc
with this download
> product. It is genuine Adobe. I upgraded from Dw 8, but
I have deleted 8.
> Thanks.
> -
Aloha,
I'm trying to create a template in DMwvr layout mode that I
designed in photoshop. I have created two layout tables, and layout
cells for each of the elements. I'm having difficulty editing the
cell & table sizes. For example, on the left side of the page
where I have the navigation options (twelve separate cells) I have
edited the cell sizes in the property inspector to try and reduce
the amount of spacing between each of the options. The cells are
directly adjacent to each other. When I test the changes online,
there is no difference in the spacing or layout; the cells are
spaced as far apart when they were 40 pixels in ht, as when I
change them to 20 pixels in ht. So frustrating, any ideas!?
Thanks~Hi Krista,
Could you provide a link or paste the code for the whole
page?
It's hard to tell from the snippet. It could be default
margins for the <p>
tags that are causing the space, or an issue with the col/row
spans. Might
even be something as simple as invalid code, for example in
the snippet
there's no closing table tag. Is it on the page?
There are definitely some issues, like cells with a height
different than
the image heights within different cells in the same
row...just not sure how
it's all connected without seeing the big picture.
Thanks,
Tim
"keeptheoceanclean" <[email protected]>
wrote in message
news:[email protected]...
> Whoops, sorry for the dbl posting, I don't think I
responded in the
> correct
> manner the first time!
>
> Hi Tim,
>
> Attached is a sample of the code from the navigation
cells, they're all
> identical. When reading the code line by line however,
the first
> navigation
> cell, "home" is written, and then is followed by an
empty cell where I
> will be
> inserting flash is the center of the page, and then
depicts 3 images/cells
> that
> are aligned on the right hand side of the page. These
three cells are in
> their
> own layout table. When I had them in the same layout
table as the
> navigation
> cells, although they looked fine in design view, when
tested online there
> would
> be significant spacing added in between them. The rest
of the navigation
> code
> then follows in sequence.
> Thanks for having a look, Krista
>
> <td width="179" height="22"
valign="middle"><blockquote>
> <p>Home</p>
> </blockquote></td>
> <td colspan="4" rowspan="13"
valign="top"><!--DWLayoutEmptyCell-->
>
> </td>
> <td colspan="4" rowspan="13"
valign="top"><table width="100%" border="0"
> cellpadding="0" cellspacing="0">
> <!--DWLayoutTable-->
> <tr>
> <td width="180" height="120"
valign="baseline"><a
> href="
http://www.reefcheck.org/petition/petition.php"><img
> src="IMAGES/images/images/webtemplate_new_14.jpg"
alt="boxfish"
> width="178"
> height="122" /></a></td>
> <td width="6"> </td>
> </tr>
> <tr>
> <td height="107" valign="top"><a href="
http://www.iyor.org/"><img
> src="IMAGES/images/images/webtemplate_new_15.jpg"
alt="iyor logo"
> width="178"
> height="118" /></a></td>
> <td> </td>
> </tr>
> <tr>
> <td height="109" valign="top"><a href="
http://www.reefcheck.org/"><img
> src="IMAGES/images/images/webtemplate_new_18.jpg"
alt="rcint logo"
> width="178"
> height="104" /></a></td>
> <td> </td>
> </tr>
>
>
>
> </table> </td>
> <td></td>
> </tr>
> <tr>
> <td height="22" valign="middle"
nowrap="nowrap"><blockquote>About Reef
> Check</blockquote></td>
> <td></td>
> </tr>
> <tr>
> <td height="22" valign="middle"
nowrap="nowrap"><blockquote>
> <p>Join Us</p>
> </blockquote></td>
> <td></td>
> </tr>
> <tr>
> -
Drawing AP Divs..In Dreamweaver CS3..
Hi,
Dreamweaver CS3 Question
Ive been trying to draw ap divs on my website and i've been having trouble.
My main issue is when i draw the ap div it disappears after i take my finger off the mouse.
there is no box nor selection handle left in my window.
I've tried going through the preferences and viewing options, but nothing works.
Is there a way to set my preferences back to default?
any suggestions would be greatly appreciatedon a blank page in layout mode,
Thank you. You cannot draw a/p divs in Layout mode. You shouldn't even be in Layout mode anyhow.
In my opinion, there are three serious problems with Layout Mode -
1. Perhaps most importantly, it sits between you and *real* HTML tables,
and fools you into believing that concepts like "layout cell" and
"autostretch" really mean something. They do not. As long as you use
Layout Mode, you'll never learn one of the most important things for new web
developers - how to build solid and reliable tables.
2. Actually, #1 wouldn't be *so* bad, except that the code that is written
by Layout Mode is really poor code. For example, a layout table contains
MANY empty rows of cells. This can contribute to a table's instability.
In addition, if your initial positioning of the table's cells is a bit complex,
Layout Mode will throw in col- and rowspans aplenty as it merges and splits
cells willy-nillly to achieve the pixel-perfect layout you have specified. Again,
this is an extremely poor method for building stable tables, because it allows
changes in one tiny cell's shape (i.e, dimensions) to ripple through the rest
of the table, usually with unexpected and sometimes disastrous consequences.
This is one of the primary reasons for the final result's fragility - read this -
http://apptools.com/rants/spans.php
3. The UI for Layout Mode is beyond confusing - many options that you might
want to use are inaccessible, e.g., inserting another table, or layer onto the page.
I can understand the new user's desire to use this tool to make their life easier,
but the cost is just too heavy in my opinion. Adobe agrees. Layout mode is gone forever beginning with CS4.
To make good tables, keep it simple. Put a table on the page, and begin to
load your content. If you would want a different table layout, instead of
merging or splitting cells, consider stacking tables or nesting simple
tables instead, respectively.
And above all, do not try to build the whole page with a single table! -
Hi
I have created my site in dreamweaver, but it is not
appearing in the browser as it should.
I have two tables that need to be lined up with each other in
the centre. Although, when I create it in layout mode it appears
correctly but then when I preview the site in browser the tables
are off to the left.
Any ideas of how to fix it?
Thanks LouThis post was made to the identical thread called "Layout
Altered" - posted
yesterday -
Yes, it does.
DW's timeline code is such an antique (dating from DW2, I
believe) that it
fails in some of the more recent browsers. Unless there is a
compelling
reason to use it, I wouldn't.
It's likely that your problems stem from this code -
<table width="748"" height="419" align="center"
cellspacing="10"
id="Content"
style="border: 1px solid black; </table>
Note that not only is the opening table tag improperly
closed, but the whole
thing is bogus anyhow. You cannot have
<table></table> in your code. I
assume that the closing </table> is an error, meaning
that the code should
be -
<table width="748"" height="419" align="center"
cellspacing="10"
id="Content"
style="border: 1px solid black;">
This should fix part of your problem. You will have another
immediate
problem, though, that is caused by your use of absolute
positioning with
centering tables. The tables will center, but the absolutely
positioned
elements will be fixed in their location. Thus, the table's
content will
slide under the 'layers', breaking your layout.
Finally, you have used Layout mode to build these tables. In
my opinion,
there are three serious problems with Layout Mode -
1. Perhaps most importantly, it sits between you and *real*
HTML tables,
and fools you into believing that concepts like "layout cell"
and
"autostretch" really mean something. They do not. As long as
you use
Layout Mode, you'll never learn one of the most important
things for new web
developers - how to build solid and reliable tables.
2. Actually, #1 wouldn't be *so* bad, except that the code
that is written
by Layout Mode is really poor code. For example, a layout
table contains
MANY empty rows of cells. This can contribute to a table's
instability.
In addition, if your initial positioning of the table's cells
is a bit
complex,
Layout Mode will throw in col- and rowspans aplenty as it
merges and splits
cells willy-nillly to achieve the pixel-perfect layout you
have specified.
Again,
this is an extremely poor method for building stable tables,
because it
allows
changes in one tiny cell's shape (i.e, dimensions) to ripple
through the
rest
of the table, usually with unexpected and sometimes
disastrous consequences.
This is one of the primary reasons for the final result's
fragility - read
this -
http://apptools.com/rants/spans.php
3. The UI for Layout Mode is beyond confusing - many options
that you might
want to use are inaccessible, e.g., inserting another table,
or layer onto
the page.
I can understand the new user's desire to use this tool to
make their life
easier,
but the cost is just too heavy in my opinion.
To make good tables, keep it simple. Put a table on the page,
and begin to
load your content. If you would want a different table
layout, instead of
merging or splitting cells, consider stacking tables or
nesting simple
tables instead, respectively.
And above all, do not try to build the whole page with a
single table!
To read more about this approach, visit the DW FAQ link in my
sig, and run
through the table tutorials.
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
==================
"Malcolm N_" <[email protected]> wrote in message
news:[email protected]...
> On Wed, 8 Aug 2007 12:07:34 +0000 (UTC), "LoobieLouLou"
> <[email protected]> wrote:
>
>>I am not absolutely sure how the table html code
should look, please could
>>you
>>show me?
>
> in a new file - create a new table and then look at the
code
>
> it starts with a <table>
> then a <tr> to start the row
> then <td> or <th> to start a cell - each
<td> needs a balancing </td>
> to close it
>
> to end a row it uses a </tr>
>
> look at your code and you will see missing </td>
and </tr>
>
> and the first table has no content i.e a <table>
immediately followed
> by a </table> with no rows or cells
>
> Just using Dw to produce a site without undertstanding
html and css is
> not a recipe for success.
>
>
>
>
> --
>
> ~Malcolm N....
> ~ -
Next version drops Layout Mode?
I read this from a link posted on the NAPP forums. Adobe
plans to drop many current features of Dreamweaver in the next
update including Layout Mode. I'm not an HTML "coder". I have two
simple web pages that I maintain and rely on WYSIWYG to format
them. I can't believe Adobe would do away with this ability. If I
wanted to hand code pages, I'd get a book, learn HTML and use
BBEdit!
There are a number of features being discontinued in the next
version. I'm a novice and have no clue what many of them are or
what they do, so you might want to check the list for yourself
Here's
The Link
http://kb.adobe.com/selfservice/view...2489&sliceId=1
Appears the link no longer works. It does not work from the
original posting on NAPP either. What's up Adobe?I'll sleep easy at night knowing all you Webmaster mavens and
code heads look forward to the changes. Hey, what do I know. I'm
just a graphic designer, prepress type who, quite honestly, has no
desire to learn HTML.
I have two web sites that I maintain. One personal (family
photos, recipes, news etc.) the other for a local charitable club.
They are very simple sites that I put up
YEARS ago when the first edition of PageMill was offered. And
(gasp) they both use frames! Neither us CSS style sheets (shame on
me), because I just want to get in, make a couple changes and get
out and I don't want to expand my knowledge much since I don't
foresee adding "features" to either of my sites.
I "upgraded" to GoLive at the announcement of the funeral for
PageMill. Besides, I was purchasing the CS and GL came with the
box. But, with Adobe's purchase of Macro Media, I could see that DW
would soon be king of the mountain and the possible demise of GL,
so when upgrading to CS3, I got the Premium package that included
DW and ported my pages over from GL.
I had no idea what a Div Tag was, really still don't fully
comprehend, I just know that they were "present" when I started
using CS DW. It didn't take me long to figure out they were kinda
like "frames" in Quark or InDesign. Kinda neat, you could put them
anywhere on the "page" and insert just about anything (text,
tables, graphics) inside them.
DOOZA is close to summing up Adobe's marketing scheme, but I
don't think they are deceptive in fooling..."people into thinking
Dreamweaver is the perfect choice for someone who is not willing to
learn. They fool them into
thinking Dreamweaver will do all the hard work for them."
It's a matter of learning what you need to know to get the job
done. I don't care if my "code is sloppy", or the page takes a
micro second longer to open because I didn't use CSS styles, or
that the upload files are 80K bigger than they need to be because
of all the extra tags.
I'm sure there are many, like me, who don't ever want to have
to look at a page in code view, could care less what goes on
"behind the scenes" as long as we get the information out there.
That's not Adobe's fault. And I don't mind being considered an
"amature" compared to the Web Wizards. You can't say that's any
worse than someone using MS Word as a Page Layout program if it's
serving the purpose to make simple flier for the copy machine.
They'll call a printer when they want a trifold four color
brochure, just as I would hire one of you "pros" if I wanted a web
store front with shopping cards and security features.
dee dee
http://www.deedeespage.com
Maybe you are looking for
-
"About This Mac" Buttons Greyed Out
When I select the "About This Mac" menu I do not have the ability to procede as the Software Update and More Info buttons are greyed out. I have run and repaired disk permissions with Disk Utility. I have also run Tech Tool Pro. No luck. I ran the la
-
Inserting Pictures in an email
Can someone help me figure out what the procedure is for getting the second window to come up for inserting a picture into your email. I hold my finger down on the screen until the copy paste panel appears with an arrow at the right side which is sup
-
Special Characters in a HTML region
I recently upgraded from HTMLDB 2.0 to APEX 2.2 and I'm having trouble with some special characters.<br> <br> I have HTML region in which I display a hidden item. The hidden item (P1_TEST) has the following value:<br> <br> STRING1<br>STRING2<br>STRIN
-
Port forwarding - Macbook not showing up in computer field
I'm trying to forward a port in my d-link control panel. I have to select which computer on the network to do so...there are two pc's, one desktop, one laptop & then my Mac. They are both showing in the drop down box, my Macbook is not. I'm connected
-
Hi can someone help me please?? I've created a JTree with a custom TreeUI which paints the JTree's backround with gradient paint. The problem i'm having is that i want to make the background color of the treecells transparent, no color at all. In my