?
Solved

Aligning Layer (div) using wysiwyg - convert later?

Posted on 2004-10-03
3
Medium Priority
?
271 Views
Last Modified: 2010-04-25
Hi there,

I am designing a web page and i have a standard DIV Tag which has no properties assigned just an ID as I do positioning within an attached style sheet.. which works great.

Problem is now, I need to arrange more div tags (layers) within this div tag so i wanted to use the Wysiwyg editor of dreamweaver to INSERT LAYER which works great and produces something like this

<div id="Layer1" style="position:absolute; width:200px; height:115px; z-index:1; left: 280px; top: 81px;"></div>

My question is, does anybody know if this is the way I should do things?

Really I think I would like to put the style properties of this div tag into my external style sheet to keep everything together.

I could just remove the properties and paste them into my external style sheet with the ID of (above) Layer1 for example but wondered if anybody can comment if i doing this correct or is there an extension that automatically converts a Div tag with properties to a standard div tag and copies all the properties to an external style sheet.

I did think about doing it manually but because of the layout I really need to use the wysiwyg editor  or the layer in dreamweaver so i can position it exactly

Any comments or ideas?

Thanks

ian
0
Comment
Question by:ianinspain
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
3 Comments
 
LVL 9

Assisted Solution

by:prifre
prifre earned 1000 total points
ID: 12211831
Nyumber one - I dont think there exist any right way to do it. It is one way of doing it, and I would say - if it works for you - go for it.

I myself mainly nowdays use DW where I switch between two documents - one document, the REAL document I use in Code-view and there I write all the code as I want. The second document I use for testing and there I switch between design&Code-view and first do things visually, then switch to code-view and take the part of the code that DW produced and that I like and copy&paste to my REAL document.

One thing that is great with DW is that it does not interfere&change code that you have edited yourself. (Well, you might have to change the DW-Preferences for Code rewriting...)

So - to summarize - as long at it works, dont break it.
with a smile
/prifre
0
 
LVL 5

Accepted Solution

by:
bitter_chicken earned 1000 total points
ID: 12215813
I'm not sure if you know this already, but I'll write it here in case:

If you first create an ID Selector in the css file, or by just adding a new style through the dreamweaver interface. Set any dummy values for the width, height, left, top, etc...
also, make sure to set position:absolute. Even though CSS takes position:absolute as default, unless you include that property, dreamweaver wont recognise it as a draggable layer.

Now create a div tag with the ID of the selector you created. When you drag, resize, change, whatever, the properties will be changed in the external stylesheet.

This way takes a little longer to create the layer, since you have to create an ID and then position it, but you do get your properties in an external file.

bc :-)
0
 

Author Comment

by:ianinspain
ID: 12215970
much appreciated...

Yep seems to be working... You would think dreamweaver would have a convert to external style sheet but as everyone said it isn't too much hassle to copy over...

Thanks again

ian
0

Featured Post

Free Tool: Path Explorer

An intuitive utility to help find the CSS path to UI elements on a webpage. These paths are used frequently in a variety of front-end development and QA automation tasks.

One of a set of tools we're offering as a way of saying thank you for being a part of the community.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

I still run into .cgi files every now and then. In some instances, I actually prefer the simplicity of a .cgi script to other options. Since I use DreamWeaver extensively, what I needed was a way to open .cgi scripts in Dreamweaver. And I wanted to …
This article is very specific and is only intended to help if you are installing Dreamweaver 8 in a Windows 7 environment with Office 2007 installed.   I'm not sure why Microsoft tends to release OS' that should not be released but they do.  Windows…
Michael from AdRem Software outlines event notifications and Automatic Corrective Actions in network monitoring. Automatic Corrective Actions are scripts, which can automatically run upon discovery of a certain undesirable condition in your network.…
In this brief tutorial Pawel from AdRem Software explains how you can quickly find out which services are running on your network, or what are the IP addresses of servers responsible for each service. Software used is freeware NetCrunch Tools (https…
Suggested Courses
Course of the Month10 days, 4 hours left to enroll

762 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question