Solved

Aligning Layer (div) using wysiwyg - convert later?

Posted on 2004-10-03
3
266 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
3 Comments
 
LVL 9

Assisted Solution

by:prifre
prifre earned 250 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 250 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

Is Your Active Directory as Secure as You Think?

More than 75% of all records are compromised because of the loss or theft of a privileged credential. Experts have been exploring Active Directory infrastructure to identify key threats and establish best practices for keeping data safe. Attend this month’s webinar to learn more.

Question has a verified solution.

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

Suggested Solutions

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 …
Adobe Dreamweaver CS5 is a WYSIWYG web page editor that has advanced HTML, CSS, and Javascript rendering functionality and is probably the most well-known HTML editor available. Much of Dreamweaver's appeal centers around the Design View interfac…
Windows 10 is mostly good. However the one thing that annoys me is how many clicks you have to do to dial a VPN connection. You have to go to settings from the start menu, (2 clicks), Network and Internet (1 click), Click VPN (another click) then fi…
This is used to tweak the memory usage for your computer, it is used for servers more so than workstations but just be careful editing registry settings as it may cause irreversible results. I hold no responsibility for anything you do to the regist…

896 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

Need Help in Real-Time?

Connect with top rated Experts

18 Experts available now in Live!

Get 1:1 Help Now