Hi
Is it possible to make a vertical scroller slightly shorter
than the content it is acting on? For example I want to make to use
a ScrollPane but i want its scroller to be 20%26amp; shorter than the
ScrollPane, is it possible?
Tuesday, December 6, 2011
url glitches: Contribute 3.1 Mac
Hi,
I'm using Contribute 3.1 to edit some pages on my site. Added
a link to a url that includes the colon symbol (:) On uploading the
page for preview, the colon is transformed to ''%3A'' in the source
code, and the link. Naturally, the link doesn't take me to where I
want to go.
I have tried entering the url through the link properties
panel and through text edit directly in the page code. Either way
the colon changes to %3A on upload.
Insights/Advice anyone?
Thanks, Pameye look
I'm using Contribute 3.1 to edit some pages on my site. Added
a link to a url that includes the colon symbol (:) On uploading the
page for preview, the colon is transformed to ''%3A'' in the source
code, and the link. Naturally, the link doesn't take me to where I
want to go.
I have tried entering the url through the link properties
panel and through text edit directly in the page code. Either way
the colon changes to %3A on upload.
Insights/Advice anyone?
Thanks, Pam
swf not showing all objects in Flash 8
Hello - This has been happening since I upgraded to Flash 8
on the Mac. When I create a flash file and hit ctrl + enter to view
it, everything is there and works correctly. However, when I get
out of Flash and just try to play the swf file, some of the
elements don't show up. Sometimes it's text, sometimes its a logo
or something. Does anyone have any idea what causes this?
Thank youswf not showing all objects in Flash 8
_pixel_chick wrote:
%26gt; Hello - This has been happening since I upgraded to
Flash 8 on the Mac. When I
%26gt; create a flash file and hit ctrl + enter to view it,
everything is there and
%26gt; works correctly. However, when I get out of Flash and
just try to play the swf
%26gt; file, some of the elements don't show up. Sometimes it's
text, sometimes its a
%26gt; logo or something. Does anyone have any idea what causes
this?
Perhaps the default player used to preview SWF is an older
standalone or older
browser player. They don't support any of the new features,
hence not all items
can be visible while playback.
--
Best Regards
Urami
--
Beauty is in the eye of the beer holder...
%26lt;urami%26gt;
If you want to mail me - DO NOT LAUGH AT MY ADDRESS
%26lt;/urami%26gt;
on the Mac. When I create a flash file and hit ctrl + enter to view
it, everything is there and works correctly. However, when I get
out of Flash and just try to play the swf file, some of the
elements don't show up. Sometimes it's text, sometimes its a logo
or something. Does anyone have any idea what causes this?
Thank youswf not showing all objects in Flash 8
_pixel_chick wrote:
%26gt; Hello - This has been happening since I upgraded to
Flash 8 on the Mac. When I
%26gt; create a flash file and hit ctrl + enter to view it,
everything is there and
%26gt; works correctly. However, when I get out of Flash and
just try to play the swf
%26gt; file, some of the elements don't show up. Sometimes it's
text, sometimes its a
%26gt; logo or something. Does anyone have any idea what causes
this?
Perhaps the default player used to preview SWF is an older
standalone or older
browser player. They don't support any of the new features,
hence not all items
can be visible while playback.
--
Best Regards
Urami
--
Beauty is in the eye of the beer holder...
%26lt;urami%26gt;
If you want to mail me - DO NOT LAUGH AT MY ADDRESS
%26lt;/urami%26gt;
Centering Pages in Browser
I have a web site made mostly from a template, but some pages
are just made with layers not from a template. I would like to have
my page centered when viewed in a browser. Right now when I preview
in dreamweaver, all the pages are justified to the left. Any ideas?
ThanksCentering Pages in Browser
On Tue, 27 Mar 2007 23:10:49 +0000 (UTC), ''geragotelis''
%26lt;webforumsuser@macromedia.com%26gt; wrote:
%26gt;I have a web site made mostly from a template, but some
pages are just made
%26gt;with layers not from a template. I would like to have my
page centered when
%26gt;viewed in a browser. Right now when I preview in
dreamweaver, all the pages
%26gt;are justified to the left. Any ideas?
%26gt; Thanks
show us the code or a link to the site - otherwise we are
just
guessing
--
~Malcolm N....
~
Centering Pages in Browser
Change this -
%26lt;/head%26gt;
to this -
%26lt;style type=''text/css''%26gt;
%26lt;!--
body { text-align:center; }
#wrapper { text-align:left; width:760px; margin:0
auto;position:relative; }
/* 760px will display on an 800px screen maximized browser
window without */
/* horizontal scrollbars. */
--%26gt;
%26lt;/style%26gt;
%26lt;/head%26gt;
change this -
%26lt;body ...%26gt;
to this -
%26lt;body ...%26gt;
%26lt;div id=''wrapper''%26gt;
and this -
%26lt;/body%26gt;
to this -
%26lt;!-- /wrapper --%26gt;
%26lt;/div%26gt;
%26lt;/body%26gt;
and see if that helps.
--
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 %26amp; Resources
http://www.dwfaq.com - DW FAQs,
Tutorials %26amp; Resources
http://www.macromedia.com/support/search/
- Macromedia (MM) Technotes
==================
''geragotelis'' %26lt;webforumsuser@macromedia.com%26gt; wrote in
message
news:euc89p$ire$1@forums.macromedia.com...
%26gt;I have a web site made mostly from a template, but some
pages are just made
%26gt; with layers not from a template. I would like to have my
page centered
%26gt; when
%26gt; viewed in a browser. Right now when I preview in
dreamweaver, all the
%26gt; pages
%26gt; are justified to the left. Any ideas?
%26gt; Thanks
%26gt;
Do you mean the template code? Sorry, I'm new at this. What
code do you need to see?
I don't know if geragotelis has the same question I have, but
maybe. I'm sort of new to Dreamweaver, and can figure out how to
center a table to a page, but how about a layer? How do you center
a layer so that it will actually appear in the center of all
browsers? About the best I can do is guess the percentage from the
left. Isn't there an easy way as with centering tables?
Hi,
Using css there are two techniques that I use to center a
design. The choice is a matter of preference but both do the job
well enough.
Start by wrapping your entire content in a div and name it
something semantic, like ''wrapper''. The code shouls look like this:
%26lt;body%26gt;
%26lt;div id=''wrapper''%26gt;%26lt;/div%26gt;
%26lt;/body%26gt;
Then add the following css to center the content.
#wrapper{
width: 720px;
margin: 0 auto;
}
The width is whatever you require based on your design. The
margin uses 0 for the top and bottom margin values and auto to
center the wrapper in the browser viewport. Win IE does not behave
as it should here and pre V7 browsers when in quirks mode will not
apply the auto margins setting. IE also misunderstands text-align:
center; it basically centers everything including the text when you
use this. However, you can use this to your advantage but centering
everything in the body tag with text-align: center; You can then
set the text alignment back to the left by adding text-align: left;
to the #wrapper, like this:
#wrapper{
width: 720px;
margin: 0 auto;
text-align: left;
}
The body css looks like this:
body{
text-align: center;
}
This code is is hack but no too intrusive. However, if you
don't want to use a hack then you can use the second option, which
uses relative positioning and margin settings to center the page.
Here is the code:
#wrapper{
width: 720px;
position: relative;
left: 50%
}
This code sets the left edge of the wrapper 50% across the
viewport, or in other words in the center of the viewport. To get
the page centered you apply a negative margin to the wrapper that
is half the total width of the wrapper. In this example that is
margin-left: -360px;
The complete code looks like this:
#wrapper{
width: 720px;
position: relative;
left: 50%;
margin-left: -360px;
}
Nick Barling
www.barkingweb.com
No need to do all that. You can do it without hacks....
--
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 %26amp; Resources
http://www.dwfaq.com - DW FAQs,
Tutorials %26amp; Resources
http://www.macromedia.com/support/search/
- Macromedia (MM) Technotes
==================
''Nick Barling'' %26lt;webforumsuser@macromedia.com%26gt; wrote in
message
news:eucapb$lot$1@forums.macromedia.com...
%26gt; Hi,
%26gt;
%26gt; Using css there are two techniques that I use to center
a design. The
%26gt; choice
%26gt; is a matter of preference but both do the job well
enough.
%26gt;
%26gt; Start by wrapping your entire content in a div and name
it something
%26gt; semantic,
%26gt; like ''wrapper''. The code shouls look like this:
%26gt;
%26gt; %26lt;body%26gt;
%26gt; %26lt;div id=''wrapper''%26gt;%26lt;/div%26gt;
%26gt; %26lt;/body%26gt;
%26gt;
%26gt; Then add the following css to center the content.
%26gt;
%26gt; #wrapper{
%26gt; width: 720px;
%26gt; margin: 0 auto;
%26gt; }
%26gt;
%26gt; The width is whatever you require based on your design.
The margin uses 0
%26gt; for
%26gt; the top and bottom margin values and auto to center the
wrapper in the
%26gt; browser
%26gt; viewport. Win IE does not behave as it should here and
pre V7 browsers
%26gt; when in
%26gt; quirks mode will not apply the auto margins setting. IE
also
%26gt; misunderstands
%26gt; text-align: center; it basically centers everything
including the text
%26gt; when
%26gt; you use this. However, you can use this to your
advantage but centering
%26gt; everything in the body tag with text-align: center; You
can then set the
%26gt; text
%26gt; alignment back to the left by adding text-align: left;
to the #wrapper,
%26gt; like
%26gt; this:
%26gt;
%26gt; #wrapper{
%26gt; width: 720px;
%26gt; margin: 0 auto;
%26gt; text-align: left;
%26gt; }
%26gt;
%26gt; The body css looks like this:
%26gt;
%26gt; body{
%26gt; text-align: center;
%26gt; }
%26gt;
%26gt; This code is is hack but no too intrusive. However, if
you don't want to
%26gt; use
%26gt; a hack then you can use the second option, which uses
relative positioning
%26gt; and
%26gt; margin settings to center the page. Here is the code:
%26gt;
%26gt; #wrapper{
%26gt; width: 720px;
%26gt; position: relative;
%26gt; left: 50%
%26gt; }
%26gt;
%26gt; This code sets the left edge of the wrapper 50% across
the viewport, or in
%26gt; other words in the center of the viewport. To get the
page centered you
%26gt; apply
%26gt; a negative margin to the wrapper that is half the total
width of the
%26gt; wrapper.
%26gt; In this example that is margin-left: -360px;
%26gt;
%26gt; The complete code looks like this:
%26gt;
%26gt; #wrapper{
%26gt; width: 720px;
%26gt; position: relative;
%26gt; left: 50%;
%26gt; margin-left: -360px;
%26gt; }
%26gt;
%26gt; Nick Barling
%26gt; www.barkingweb.com
%26gt;
Hi,
Referring to Murry's quote ''No need to do all that. You can
do it without hacks''.
Please read the entire thread. I offered two solutions, one
of which does not use hacks.
Also, the ''no need to do all that'' seems an odd comment if it
refers to either of my code snippets. Both snippets are short and
will validate. Please let me see any css that you may have that
achieves the same thing with less code. I am always open to new and
exciting ways of achieving great things with minimal css.
Nick Barling
You say their are two ways to do it, but only one of the ways
you present
will work if there are absolutely positioned elements
involved.
You say the final state for this method is this -
The complete code looks like this:
#wrapper{
width: 720px;
text-align:left;
position: relative;
left: 50%;
margin-left: -360px;
}
I say that the better way is -
#wrapper{
width: 720px;
text-align:left;
position: relative;
margin:0 auto;
}
No left:50%, no negative margins. So, no need to do all that.
--
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 %26amp; Resources
http://www.dwfaq.com - DW FAQs,
Tutorials %26amp; Resources
http://www.macromedia.com/support/search/
- Macromedia (MM) Technotes
==================
''Nick Barling'' %26lt;webforumsuser@macromedia.com%26gt; wrote in
message
news:eucf8r$r75$1@forums.macromedia.com...
%26gt; Hi,
%26gt;
%26gt; Referring to Murry's quote ''No need to do all that. You
can do it without
%26gt; hacks''.
%26gt;
%26gt; Please read the entire thread. I offered two solutions,
one of which does
%26gt; not
%26gt; use hacks.
%26gt;
%26gt; Also, the ''no need to do all that'' seems an odd comment
if it refers to
%26gt; either
%26gt; of my code snippets. Both snippets are short and will
validate. Please
%26gt; let me
%26gt; see any css that you may have that achieves the same
thing with less code.
%26gt; I
%26gt; am always open to new and exciting ways of achieving
great things with
%26gt; minimal
%26gt; css.
%26gt;
%26gt; Nick Barling
%26gt;
Win IE pre v7 in quirks mode does not apply auto margin
settings correctly. Are you implying in your code snippet that by
positioning the wrapper relatively this will cause pre V7 Win IE
browsers to render the auto margin setting correctly?
Saying that only one of my examples works when absolute
positioning is involved is misleading.
I fully understand that absolutely positioned elements take
their positioning reference point from their nearest positioned
ancestor and, indeed, if the designer wished to absolutely position
an element/s using the wrapper div as a reference point then that
wrapper div would need to be positioned. However, to center a
design as I described in my first snippet works perfectly within
the context of a simple case of centering the wrapper as I
described. One could quite easily absolutely position any number of
elements within other positioned elements within the wrapper div if
they so wished.
As an aside I think it is also worth pointing out to the less
capable fledgling css coders the reasoning behind any suggested
solutions as well as any known references that may help understand
the more intricate details of css. I have certainly, in the past,
found out the hard way how many seemingly simple css code additions
had a fundamental effect on my designs way beyond the issue that I
was trying to solve at hand. I have come to appreciate any advice
that also contains detail and reasoning/implications on the code
that is offered as a solution.
I am not suggesting that you do not do this but merely that
we all should offer reasoning/implications/considerations in our
code offerings.
My final point is to say that I don't think there is a better
way, in the context of what you offer in preference to my solution.
I would say that they are different and really make not a lot of
difference to the designer. You pays your money and you makes your
choice!
Nick Barling
%26gt; Win IE pre v7 in quirks mode does not apply auto margin
settings
%26gt; correctly.
%26gt; Are you implying in your code snippet that by
positioning the wrapper
%26gt; relatively this will cause pre V7 Win IE browsers to
render the auto
%26gt; margin
%26gt; setting correctly?
No. I neglected to mention the need for the body {
text-align:center; }.
--
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 %26amp; Resources
http://www.dwfaq.com - DW FAQs,
Tutorials %26amp; Resources
http://www.macromedia.com/support/search/
- Macromedia (MM) Technotes
==================
''Nick Barling'' %26lt;webforumsuser@macromedia.com%26gt; wrote in
message
news:eue9u1$a7q$1@forums.macromedia.com...
%26gt; Win IE pre v7 in quirks mode does not apply auto margin
settings
%26gt; correctly.
%26gt; Are you implying in your code snippet that by
positioning the wrapper
%26gt; relatively this will cause pre V7 Win IE browsers to
render the auto
%26gt; margin
%26gt; setting correctly?
%26gt;
%26gt; Saying that only one of my examples works when absolute
positioning is
%26gt; involved is misleading.
%26gt; I fully understand that absolutely positioned elements
take their
%26gt; positioning
%26gt; reference point from their nearest positioned ancestor
and, indeed, if the
%26gt; designer wished to absolutely position an element/s
using the wrapper div
%26gt; as a
%26gt; reference point then that wrapper div would need to be
positioned.
%26gt; However, to
%26gt; center a design as I described in my first snippet works
perfectly within
%26gt; the
%26gt; context of a simple case of centering the wrapper as I
described. One
%26gt; could
%26gt; quite easily absolutely position any number of elements
within other
%26gt; positioned
%26gt; elements within the wrapper div if they so wished.
%26gt;
%26gt; As an aside I think it is also worth pointing out to the
less capable
%26gt; fledgling css coders the reasoning behind any suggested
solutions as well
%26gt; as
%26gt; any known references that may help understand the more
intricate details
%26gt; of
%26gt; css. I have certainly, in the past, found out the hard
way how many
%26gt; seemingly
%26gt; simple css code additions had a fundamental effect on my
designs way
%26gt; beyond the
%26gt; issue that I was trying to solve at hand. I have come to
appreciate any
%26gt; advice
%26gt; that also contains detail and reasoning/implications on
the code that is
%26gt; offered as a solution.
%26gt;
%26gt; I am not suggesting that you do not do this but merely
that we all should
%26gt; offer reasoning/implications/considerations in our code
offerings.
%26gt;
%26gt; My final point is to say that I don't think there is a
better way, in the
%26gt; context of what you offer in preference to my solution.
I would say that
%26gt; they
%26gt; are different and really make not a lot of difference to
the designer.
%26gt; You
%26gt; pays your money and you makes your choice!
%26gt;
%26gt; Nick Barling
%26gt;
%26gt;
%26gt;
Nick, I used the second option - easy to implement and works
like a charm.
Thanks,
Ed DiTomas
are just made with layers not from a template. I would like to have
my page centered when viewed in a browser. Right now when I preview
in dreamweaver, all the pages are justified to the left. Any ideas?
ThanksCentering Pages in Browser
On Tue, 27 Mar 2007 23:10:49 +0000 (UTC), ''geragotelis''
%26lt;webforumsuser@macromedia.com%26gt; wrote:
%26gt;I have a web site made mostly from a template, but some
pages are just made
%26gt;with layers not from a template. I would like to have my
page centered when
%26gt;viewed in a browser. Right now when I preview in
dreamweaver, all the pages
%26gt;are justified to the left. Any ideas?
%26gt; Thanks
show us the code or a link to the site - otherwise we are
just
guessing
--
~Malcolm N....
~
Centering Pages in Browser
Change this -
%26lt;/head%26gt;
to this -
%26lt;style type=''text/css''%26gt;
%26lt;!--
body { text-align:center; }
#wrapper { text-align:left; width:760px; margin:0
auto;position:relative; }
/* 760px will display on an 800px screen maximized browser
window without */
/* horizontal scrollbars. */
--%26gt;
%26lt;/style%26gt;
%26lt;/head%26gt;
change this -
%26lt;body ...%26gt;
to this -
%26lt;body ...%26gt;
%26lt;div id=''wrapper''%26gt;
and this -
%26lt;/body%26gt;
to this -
%26lt;!-- /wrapper --%26gt;
%26lt;/div%26gt;
%26lt;/body%26gt;
and see if that helps.
--
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 %26amp; Resources
http://www.dwfaq.com - DW FAQs,
Tutorials %26amp; Resources
http://www.macromedia.com/support/search/
- Macromedia (MM) Technotes
==================
''geragotelis'' %26lt;webforumsuser@macromedia.com%26gt; wrote in
message
news:euc89p$ire$1@forums.macromedia.com...
%26gt;I have a web site made mostly from a template, but some
pages are just made
%26gt; with layers not from a template. I would like to have my
page centered
%26gt; when
%26gt; viewed in a browser. Right now when I preview in
dreamweaver, all the
%26gt; pages
%26gt; are justified to the left. Any ideas?
%26gt; Thanks
%26gt;
Do you mean the template code? Sorry, I'm new at this. What
code do you need to see?
I don't know if geragotelis has the same question I have, but
maybe. I'm sort of new to Dreamweaver, and can figure out how to
center a table to a page, but how about a layer? How do you center
a layer so that it will actually appear in the center of all
browsers? About the best I can do is guess the percentage from the
left. Isn't there an easy way as with centering tables?
Hi,
Using css there are two techniques that I use to center a
design. The choice is a matter of preference but both do the job
well enough.
Start by wrapping your entire content in a div and name it
something semantic, like ''wrapper''. The code shouls look like this:
%26lt;body%26gt;
%26lt;div id=''wrapper''%26gt;%26lt;/div%26gt;
%26lt;/body%26gt;
Then add the following css to center the content.
#wrapper{
width: 720px;
margin: 0 auto;
}
The width is whatever you require based on your design. The
margin uses 0 for the top and bottom margin values and auto to
center the wrapper in the browser viewport. Win IE does not behave
as it should here and pre V7 browsers when in quirks mode will not
apply the auto margins setting. IE also misunderstands text-align:
center; it basically centers everything including the text when you
use this. However, you can use this to your advantage but centering
everything in the body tag with text-align: center; You can then
set the text alignment back to the left by adding text-align: left;
to the #wrapper, like this:
#wrapper{
width: 720px;
margin: 0 auto;
text-align: left;
}
The body css looks like this:
body{
text-align: center;
}
This code is is hack but no too intrusive. However, if you
don't want to use a hack then you can use the second option, which
uses relative positioning and margin settings to center the page.
Here is the code:
#wrapper{
width: 720px;
position: relative;
left: 50%
}
This code sets the left edge of the wrapper 50% across the
viewport, or in other words in the center of the viewport. To get
the page centered you apply a negative margin to the wrapper that
is half the total width of the wrapper. In this example that is
margin-left: -360px;
The complete code looks like this:
#wrapper{
width: 720px;
position: relative;
left: 50%;
margin-left: -360px;
}
Nick Barling
www.barkingweb.com
No need to do all that. You can do it without hacks....
--
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 %26amp; Resources
http://www.dwfaq.com - DW FAQs,
Tutorials %26amp; Resources
http://www.macromedia.com/support/search/
- Macromedia (MM) Technotes
==================
''Nick Barling'' %26lt;webforumsuser@macromedia.com%26gt; wrote in
message
news:eucapb$lot$1@forums.macromedia.com...
%26gt; Hi,
%26gt;
%26gt; Using css there are two techniques that I use to center
a design. The
%26gt; choice
%26gt; is a matter of preference but both do the job well
enough.
%26gt;
%26gt; Start by wrapping your entire content in a div and name
it something
%26gt; semantic,
%26gt; like ''wrapper''. The code shouls look like this:
%26gt;
%26gt; %26lt;body%26gt;
%26gt; %26lt;div id=''wrapper''%26gt;%26lt;/div%26gt;
%26gt; %26lt;/body%26gt;
%26gt;
%26gt; Then add the following css to center the content.
%26gt;
%26gt; #wrapper{
%26gt; width: 720px;
%26gt; margin: 0 auto;
%26gt; }
%26gt;
%26gt; The width is whatever you require based on your design.
The margin uses 0
%26gt; for
%26gt; the top and bottom margin values and auto to center the
wrapper in the
%26gt; browser
%26gt; viewport. Win IE does not behave as it should here and
pre V7 browsers
%26gt; when in
%26gt; quirks mode will not apply the auto margins setting. IE
also
%26gt; misunderstands
%26gt; text-align: center; it basically centers everything
including the text
%26gt; when
%26gt; you use this. However, you can use this to your
advantage but centering
%26gt; everything in the body tag with text-align: center; You
can then set the
%26gt; text
%26gt; alignment back to the left by adding text-align: left;
to the #wrapper,
%26gt; like
%26gt; this:
%26gt;
%26gt; #wrapper{
%26gt; width: 720px;
%26gt; margin: 0 auto;
%26gt; text-align: left;
%26gt; }
%26gt;
%26gt; The body css looks like this:
%26gt;
%26gt; body{
%26gt; text-align: center;
%26gt; }
%26gt;
%26gt; This code is is hack but no too intrusive. However, if
you don't want to
%26gt; use
%26gt; a hack then you can use the second option, which uses
relative positioning
%26gt; and
%26gt; margin settings to center the page. Here is the code:
%26gt;
%26gt; #wrapper{
%26gt; width: 720px;
%26gt; position: relative;
%26gt; left: 50%
%26gt; }
%26gt;
%26gt; This code sets the left edge of the wrapper 50% across
the viewport, or in
%26gt; other words in the center of the viewport. To get the
page centered you
%26gt; apply
%26gt; a negative margin to the wrapper that is half the total
width of the
%26gt; wrapper.
%26gt; In this example that is margin-left: -360px;
%26gt;
%26gt; The complete code looks like this:
%26gt;
%26gt; #wrapper{
%26gt; width: 720px;
%26gt; position: relative;
%26gt; left: 50%;
%26gt; margin-left: -360px;
%26gt; }
%26gt;
%26gt; Nick Barling
%26gt; www.barkingweb.com
%26gt;
Hi,
Referring to Murry's quote ''No need to do all that. You can
do it without hacks''.
Please read the entire thread. I offered two solutions, one
of which does not use hacks.
Also, the ''no need to do all that'' seems an odd comment if it
refers to either of my code snippets. Both snippets are short and
will validate. Please let me see any css that you may have that
achieves the same thing with less code. I am always open to new and
exciting ways of achieving great things with minimal css.
Nick Barling
You say their are two ways to do it, but only one of the ways
you present
will work if there are absolutely positioned elements
involved.
You say the final state for this method is this -
The complete code looks like this:
#wrapper{
width: 720px;
text-align:left;
position: relative;
left: 50%;
margin-left: -360px;
}
I say that the better way is -
#wrapper{
width: 720px;
text-align:left;
position: relative;
margin:0 auto;
}
No left:50%, no negative margins. So, no need to do all that.
--
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 %26amp; Resources
http://www.dwfaq.com - DW FAQs,
Tutorials %26amp; Resources
http://www.macromedia.com/support/search/
- Macromedia (MM) Technotes
==================
''Nick Barling'' %26lt;webforumsuser@macromedia.com%26gt; wrote in
message
news:eucf8r$r75$1@forums.macromedia.com...
%26gt; Hi,
%26gt;
%26gt; Referring to Murry's quote ''No need to do all that. You
can do it without
%26gt; hacks''.
%26gt;
%26gt; Please read the entire thread. I offered two solutions,
one of which does
%26gt; not
%26gt; use hacks.
%26gt;
%26gt; Also, the ''no need to do all that'' seems an odd comment
if it refers to
%26gt; either
%26gt; of my code snippets. Both snippets are short and will
validate. Please
%26gt; let me
%26gt; see any css that you may have that achieves the same
thing with less code.
%26gt; I
%26gt; am always open to new and exciting ways of achieving
great things with
%26gt; minimal
%26gt; css.
%26gt;
%26gt; Nick Barling
%26gt;
Win IE pre v7 in quirks mode does not apply auto margin
settings correctly. Are you implying in your code snippet that by
positioning the wrapper relatively this will cause pre V7 Win IE
browsers to render the auto margin setting correctly?
Saying that only one of my examples works when absolute
positioning is involved is misleading.
I fully understand that absolutely positioned elements take
their positioning reference point from their nearest positioned
ancestor and, indeed, if the designer wished to absolutely position
an element/s using the wrapper div as a reference point then that
wrapper div would need to be positioned. However, to center a
design as I described in my first snippet works perfectly within
the context of a simple case of centering the wrapper as I
described. One could quite easily absolutely position any number of
elements within other positioned elements within the wrapper div if
they so wished.
As an aside I think it is also worth pointing out to the less
capable fledgling css coders the reasoning behind any suggested
solutions as well as any known references that may help understand
the more intricate details of css. I have certainly, in the past,
found out the hard way how many seemingly simple css code additions
had a fundamental effect on my designs way beyond the issue that I
was trying to solve at hand. I have come to appreciate any advice
that also contains detail and reasoning/implications on the code
that is offered as a solution.
I am not suggesting that you do not do this but merely that
we all should offer reasoning/implications/considerations in our
code offerings.
My final point is to say that I don't think there is a better
way, in the context of what you offer in preference to my solution.
I would say that they are different and really make not a lot of
difference to the designer. You pays your money and you makes your
choice!
Nick Barling
%26gt; Win IE pre v7 in quirks mode does not apply auto margin
settings
%26gt; correctly.
%26gt; Are you implying in your code snippet that by
positioning the wrapper
%26gt; relatively this will cause pre V7 Win IE browsers to
render the auto
%26gt; margin
%26gt; setting correctly?
No. I neglected to mention the need for the body {
text-align:center; }.
--
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 %26amp; Resources
http://www.dwfaq.com - DW FAQs,
Tutorials %26amp; Resources
http://www.macromedia.com/support/search/
- Macromedia (MM) Technotes
==================
''Nick Barling'' %26lt;webforumsuser@macromedia.com%26gt; wrote in
message
news:eue9u1$a7q$1@forums.macromedia.com...
%26gt; Win IE pre v7 in quirks mode does not apply auto margin
settings
%26gt; correctly.
%26gt; Are you implying in your code snippet that by
positioning the wrapper
%26gt; relatively this will cause pre V7 Win IE browsers to
render the auto
%26gt; margin
%26gt; setting correctly?
%26gt;
%26gt; Saying that only one of my examples works when absolute
positioning is
%26gt; involved is misleading.
%26gt; I fully understand that absolutely positioned elements
take their
%26gt; positioning
%26gt; reference point from their nearest positioned ancestor
and, indeed, if the
%26gt; designer wished to absolutely position an element/s
using the wrapper div
%26gt; as a
%26gt; reference point then that wrapper div would need to be
positioned.
%26gt; However, to
%26gt; center a design as I described in my first snippet works
perfectly within
%26gt; the
%26gt; context of a simple case of centering the wrapper as I
described. One
%26gt; could
%26gt; quite easily absolutely position any number of elements
within other
%26gt; positioned
%26gt; elements within the wrapper div if they so wished.
%26gt;
%26gt; As an aside I think it is also worth pointing out to the
less capable
%26gt; fledgling css coders the reasoning behind any suggested
solutions as well
%26gt; as
%26gt; any known references that may help understand the more
intricate details
%26gt; of
%26gt; css. I have certainly, in the past, found out the hard
way how many
%26gt; seemingly
%26gt; simple css code additions had a fundamental effect on my
designs way
%26gt; beyond the
%26gt; issue that I was trying to solve at hand. I have come to
appreciate any
%26gt; advice
%26gt; that also contains detail and reasoning/implications on
the code that is
%26gt; offered as a solution.
%26gt;
%26gt; I am not suggesting that you do not do this but merely
that we all should
%26gt; offer reasoning/implications/considerations in our code
offerings.
%26gt;
%26gt; My final point is to say that I don't think there is a
better way, in the
%26gt; context of what you offer in preference to my solution.
I would say that
%26gt; they
%26gt; are different and really make not a lot of difference to
the designer.
%26gt; You
%26gt; pays your money and you makes your choice!
%26gt;
%26gt; Nick Barling
%26gt;
%26gt;
%26gt;
Nick, I used the second option - easy to implement and works
like a charm.
Thanks,
Ed DiTomas
it's anoying!!!
yes this is nice. but!!!
there are sites that have ''flying'' advertisements all over
place, and right-click stop play works but what bothers me it's
that i have to do that for every page i visit. is there way out of
this? like block this, or blank it, or ...
there are sites that have ''flying'' advertisements all over
place, and right-click stop play works but what bothers me it's
that i have to do that for every page i visit. is there way out of
this? like block this, or blank it, or ...
Screen Dumps - Reducing the size
Hi. I am doing up a User Guide and need to use a load of
screen dumps of the software. I do 'Print Screen'' Command and the
paste into Fireworks. I then reduce the image down. However, all
the pixels start to look very bad and i cannot get a nice picture
to post into Framemaker. I can actually past the screen dump into
Word, reduce it, and it seems to maintain the pixel qulity.
Any assistance would be appreciated. NOTE: Framemaker or
Photshop forum was not up and running, hence i come here.Screen Dumps - Reducing the size
vndunne wrote:
%26gt; Hi. I am doing up a User Guide and need to use a load of
screen dumps of the
%26gt; software. I do 'Print Screen'' Command and the paste into
Fireworks. I then
%26gt; reduce the image down. However, all the pixels start to
look very bad and i
%26gt; cannot get a nice picture to post into Framemaker. I can
actually past the
%26gt; screen dump into Word, reduce it, and it seems to
maintain the pixel qulity.
%26gt; Any assistance would be appreciated. NOTE: Framemaker or
Photshop forum was
%26gt; not up and running, hence i come here.
%26gt;
You might need to up the resolution before you export it to
Framemaker.
When you resize the screen print, use Modify/Canvas/Image
Size. Change
the dimensions and/or resolution, deselect the 'Resample
Image' option.
You will have to experiment a little to get the results yo
are after
but, this will help.
Freehand, if you have it, would be more suited to this job.
SKB
Screen Dumps - Reducing the size
On Thu, 29 Mar 2007 12:47:55 +0400, vndunne
%26lt;webforumsuser@macromedia.com%26gt;
wrote:
%26gt; Hi. I am doing up a User Guide and need to use a load of
screen dumps of
%26gt; the
%26gt; software. I do 'Print Screen'' Command and the paste into
Fireworks. I
%26gt; then
%26gt; reduce the image down. However, all the pixels start to
look very bad
%26gt; and i
%26gt; cannot get a nice picture to post into Framemaker. I can
actually past
%26gt; the
%26gt; screen dump into Word, reduce it, and it seems to
maintain the pixel
%26gt; qulity.
%26gt; Any assistance would be appreciated. NOTE: Framemaker or
Photshop
%26gt; forum was
%26gt; not up and running, hence i come here.
First thing you forgot to mention is: what is the supposed
output? Is your
Guide supposed to be printed, or viewed on screen? This is
something of
major importance.
--
Ilya Razmanov
http://photoshop.msk.ru -
Photoshop plug-in filters
Hi. Thanks for all that. Output will be to PDF which wil
pobably be sent on CD. But Clients will probably want to print it
out on paper.
vndunne wrote:
%26gt; Hi. Thanks for all that. Output will be to PDF which wil
pobably be sent on CD. But Clients will probably want to print it
out on paper.
Why not print the screen as a PDF to start with?
SKB
On Thu, 29 Mar 2007 17:23:20 +0400, vndunne
%26lt;webforumsuser@macromedia.com%26gt;
wrote:
%26gt; Hi. Thanks for all that. Output will be to PDF which wil
pobably be sent
%26gt; on CD. But Clients will probably want to print it out on
paper.
Hi-res bitmaps implanted into PDF will print well. They are
likely to be
displayed not so well sometimes (that's the problem of
Acrobat
interpolation, not yours). Whell, as long as I understand the
situation,
you should take screencaps as big as possible, then probably
adjust its
resolution (without any interpolation), then import it into
page layout
application like FrameMaker.
--
Ilya Razmanov
http://photoshop.msk.ru -
Photoshop plug-in filters
%26gt;Freehand, if you have it, would be more suited to this
job
Or if you have Illustrator, this can do this task. Are you
using Windows, but don't know the exact version such as XP Pro or
Vista... don't want to continue to second-guess. lol
You do NOT change the resolution of a screen capture. It is
what it is. You
can't increase the resolution (as there are no pixels to add
to it) and you
really shouldn't decrease the resolution (as you end up with
the problem you
are having).
All you need to do is create the screen caps, and then import
them directly
into your page layout application. Size the screen cap IN
your page layout
program.
Done.
-Darrel
darrel wrote:
%26gt; You do NOT change the resolution of a screen capture. It
is what it is. You
%26gt; can't increase the resolution (as there are no pixels to
add to it) and you
%26gt; really shouldn't decrease the resolution (as you end up
with the problem you
%26gt; are having).
%26gt;
%26gt; All you need to do is create the screen caps, and then
import them directly
%26gt; into your page layout application. Size the screen cap
IN your page layout
%26gt; program.
%26gt;
%26gt; Done.
%26gt;
%26gt; -Darrel
%26gt;
%26gt;
Darrel,
You can change (increase or decrease) it's print resolution
without
adding or subtracting pixels.
SKB
%26gt; You can change (increase or decrease) it's print
resolution without adding
%26gt; or subtracting pixels.
Right. That's done by resizing it in the page layout
application.
The resolution setting in your image editor is only used to
print directly
from your image editing software, which you rarely need to
do.
-Darrel
darrel wrote:
%26gt; The resolution setting in your image editor is only used
to print directly
%26gt; from your image editing software,
Darrel,
I have to admit this discussion would be a lot more fun at a
local pub
with a few ales in hand. Then it couldn't be misconstrued as
anything
other than friendly banter. :)
The print size is what your publishing software will see.
Start with a 1280x1024 pixel screen capture.
Alter the image print size without resampling to 6x4 inches,
save or
export the file and insert it into your publishing
application, it will
be 6x4 inches and you didn't lose a pixel. When printed it
might be hard
to read or see detail because of it's size. It also won't be
blurry or
distorted.
In Fireworks it is still a 1280x1024 pixel image.
I agree it's not the most elegant, easiest or recommended
method but,
you can get decent print results from Fireworks.
I'll buy the next round.
SKB
%26gt; I have to admit this discussion would be a lot more fun
at a local pub
%26gt; with a few ales in hand. Then it couldn't be
misconstrued as anything
%26gt; other than friendly banter. :)
It sounds friendly to me! ;o)
%26gt; Start with a 1280x1024 pixel screen capture.
%26gt;
%26gt; Alter the image print size without resampling to 6x4
inches, save or
%26gt; export the file and insert it into your publishing
application, it will be
%26gt; 6x4 inches and you didn't lose a pixel. When printed it
might be hard to
%26gt; read or see detail because of it's size. It also won't
be blurry or
%26gt; distorted.
You can do that, or you can just resize it in the page layout
app to 6x4.
Same exact results. Still same number of pixels.
%26gt; I'll buy the next round.
Sounds good!
-Darrel
If you are looking for a very quick %26amp; flexible screen
snap capability, I recommend TechSmith's SnagIT. I use %26amp; much
prefer Fireworks for website graphics, but to capture windows,
regions, scrolling web pages, and other types of visual samples,
SnagIT is extremely easy to use and powerful. You can save your
capture in a variety of output formats, including SnagIT's own
proprietary format that allows re-editing of saved images. The
SnagIT editor lets you create callout text boxes, arrows,
torn-edges, drop shadows, etc. It is the tool of choice for
Technical Writers to build instructional steps and images. It's
very inexpensive and they have a full-featured 30 day trial
download.
screen dumps of the software. I do 'Print Screen'' Command and the
paste into Fireworks. I then reduce the image down. However, all
the pixels start to look very bad and i cannot get a nice picture
to post into Framemaker. I can actually past the screen dump into
Word, reduce it, and it seems to maintain the pixel qulity.
Any assistance would be appreciated. NOTE: Framemaker or
Photshop forum was not up and running, hence i come here.Screen Dumps - Reducing the size
vndunne wrote:
%26gt; Hi. I am doing up a User Guide and need to use a load of
screen dumps of the
%26gt; software. I do 'Print Screen'' Command and the paste into
Fireworks. I then
%26gt; reduce the image down. However, all the pixels start to
look very bad and i
%26gt; cannot get a nice picture to post into Framemaker. I can
actually past the
%26gt; screen dump into Word, reduce it, and it seems to
maintain the pixel qulity.
%26gt; Any assistance would be appreciated. NOTE: Framemaker or
Photshop forum was
%26gt; not up and running, hence i come here.
%26gt;
You might need to up the resolution before you export it to
Framemaker.
When you resize the screen print, use Modify/Canvas/Image
Size. Change
the dimensions and/or resolution, deselect the 'Resample
Image' option.
You will have to experiment a little to get the results yo
are after
but, this will help.
Freehand, if you have it, would be more suited to this job.
SKB
Screen Dumps - Reducing the size
On Thu, 29 Mar 2007 12:47:55 +0400, vndunne
%26lt;webforumsuser@macromedia.com%26gt;
wrote:
%26gt; Hi. I am doing up a User Guide and need to use a load of
screen dumps of
%26gt; the
%26gt; software. I do 'Print Screen'' Command and the paste into
Fireworks. I
%26gt; then
%26gt; reduce the image down. However, all the pixels start to
look very bad
%26gt; and i
%26gt; cannot get a nice picture to post into Framemaker. I can
actually past
%26gt; the
%26gt; screen dump into Word, reduce it, and it seems to
maintain the pixel
%26gt; qulity.
%26gt; Any assistance would be appreciated. NOTE: Framemaker or
Photshop
%26gt; forum was
%26gt; not up and running, hence i come here.
First thing you forgot to mention is: what is the supposed
output? Is your
Guide supposed to be printed, or viewed on screen? This is
something of
major importance.
--
Ilya Razmanov
http://photoshop.msk.ru -
Photoshop plug-in filters
Hi. Thanks for all that. Output will be to PDF which wil
pobably be sent on CD. But Clients will probably want to print it
out on paper.
vndunne wrote:
%26gt; Hi. Thanks for all that. Output will be to PDF which wil
pobably be sent on CD. But Clients will probably want to print it
out on paper.
Why not print the screen as a PDF to start with?
SKB
On Thu, 29 Mar 2007 17:23:20 +0400, vndunne
%26lt;webforumsuser@macromedia.com%26gt;
wrote:
%26gt; Hi. Thanks for all that. Output will be to PDF which wil
pobably be sent
%26gt; on CD. But Clients will probably want to print it out on
paper.
Hi-res bitmaps implanted into PDF will print well. They are
likely to be
displayed not so well sometimes (that's the problem of
Acrobat
interpolation, not yours). Whell, as long as I understand the
situation,
you should take screencaps as big as possible, then probably
adjust its
resolution (without any interpolation), then import it into
page layout
application like FrameMaker.
--
Ilya Razmanov
http://photoshop.msk.ru -
Photoshop plug-in filters
%26gt;Freehand, if you have it, would be more suited to this
job
Or if you have Illustrator, this can do this task. Are you
using Windows, but don't know the exact version such as XP Pro or
Vista... don't want to continue to second-guess. lol
You do NOT change the resolution of a screen capture. It is
what it is. You
can't increase the resolution (as there are no pixels to add
to it) and you
really shouldn't decrease the resolution (as you end up with
the problem you
are having).
All you need to do is create the screen caps, and then import
them directly
into your page layout application. Size the screen cap IN
your page layout
program.
Done.
-Darrel
darrel wrote:
%26gt; You do NOT change the resolution of a screen capture. It
is what it is. You
%26gt; can't increase the resolution (as there are no pixels to
add to it) and you
%26gt; really shouldn't decrease the resolution (as you end up
with the problem you
%26gt; are having).
%26gt;
%26gt; All you need to do is create the screen caps, and then
import them directly
%26gt; into your page layout application. Size the screen cap
IN your page layout
%26gt; program.
%26gt;
%26gt; Done.
%26gt;
%26gt; -Darrel
%26gt;
%26gt;
Darrel,
You can change (increase or decrease) it's print resolution
without
adding or subtracting pixels.
SKB
%26gt; You can change (increase or decrease) it's print
resolution without adding
%26gt; or subtracting pixels.
Right. That's done by resizing it in the page layout
application.
The resolution setting in your image editor is only used to
print directly
from your image editing software, which you rarely need to
do.
-Darrel
darrel wrote:
%26gt; The resolution setting in your image editor is only used
to print directly
%26gt; from your image editing software,
Darrel,
I have to admit this discussion would be a lot more fun at a
local pub
with a few ales in hand. Then it couldn't be misconstrued as
anything
other than friendly banter. :)
The print size is what your publishing software will see.
Start with a 1280x1024 pixel screen capture.
Alter the image print size without resampling to 6x4 inches,
save or
export the file and insert it into your publishing
application, it will
be 6x4 inches and you didn't lose a pixel. When printed it
might be hard
to read or see detail because of it's size. It also won't be
blurry or
distorted.
In Fireworks it is still a 1280x1024 pixel image.
I agree it's not the most elegant, easiest or recommended
method but,
you can get decent print results from Fireworks.
I'll buy the next round.
SKB
%26gt; I have to admit this discussion would be a lot more fun
at a local pub
%26gt; with a few ales in hand. Then it couldn't be
misconstrued as anything
%26gt; other than friendly banter. :)
It sounds friendly to me! ;o)
%26gt; Start with a 1280x1024 pixel screen capture.
%26gt;
%26gt; Alter the image print size without resampling to 6x4
inches, save or
%26gt; export the file and insert it into your publishing
application, it will be
%26gt; 6x4 inches and you didn't lose a pixel. When printed it
might be hard to
%26gt; read or see detail because of it's size. It also won't
be blurry or
%26gt; distorted.
You can do that, or you can just resize it in the page layout
app to 6x4.
Same exact results. Still same number of pixels.
%26gt; I'll buy the next round.
Sounds good!
-Darrel
If you are looking for a very quick %26amp; flexible screen
snap capability, I recommend TechSmith's SnagIT. I use %26amp; much
prefer Fireworks for website graphics, but to capture windows,
regions, scrolling web pages, and other types of visual samples,
SnagIT is extremely easy to use and powerful. You can save your
capture in a variety of output formats, including SnagIT's own
proprietary format that allows re-editing of saved images. The
SnagIT editor lets you create callout text boxes, arrows,
torn-edges, drop shadows, etc. It is the tool of choice for
Technical Writers to build instructional steps and images. It's
very inexpensive and they have a full-featured 30 day trial
download.
how to make relation between 2 tables...
hi
i have 2 tables in mysql database and i want to make relation
between the two tables
how to do that in phpmyadmin or any visual tool?
thanks in advance.
how to make relation between 2 tables...
Hi,
%26gt;%26gt;
...how to do that in phpmyadmin
%26gt;%26gt;
even if you could create table relations in PhpMyAdmin
(I can麓t, but that might depend on the version),
I麓d rather suggest doing this by using a ''JOIN'' within your
query -- here麓s a short
tutorial.
%26gt;%26gt;
...or any visual tool
%26gt;%26gt;
there is at least one commercial DW extension available
that麓s providing a sort of ''visual query maker'' tool including
creating such JOINshow to make relation between 2 tables...
MySQL is different from access, in that you have to create
the SQL to join
the tables yourself.
In Microsoft Access, you could drag a join from one table to
another.
Although this is a visual process, all its doing is creating
SQL behind the
scenes to join the tables.
With MySQL you don't have a visual editor, you have to
manually create the
SQL yourself, and theres load of tutorials on the net which
will help you
with this.
--
Gareth
http://www.phploginsuite.co.uk/
PHP Login Suite V2 - 34 Server Behaviors to build a complete
Login system.
Download Navicat MySQL it has a visual query builder and can
do alot more.
Get a copy of HeidiSQL also a useful GUI tool.
Cheers
i have 2 tables in mysql database and i want to make relation
between the two tables
how to do that in phpmyadmin or any visual tool?
thanks in advance.
how to make relation between 2 tables...
Hi,
%26gt;%26gt;
...how to do that in phpmyadmin
%26gt;%26gt;
even if you could create table relations in PhpMyAdmin
(I can麓t, but that might depend on the version),
I麓d rather suggest doing this by using a ''JOIN'' within your
query -- here麓s a short
tutorial.
%26gt;%26gt;
...or any visual tool
%26gt;%26gt;
there is at least one commercial DW extension available
that麓s providing a sort of ''visual query maker'' tool including
creating such JOINshow to make relation between 2 tables...
MySQL is different from access, in that you have to create
the SQL to join
the tables yourself.
In Microsoft Access, you could drag a join from one table to
another.
Although this is a visual process, all its doing is creating
SQL behind the
scenes to join the tables.
With MySQL you don't have a visual editor, you have to
manually create the
SQL yourself, and theres load of tutorials on the net which
will help you
with this.
--
Gareth
http://www.phploginsuite.co.uk/
PHP Login Suite V2 - 34 Server Behaviors to build a complete
Login system.
quote:
Originally posted by:
macnux
hi
i have 2 tables in mysql database and i want to make relation
between the two tables
how to do that in phpmyadmin or any visual tool?
thanks in advance.
Download Navicat MySQL it has a visual query builder and can
do alot more.
Get a copy of HeidiSQL also a useful GUI tool.
Cheers
Subscribe to:
Posts
(Atom)