This is Interesting: Free Magazines for Graphics designers and webmasters  


Home > Archive > Dreamweaver > March 2006 > Placing objects on a page where you want





You are viewing an archived Text-only version of the thread. To view this thread in it's original format and/or if you want to reply to this thread please [click here]

Author Placing objects on a page where you want
James0816

2006-03-28, 6:29 pm

How do you place an object (say a text box or even a text box on a form) where
you want them to be instead of where they are created at? I was working on
creating a form and inserted a text box but it stays to the left margin. I
want to be able to move this where i want it.

CSI Bruce

2006-03-28, 6:29 pm

Put it in a div then position the div.
Murray *ACE*

2006-03-28, 6:29 pm

Do not read this suggestion as meaning that you should use "layers".

To find out more about what it *really* means, go here -

http://www.projectseven.com/tutoria...acfly/index.htm
http://www.macromedia.com/devnet/mx...weaver/css.html


--
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
==================


"CSI Bruce" <webforumsuser@macromedia.com> wrote in message
news:e0996u$f4c$1@forums.macromedia.com...
> Put it in a div then position the div.



James0816

2006-03-28, 6:29 pm

I must be missing something here. I place a DIV tag on my page and then insert
into it a text field. Nothing can't reposition it. So i tried again and
assigned the ID "layer1". I could move this one like a floating box. I tried
to do it again...same as the first one where it doesn't do anything. Am I
supposed to configure something to make this work?

James0816

2006-03-28, 6:29 pm

ok....so basically everything i create on the page should be a "layer" in order
for it to be positioned whereever i want correct? That seems to be the only
way it is working out instead of just inserting the div tag via insert / div
tag.

CSI Bruce

2006-03-28, 6:29 pm

You can position divs wherever you want. Just do this:
Insert the Div
Name it
Select "Create New CSS rule" (while the div is selected)
Enter the position coordinates
Murray *ACE*

2006-03-28, 6:29 pm

Noooooooo!

Back way up. Forget layers.

Read this tutotrial about how to use tables to do what you want -

http://www.dwfaq.com/tutorials/Tabl...ible_tables.asp

--
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
==================


"James0816" <webforumsuser@macromedia.com> wrote in message
news:e09aqe$h6n$1@forums.macromedia.com...
> ok....so basically everything i create on the page should be a "layer" in
> order
> for it to be positioned whereever i want correct? That seems to be the
> only
> way it is working out instead of just inserting the div tag via insert /
> div
> tag.
>



James0816

2006-03-28, 6:29 pm

Bruce, I apologize....I have been playing with what you mentioned but it is not
positioning at all. I went created the new rule. Double click on it from CSS
pane on the upper right hand corner. I went to position and for top put in a
value of 200 pixels to test it. Applied the changes and reloaded the page.
Nothing. It is staying at the very top.

James0816

2006-03-28, 6:29 pm

ok....not sure what i just did but i have it working now. hmmmmm let me see if i can back track what i did.
CSI Bruce

2006-03-28, 6:29 pm

How did you reload the page? Did you hit F12, or did you open a browser then
navigate to it? Also, where are you saving the CSS, on the page itself or in a
linked CSS file? If the latter, did you save the CSS before previewing the page
(not just hitting Refresh)?

Murray *ACE*

2006-03-28, 6:29 pm

Bruce:

You are misleading this poster....

--
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
==================


"CSI Bruce" <webforumsuser@macromedia.com> wrote in message
news:e09bje$ia1$1@forums.macromedia.com...
> You can position divs wherever you want. Just do this:
> Insert the Div
> Name it
> Select "Create New CSS rule" (while the div is selected)
> Enter the position coordinates



Murray *ACE*

2006-03-28, 6:29 pm

A layer is ANYTHING that is absolutely positioned (as far as DW is
concerned). That could be a table, an <h1> tag, a <p> tag, a <div> tag,
even an <img> tag.

Please give this path a bye and go read my tables link. Please.

--
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
==================


"James0816" <webforumsuser@macromedia.com> wrote in message
news:e09dei$kpg$1@forums.macromedia.com...
>I see where this is going wrong. I click to insert a new DIV tag. From
>there
> I click on div at the botton of the design screen. Over on the right i
> select
> Current from CSS and then add new rule. In the selector, i was just using
> standard naming (I.e. Test). To get it to work, I had to name it as
> #Test).
> In naming it with the # sign, isn' t that the same as just doing Insert /
> Layout Objects / Layer from the tool bar? I think I'm really confused
> now.
>



James0816

2006-03-28, 6:29 pm

I see where this is going wrong. I click to insert a new DIV tag. From there
I click on div at the botton of the design screen. Over on the right i select
Current from CSS and then add new rule. In the selector, i was just using
standard naming (I.e. Test). To get it to work, I had to name it as #Test).
In naming it with the # sign, isn' t that the same as just doing Insert /
Layout Objects / Layer from the tool bar? I think I'm really confused now.

Michael Fesser

2006-03-28, 6:29 pm

..oO(CSI Bruce)

>You can position divs wherever you want.


Sure, but can you also live with the consequences?

And BTW: You can position _everything_, not only 'div' boxes. But you
should only use it if you really need it and know how it works. In most
cases it's not necessary to use absolute positioning, simple structured
markup often works better and is easier to maintain. For creating forms
you could use a simple table.

Micha
James0816

2006-03-28, 6:29 pm

So what are the consequences of using layers? They appear to be a very useful item.
Michael Fesser

2006-03-28, 6:29 pm

..oO(James0816)

>So what are the consequences of using layers?


Here's an example of what can happen:

http://www.great-web-sights.com/g_layer-overlap.asp

Micha
CSI Bruce

2006-03-28, 6:29 pm

To position a div, you enter the margins. How is that misleading anyone? How is that wrong?
Murray *ACE*

2006-03-28, 6:29 pm

Do you think that the person asking this question is going to understand
what you mean? Notice how they immediately got sucked into layers?

--
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
==================


"CSI Bruce" <webforumsuser@macromedia.com> wrote in message
news:e09gji$p00$1@forums.macromedia.com...
> To position a div, you enter the margins. How is that misleading anyone?
> How is that wrong?



hollywoodbob

2006-03-28, 6:29 pm

This is about as easy as a Div tag gets. Use this and fill in your own layer
measurements where you see a ? mark. INDEX:?; LEFT: ?px TOP: ?px
and IMG src="? The INDEX is your layer.

<DIV style="Z-INDEX: ?; LEFT: ?px; POSITION: absolute; TOP: ?px"><IMG
src="?"></DIV>

Hollywood Bob

.: Nadia :. *ACE*

2006-03-28, 6:29 pm

This post is completely illegible. Can't understand what you are trying to
tell the OP.
Have you read the other posts where using layers is discouraged (at least
until the understanding of what can happen with using AP divs is there).

For the original poster: PLEASE READ
the tutorials Murray linked to.

one that explains pagelayout and understanding why 'layers' are not the
first choice to use
http://apptools.com/examples/pagelayout101.php

This may help with styling a form:
http://www.dreamweaverresources.com...styled_form.htm

more about using CSS:

http://www.macromedia.com/devnet/dr...s_concepts.html


--
Nadia
Adobe Community Expert : Dreamweaver:
--------------------------------------------
http://www.csstemplates.com.au - CSS Templates | Free Templates
http://www.DreamweaverResources.com - Dropdown Menu Templates|Tutorials
http://www.macromedia.com/devnet/dreamweaver/css.html - CSS Tutorials
-------------------------------------------------


"hollywoodbob" <webforumsuser@macromedia.com> wrote in message
news:e0agcc$5c9$1@forums.macromedia.com...
> This is about as easy as a Div tag gets. Use this and fill in your own
> layer
> measurements where you see a ? mark. INDEX:?; LEFT: ?px
> TOP: ?px
> and IMG src="? The INDEX is your layer.
>
> <DIV style="Z-INDEX: ?; LEFT: ?px; POSITION: absolute; TOP: ?px"><IMG
> src="?"></DIV>
>
> Hollywood Bob
>



Josie1one

2006-03-28, 6:29 pm

Good grief. I'm glad I'm not James0816. I'm confused myself by your "help"
hollywood and Bruce..
James please please listen to Murray, Micha and Nadia. Read everything
they've told you - they know what they're talking about.
Jo

"hollywoodbob" <webforumsuser@macromedia.com> wrote in message
news:e0agcc$5c9$1@forums.macromedia.com...
> This is about as easy as a Div tag gets. Use this and fill in your own
> layer
> measurements where you see a ? mark. INDEX:?; LEFT: ?px
> TOP: ?px
> and IMG src="? The INDEX is your layer.
>
> <DIV style="Z-INDEX: ?; LEFT: ?px; POSITION: absolute; TOP: ?px"><IMG
> src="?"></DIV>
>
> Hollywood Bob
>



Murray *ACE*

2006-03-28, 6:29 pm

For what it's worth, you needn't put an image into a div to position it.
You will get the same effect by positioning the image directly. But until
you understand positioning better, I don't recommend that any of you try
this. It's like running with scissors in your hand, you know?

--
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
==================


"hollywoodbob" <webforumsuser@macromedia.com> wrote in message
news:e0agcc$5c9$1@forums.macromedia.com...
> This is about as easy as a Div tag gets. Use this and fill in your own
> layer
> measurements where you see a ? mark. INDEX:?; LEFT: ?px
> TOP: ?px
> and IMG src="? The INDEX is your layer.
>
> <DIV style="Z-INDEX: ?; LEFT: ?px; POSITION: absolute; TOP: ?px"><IMG
> src="?"></DIV>
>
> Hollywood Bob
>



James0816

2006-03-28, 6:30 pm

wow....looks like i need to some reading up on things. I'm used to using
layers quite extensively. Always have been under the impression that it was
better to do it that way so that the content on your web page can be easyly
modified and moved around. I've done alot of work with Adobe GoLive. Now that
CS doesnt support dynamic data, had to switch over to a new product. I could
still use GoLive 6.0 I guess but this way I can learn all the nifty things in
Studio like Flash and Composer.

Murray *ACE*

2006-03-28, 6:30 pm

> Always have been under the impression that it was
> better to do it that way so that the content on your web page can be
> easyly
> modified and moved around


Definitely not a good enough reason to confine your layer methodology to
"layers" only.

Read up on CSS. Here are some good links -

http://www.projectseven.com/tutoria...acfly/index.htm
http://www.macromedia.com/devnet/mx...weaver/css.html

Once you know some HTML and CSS, you'll find that the HTML authoring system
is not so important as the code produced....

--
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
==================


"James0816" <webforumsuser@macromedia.com> wrote in message
news:e0bncl$rlc$1@forums.macromedia.com...
> wow....looks like i need to some reading up on things. I'm used to using
> layers quite extensively. Always have been under the impression that it
> was
> better to do it that way so that the content on your web page can be
> easyly
> modified and moved around. I've done alot of work with Adobe GoLive. Now
> that
> CS doesnt support dynamic data, had to switch over to a new product. I
> could
> still use GoLive 6.0 I guess but this way I can learn all the nifty things
> in
> Studio like Flash and Composer.
>



VVebbie

2006-03-28, 6:30 pm

Absolute positioning is rarely the solution to anything.
Michael Fesser

2006-03-28, 6:30 pm

..oO(Murray *ACE*)

>It's like running with scissors in your hand, you know?


Hmm, I like scissors. "Scissors Cut" - by Art Garfunkel ... ;)

Micha
Sponsored Links


Copyright 2003 - 2008 forum4designers.com  Software forum  Computer Hardware reviews