AUTOSTRETCH
hi all,
how do i make a dynamic-sized webpage? i mean, i want the
contents of page appear a 100% in size for any size of monitor.
is there any difference about this question whether i work
with tables or layers?
p.s. i'm using dmw 8.
Place your page inside a 100% width container, e.g.,
<table width="100%"....
> is there any difference about this question whether i
work with tables or
> layers?
Definitely - don't use layers as a layout method. They are
fine for
special-purpose applications, but not for general page
layout.
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
==================
"v3ch0s" <[email protected]> wrote in
message
news:f607jk$bqp$[email protected]..
> hi all,
>
> how do i make a dynamic-sized webpage? i mean, i want
the contents of page
> appear a 100% in size for any size of monitor.
>
> is there any difference about this question whether i
work with tables or
> layers?
>
> p.s. i'm using dmw 8.
>
Similar Messages
-
I am new to web development and studio 8. I have created a
page using page layout and autostretch. When I put the files out to
the testing server via FTP the page adjusts to the size of my
browser like it should but, when I try to view the same page on the
testing server from another machine other than the one I developed
the page on I get a white area between the two cells of the table
instead of stretching it just leaves a gap. Thanks, any help would
be great.xybernaut wrote:
> I am new to web development and studio 8. I have created
a page using page
> layout and autostretch. When I put the files out to the
testing server via FTP
> the page adjusts to the size of my browser like it
should but, when I try to
> view the same page on the testing server from another
machine other than the
> one I developed the page on I get a white area between
the two cells of the
> table instead of stretching it just leaves a gap.
Thanks, any help would be
> great.
>
That's not a good way to build a page.
Run through this tutorial instead:
http://www.dwfaq.com/Tutorials/Tables/flexible_tables.asp
Bonnie
in California
8 ^ ) -
Does anyone have a problem with Autostretch working in
Firefox as it should, but it does not work at all (at least not on
my machine) in IE7 on Vista 64?
A link would be
http://www.sacanimation.com
Thanks in advance for any assistance.
DGive or take a pixel or two, it appears the same in both
browsers on this
end.
"lstr8or" <[email protected]> wrote in
message
news:et1hdt$683$[email protected]..
> Does anyone have a problem with Autostretch working in
Firefox as it
> should,
> but it does not work at all (at least not on my machine)
in IE7 on Vista
> 64?
>
>
> A link would be
http://www.sacanimation.com
>
> Thanks in advance for any assistance.
> D -
Autostretch for image display?
If I were to set up a page using a photograph as a background
image, is there a way in DW8 to make the photo stretch the full
length and width of the browser (without repeating)? Setting the
photo to repeat distracts from the text and looks awful to boot. If
not, would it work to put the graphic inside a table and stretch
the table?
Also, is it possible to mute an image, e.g., to 50%, 10%,
etc.?No, trying to make the image stretch to 100% width is going
to give you a
terribly distorted picture. You can try centering the image
either on the
body or table cell and use a complimentary background color
to blend the
image into.
As for 'muting' an image, you need to do that via your
graphics program.
Nadia
Adobe� Community Expert : Dreamweaver
http://www.csstemplates.com.au
- CSS Templates | Free Templates
http://www.perrelink.com.au
- Web Dev
http://www.DreamweaverResources.com
- Dropdown Menu Templates|Tutorials
http://www.adobe.com/devnet/dreamweaver/css.html
> If I were to set up a page using a photograph as a
background image, is
> there a
> way in DW8 to make the photo stretch the full length and
width of the
> browser
> (without repeating)? Setting the photo to repeat
distracts from the text
> and
> looks awful to boot. If not, would it work to put the
graphic inside a
> table
> and stretch the table?
>
> Also, is it possible to mute an image, e.g., to 50%,
10%, etc.?
> -
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....
> ~ -
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.
> -
1. AP Div is creating the Box at the top of the page and not
where drawn, also not displaying formatting, positioning
coordinates are where I want the positioning, but DW Cs3 is
ignoring it.
2. Css formating is not showing in DW, only in IE
3. Layout tables, DW is not accepting the table, ignores the
action.
The above may be related to each other, that is why I mention
all of it.> 1. AP Div is creating the Box at the top of the page and
not where drawn,
> also
> not displaying formatting, positioning coordinates are
where I want the
> positioning, but DW Cs3 is ignoring it.
VIEW | Style Rendering > Display Styles
> 2. Css formating is not showing in DW, only in IE
Vide supra
> 3. Layout tables, DW is not accepting the table, ignores
the action.
Huh?
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!
Luckily, Adobe understands the problems created for the
unsuspecting user
who falls into this trap, and has elected to remove this
feature altogether
from the next version of DW. The time is right for you to
begin working
with tables properly!
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.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
==================
"EM 989-BK" <[email protected]> wrote in
message
news:[email protected]...
> 1. AP Div is creating the Box at the top of the page and
not where drawn,
> also
> not displaying formatting, positioning coordinates are
where I want the
> positioning, but DW Cs3 is ignoring it.
>
> 2. Css formating is not showing in DW, only in IE
>
> 3. Layout tables, DW is not accepting the table, ignores
the action.
>
> The above may be related to each other, that is why I
mention all of it.
> -
Randomly appearing/disappearing images
I have two images on a page that will randomly appear and
disappear when the page is refreshed. Sometimes both appear at the
same time, but with subsequent refreshing of the page one of them
will disappear, then it might reappear while the other one
disappears, then both will come back, etc. As far as I can tell it
truly is random.
I've gone over the code very methodically looking for any
anomalies, and there's nothing obvious to me. It occurs in both IE
and FF. This is the first web page I've built using Dreamweaver's
layout mode to create tables, so that may or may not be a factor.
But it's time to ask for help, because I really am stumped at this
point.
I would be more grateful than I can express for any tips
anyone can offer. You can view the code here:
http://stressfreewebsites.com/temp2/ex-a/temp2-a.html
The two rogue images are the header bars in the main text.
I have to laugh myself at the irony of the website's theme:
building 'stress-free' websites for small businesses. Stress-free
for the end user perhaps, but only because all the stress is on my
end, lol.> This is the first
> web page I've built using Dreamweaver's layout mode to
create tables
We are all hoping it's the last, too.
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!
Luckily, Adobe understands the problems created for the
unsuspecting user
who falls into this trap, and has elected to remove this
feature altogether
from the next version of DW. The time is right for you to
begin working
with tables properly!
To read more about this approach, visit the DW FAQ link in my
sig, and run
through the table tutorials.
I was not able to duplicate your image behavior after many
refreshes in both
IE7 and FF2x.
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
==================
"deejazz" <[email protected]> wrote in
message
news:[email protected]...
>I have two images on a page that will randomly appear and
disappear when
>the
> page is refreshed. Sometimes both appear at the same
time, but with
> subsequent
> refreshing of the page one of them will disappear, then
it might reappear
> while
> the other one disappears, then both will come back, etc.
As far as I can
> tell
> it truly is random.
>
> I've gone over the code very methodically looking for
any anomalies, and
> there's nothing obvious to me. It occurs in both IE and
FF. This is the
> first
> web page I've built using Dreamweaver's layout mode to
create tables, so
> that
> may or may not be a factor. But it's time to ask for
help, because I
> really am
> stumped at this point.
>
> I would be more grateful than I can express for any tips
anyone can offer.
> You
> can view the code here:
>
http://stressfreewebsites.com/temp2/ex-a/temp2-a.html
> The two rogue images are the header bars in the main
text.
>
> I have to laugh myself at the irony of the website's
theme: building
> 'stress-free' websites for small businesses. Stress-free
for the end user
> perhaps, but only because all the stress is on my end,
lol.
>
> -
In my DW CS3 insert tables is grayed out also in the Common
tab area it's grayed out?
[email protected]Now - whatever you do, DO NOT GO BACK to layout mode. It's
the source of a
high percentage of all the posts here (in one way or
another).
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!
Luckily, Adobe understands the problems created for the
unsuspecting user
who falls into this trap, and has elected to remove this
feature altogether
from the next version of DW. The time is right for you to
begin working
with tables properly!
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.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
==================
"James Bechdel" <[email protected]> wrote in
message
news:[email protected]...
> Thank you, that fixed it. -
In CS3 Dreamweaver had an autostretch button. CS4 doesn't
have it. I want a table to automatically fill the page from top to
bottom and size with the page. How do you do that in CS4?Did not someone just answer a similar question?
The following URL explains how to achieve your goal
irrespective of your version of Dreamweaver. It does, however,
require knowledge of CSS and HTML.
http://www.apptools.com/examples/tableheight.php
Roddy -
Template will not hold structure
I am trying to create a site template. I get the template the
way I want it using Layout tables and Layout cells. I can apply
text to the template and it looks good. I save the file, test and
everything is fine. I try to apply different data to the template
(this time there is more text) and it moves the navigation section
of my page when I test it. What am I doing wrong?
Thanks!
TrippUnfortunately, there's no quick or simple solution other than
to acquire
enough facility with HTML and HTML tables to be able to work
in Standard
View not Layout view.
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
==================
"Mobjack7" <[email protected]> wrote in
message
news:[email protected]...
> Thanks for the fast response Walt. What would you
recommend as a work
> around for this? I have 2 sites I am currently working
on and need to
> find a solution ASAP.
>
> Thanks!
>
> Tripp -
Dreamweaver: can i insert a background image in a layout table?
i'm using a layout table and i can't figure out how to put a
non-repeating image into the background of my layout table. is this
possible? i need to center it too.Before anything else, I would say DON'T USE LAYOUT MODE.
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!
Luckily, Adobe understands the problems created for the
unsuspecting user
who falls into this trap, and has elected to remove this
feature altogether
from the next version of DW. The time is right for you to
begin working
with tables properly!
To read more about this approach, visit the DW FAQ link in my
sig, and run
through the table tutorials.
Adobe agrees with this analysis - Layout mode is being
removed from the next
version of DW.
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
==================
"dfgsdrsdr" <[email protected]> wrote in
message
news:[email protected]...
> i'm using a layout table and i can't figure out how to
put a non-repeating
> image into the background of my layout table. is this
possible? i need to
> center it too. -
Hey, I am new to dreamweaver, my college uses macromedia 8 >< and i have CS4 at home... but my next webdesign homework has to do with creating tables and cells in Design Mode (where you pretty much create a table or a cell as if you were drawing a rectangle in photoshop or illustrator). I woke up this morning trying to apply what i learned yesterday at school to CS4 and i cant seem to make it work.. i dont know if that feature has been taken out or if i can find it someplace else, and I've tried pretty much since 7am to find out where did it go...
I need someone to either point me to the right direction or tell me if its gone, how can i work around it.. or if i just have to create tables the old way and no other way..
plz some1?AngelMichu wrote:
Hey, I am new to dreamweaver, my college uses macromedia 8 >< and i have CS4 at home... but my next webdesign homework has to do with creating tables and cells in Design Mode (where you pretty much create a table or a cell as if you were drawing a rectangle in photoshop or illustrator). I woke up this morning trying to apply what i learned yesterday at school to CS4 and i cant seem to make it work.. i dont know if that feature has been taken out or if i can find it someplace else, and I've tried pretty much since 7am to find out where did it go...
I need someone to either point me to the right direction or tell me if its gone, how can i work around it.. or if i just have to create tables the old way and no other way..
plz some1?
You are referring to Layout mode, and that "FEATURE" was removed from DWCS4 because it created such fragile code. If your class is trying to teach you how to use this, then you need to have a long talk with the professor. He/She would do much better by teaching you more CSS in this allotted time than a deprecated and antique function.
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.
Luckily, Adobe understands the problems created for the unsuspecting user who falls into this trap,
and has removed this feature altogether from CS4. The time is right for you to begin working with tables properly!
If you have to work with tables, go here - http://www.dreamweaverfaq.com and read the table tutorials there.
Or - here's more -
1. When I need to merge cells...
a. If they are horizontally adjacent, instead of merging them, I end
the current table, and 'stack' a new one underneath it with the desired cell
configuration.
b. If they are vertically adjacent, then I end the current table at the
row ABOVE the row where the need for merging begins. I then start a new
table with two cells in one row, and place a properly structured inner table
in each of those two cells.
2. When I need to split cells, I just insert a nested table with the proper
cell configuration into the cell I would otherwise split.
The goal here is to completely avoid merging or splitting cells (i.e., using
col- or rowspan attributes in your table markup), since that's what makes
Layout mode's tables so fragile. -
Discrepancy with size between tables..strange..
hey there,
i'm building a header, and i have two tables, one on top of
another. now, in dreamweaver..the space between these two tables is
nil, but when i do a preview, there seems to be a bunch of space
between the two elements (the element on top is an image and the
element on the bottom is typed text, both are within tables). now,
what i don't understand, is how can there be extra space in the
browser when the two tables are slammed against each other in the
program and they look really close together in the program?!? how
do i fix this? and this isn't just some 'little' space..the space
in the internet browser is too noticeable, but it looks great in
DW.
help..<!--DWLayoutTable-->
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!
Luckily, Adobe understands the problems created for the
unsuspecting user
who falls into this trap, and has elected to remove this
feature altogether
from the next version of DW. The time is right for you to
begin working
with tables properly!
To read more about this approach, visit the DW FAQ link in my
sig, and run
through the table tutorials.
With regard to your specific problem -
<h1 class="style1"><img src="OrangeBackground.jpg"
width="558"
height="73"></h1>
Since the <h#> tags are intended to be used for
readable information, there
is really no reason to ever place them around just an image.
What you are
seeing is likely the margins around that <h1> tag. Try
removing it.
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
==================
"chal7ds" <[email protected]> wrote in
message
news:[email protected]...
> i'm going to paste the code in here since my page isn't
that involved so
> far,
> and plus i don't have the
> ability to upload to the internet right now.
>
> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01
Transitional//EN"
> "
http://www.w3.org/TR/html4/loose.dtd">
> <html>
> <head>
> <title>mystery shoppers news</title>
> <meta http-equiv="Content-Type" content="text/html;
charset=iso-8859-1">
> <script language="JavaScript"
type="text/JavaScript">
> <!--
> function MM_reloadPage(init) { //reloads the window if
Nav4 resized
> if (init==true) with (navigator) {if
>
((appName=="Netscape")&&(parseInt(appVersion)==4)) {
> document.MM_pgW=innerWidth; document.MM_pgH=innerHeight;
> onresize=MM_reloadPage; }}
> else if (innerWidth!=document.MM_pgW ||
innerHeight!=document.MM_pgH)
> location.reload();
> }
> MM_reloadPage(true);
> //-->
> </script>
> <style type="text/css">
> <!--
> body {
> margin-top: 0px;
> margin-bottom: 0px;
> }
> .style1 {
> font-size: 36px;
> font-weight: bold;
> font-family: "Myriad Web Pro";
> color: #87A2CB;
> }
> .membershopperscom {
> font-family: "Myriad Web Pro";
> font-size: 36pt;
> font-style: normal;
> line-height: normal;
> font-weight: bold;
> font-variant: small-caps;
> color: #6F9ABA;
> text-decoration: overline;
> }
> .style2 {
> font-family: "Myriad Web Pro";
> font-weight: bold;
> font-style: italic;
> font-size: 18px;
> color: #FFFFFF;
> }
> -->
> </style>
> <link href="gradient.css" rel="stylesheet"
type="text/css">
> </head>
>
> <body>
> <table width="591" height="1698" border="3"
align="center" cellpadding="0"
> cellspacing="0" bordercolor="#6F9ABA">
> <!--DWLayoutTable-->
> <tr>
> <td width="583" height="99" valign="top"
bgcolor="#FDBD5C"><table
> width="100%" border="0" cellpadding="0" cellspacing="0"
bgcolor="#FDBD5C">
> <!--DWLayoutTable-->
> <tr>
> <td width="15" height="94"> </td>
> <td width="558" valign="top"><table
width="100%" border="0"
> cellpadding="0" cellspacing="0">
> <!--DWLayoutTable-->
> <tr>
> <td height="73" colspan="3" valign="top"
> bgcolor="#FDBD5C"><h1
> class="style1"><img src="OrangeBackground.jpg"
width="558"
> height="73"></h1></td>
> </tr>
> <tr>
> <td width="59" height="21"> </td>
> <td width="412" align="center"
valign="top"><span
> class="style2">Protecting and nuturing your credit
union brand.
> </span></td>
> <td width="87"> </td>
> </tr>
> <!--DWLayoutTable-->
> </table></td>
> <td width="11"> </td>
> </tr>
> <!--DWLayoutTable-->
>
> </table></td>
> </tr>
> <tr>
> <td height="1614" valign="top"><table
width="100%" border="0"
> cellpadding="0" cellspacing="0">
> <!--DWLayoutTable-->
> <tr>
> <td width="588" height="8" valign="top"> <img
> src="newsletterheaderbar1.jpg" width="583"
height="8"></td>
> </tr>
> <tr>
> <td height="1153"> </td>
> </tr>
> </table></td>
> </tr>
> </table>
>
> </body>
> </html>
> -
Image does not fit cell exactly? Entire site changes width and there are boaders.
I am trying to help a friend modify their site with a new header. There is an existing header cell that is set to autostretch when I click the fixed radio button I get the dimensions 1381x132. In Photoshop I made the new banner 1381x132. I have tried to insert the image into the cell everyway I can find and I continue to get boarders or the entire website changes size, the whole site stretches to the right. I was able to find the "Table Cellpadding" code and set to zero but that throws off other cells. I am ready to give up and tell them I just can't figure it out. I have searched the web and wasn't able to find a solution.
Any help appreciated!
Thanks in advance.OK change your code from <body> downwards to look like this:
<BODY BGCOLOR="#CCCCCC" LINK="#336600" VLINK="436600">
<TABLE CELLPADDING=10 CELLSPACING=0 BORDER=0 width="100%">
<TR ALIGN="center">
<TH width="140" valign="top" height="132" BGCOLOR="709AC8" colspan="6" >
<img src="Header_GSP_Fnl_4_test.jpg" />
</TH>
</TR>
Make sure the path to your header logo is at the correct location. I have used it as root (i.e. at the same place as your home page) but you might want to put it in images folder.
Also, the logo is a bit large for average screen so you might want to reduce the width. The easiest way is to put the image in a <td>image.gif</td> but it is your choice. Let us see how it looks when online.
hth
Maybe you are looking for
-
Hi everybody We are trying to deploy our application to NetWeaver 2004. Since our application needs Xalan 2.6, our test failed. Is there any way to use a different (newer) version of Xalan in NW? If this is not possible, is there any NW version that
-
Change UI langage in Photoshop CS4
Hi, I'm using photoshop CS4 middle eastern version, but i'm more confortable with Frensh interface, i tried to change UI language in Edit->Preference menu but it's not available. Th reason that i use middle Eastern edition is that i need to use Arabi
-
Hi, I'm trying the import functionality provided in OIA 11g. while trying to click the link(rbacx console -> Adminstration -> import/Export) Import Users Import Resource Metadata Import Policies Import Roles Import Accounts. I encounter a script erro
-
Hi Folks, I'm running DW CS4 on a MacBook Pro with Snow Leopard. When previewing sites in Live View I find I can't scroll through the window using 2-finger scroll on the trackpad or using the trackball on my external Mighty Mouse. I can drag the scr
-
Problems with Apple Mail and Gmail
Hiya I'm keen to integrate my Gmail Account with Apple Mail via POP3, however having followed the instructions given by Google - it doesn't seem to work correctly? I would appreciate if someone would kindly help me. I look forward to hearing from som