When moving Div in design view : Top & Left as Percentage?

Hello All,
Whenever I move a div in design view, the left and top values are changed to pixels - I would like these to be given as percentages (using the viewport dimensions I have currently selected).
Is this possible? If so can anyone tell me how to configure this please?
If not, would it be possible for me to create an extension for this? Does the extension API provide that kind of ability?
Thanks in advance,
Peter

#1 DW is not a click & drag application like Photoshop or Illustrator.
#2 Switch to Code View and apply the top: and left: values manually.
CSS:
#DivName {
     position:absolute;
     top:xx%;
     left:xx%;
That said, APDivs seldom work well for primary layouts. Here's why:
http://apptools.com/examples/pagelayout101.php
You would do well to spend some time learning code basics before you start using DW.
HTML & CSS Tutorials - http://w3schools.com/
How to Develop with CSS?
http://phrogz.net/css/HowToDevelopWithCSS.html
Learn CSS positioning in 10 Steps
http://www.barelyfitz.com/screencast/html-training/css/positioning/
Beginner CSS Templates -
For commercial CSS Templates that are rock solid and perform well in all browsers, visit Project Seven:
http://www.projectseven.com/products/index.htm
Not Just a Grid CSS Framework
http://www.notjustagrid.com/demo.asp
EZ-CSS Templates (watch the screencast to see how it works)
http://www.ez-css.org/css_templates
Dreamweaver CSS Templates for beginners (free)
http://www.adobe.com/devnet/dreamweaver/articles/dreamweaver_custom_templates.html
New DW Starter Pages (free)
http://www.adobe.com/devnet/dreamweaver/articles/introducing_new_css_layouts.html
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
http://alt-web.com/
http://twitter.com/altweb

Similar Messages

How come I can see my div in design view but not in live view

Hi,
I have a div ID called "portfolio" that I can see in design view but not live view or on a browser. It's a little pink square and I want that square round also.
I ran it through validator. It picked up some things in the style.css which I changed and the boilerplate.css that I did not. Because I thought DW auto creates code for boilerplate because I don't enter that code myself.
It's also rejecting a lot of webkit code but this seems like standard webkit code that works elsewhere on the page.
BTW: at what point does this brutal hand coding pay off in money and less heartache when Wordpress looks cleaner and is so much easier to use? I feel like I barely know HTML or CSS in terms of translating vision to reality and with all-browser functionality after months and months of on-line classes. How long are the pros at it till they reach a watershed point?
here's my address: http://www.adjacentdimensionsmedia.com/home.html
Here's my html:
<body>
<div class="gridContainer clearfix">
    <div id="div1" class="fluid"><img src="adtitle2.png" width="700" height="80" alt=""/></div>
<div class="fluid"><div class="box-shad"><a href="index.html"></a></div>
</div>
    <div id="portfolio">Portfolio</div>
</body>
Here's my CSS:
.box-shad {
margin-top: 200px;
margin-left: 100px;
width: 900px;
height: 700px;
display: block;
background-image: url("images/Big-tree-trans1.png");
background-size: 900px 700px;
-webkit-box-shadow: 15px 15px 15px #000000 inset;
box-shadow: 15px 15px 15px #000000 inset;
-webkit-border-radius: 50%;
border-radius: 50%;
position: fixed;
.box-shad a {
    display:block;
    width:900px;
    height:700px;
#portfolio {
width: 100px;
height: 100px;
margin-top: 0px;
margin-right: 200px;
margin-left: 200px;
margin-bottom: 0px;
border-radius: 75%;
-webkit-border-radius: 75% 75%;
background: pink;
top: -300px;
position: relative;

The top:-300 is putting that div above the top of the browser viewport. Fix that and you'll see the div.

Centering div makes design view too wide

<div style="width: 100%;">
<div style="width: 100px; margin-left: auto;
margin-right: auto;">
BODY CONTENT
</div>
</div>
Ok, I've been wrapping my body content in the div tags shown
above rather
than using a centred table as I did before. The problem I
have is that
design view is too wide and I have to use the horizontal
scroll bars when I
am using my laptop. It's not a big problem, but was wondering
if it was
necessary to have to live with this? Also, is there any
particular reason
the div appears yellow in design view?
Cheers
ss.

> an HTML retard
This is the most important thing for you to work on if you
want to stick
with DW.
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
==================
"Synapse Syndrome"
<[email protected]> wrote in message
news:[email protected]...
>
> "Gary White" <[email protected]> wrote in
message
> news:[email protected]...
>> On Sat, 13 May 2006 15:45:12 +0100, "Synapse
Syndrome"
>> <[email protected]> wrote:
>>
>>><div style="width: 100%;">
>>> <div style="width: 100px; margin-left: auto;
margin-right: auto;">
>>> BODY CONTENT
>>> </div>
>>></div>
>>>
>>>
>>>
>>>Ok, I've been wrapping my body content in the div
tags shown above rather
>>>than using a centred table as I did before. The
problem I have is that
>>>design view is too wide and I have to use the
horizontal scroll bars when
>>>I
>>>am using my laptop. It's not a big problem, but
was wondering if it was
>>>necessary to have to live with this? Also, is
there any particular
>>>reason
>>>the div appears yellow in design view?
>>
>> What's the point of the outer 100% wide div? You get
exactly the same
>> thing without it. Your body content is only 100
pixels wide? There is no
>> reason for the posted code to show up in yellow.
Perhaps, if you show
>> *all* of the code, someone can spot the problem.
>
>
> Thanks, from what you say it seems obvious now. I got
that code from an
> earlier post here and was using it without knowing what
I was doing 'cos
> I'm an HTML retard.
http://tinyurl.com/rd6zq
> I changed the 100px to the max width of the real
contents and now
> everything is fine. I don't know what the point of the
outer div was for
> in the example, but it does make the design view look a
bit better for
> working out my layout I think.
> Cheers
>
> ss.
>

Moved file to wa-ay top left hand corner bug

since moving to ML i have been experiencing a bug where some files moved to the desktop are basically buried in the way, way top left of the screen. i am not able to upgrade from ML on this mac pro and i was told a couple of years ago that this is a known bug.
does anyone know if this has been solved yet?
it is sort of a aggravation that i would like to avoid if at all possible or to understand better so i am not chasing a lot of files all the time.
thanks for any help.

jeglee
What version of Premiere Elements are you using and on what computer operating system is it running?
It sounds like you are in the Elements Organizer that came with your version of Premiere Elements.
That ? in the top left corner of the thumbnail indicates a file that is no longer in the hard drive save location as it was
when a copy of the file was included in the Elements Organizer.
1. Do you know that the file(s) still exist? Could you have moved, deleted, or renamed file/folder involved? Can you go
to the hard drive save location for the file and actually find it there?
If you are working with Photoshop Elements instead of Premiere Elements, you have posted in the wrong forum. In that case, please post your thread in the Adobe Photoshop Elements Forum or wait for a moderator to see your thread here and move it from here to there.
Photoshop Elements
If not, we will continue our exchanges of information here in order to resolve your issue.
Thank you.
ATR

Why, since CS6 does DW now use ABSOLUTE image paths when dragging images into Design View from a folder in Finder?!

While I am grateful the previous issue I had with not being able to drag files into design view at all (in CC and CC2014) was resolved.
Guys (Adobe), seriously, if you're going to change the functioning of something that used to work just fine, at least supply a way for a user to revert to the old way... I absolutely loathe that I need a legacy version of DW to continue with my current workflow. Please put it back to the way it was, or at least allow a user to chose between the two behaviours.
If there is a way to do this, without using the Site Manager (which still doesn't work from Finder even with relative to document selected), I would appreciate any guidance.
As for using the Site Manager (before some smart guy suggests that I just use that) I do not wish to navigate to and create up to 20 "sites" a week and wait for DW to cache them all, when I am already in the folder with the image assets in Finder.
Also before someone pipes up and says: "You shouldn't be diving sites in design view anyway", I don't... I develop many, many newsletters every week and the folder structure is such that navigation to the actual image folder using the Site Manager would be painful at best.
I don't really like having to and replace all instances of "file:///Users/me/Work/company/Mailers/Year/wk14/mailer/dev/img/prod5.jpg". It is horrendously wasteful, time-wise.
Thanks in advance for any helpful replies

Sorry Murray, DW used to have an idea, my point is that since CS6 its developed a case of Amnesia.
The "elements" are in the "root" folder as follows:
newslettername.htm
img
imagename.jpg
So the relative path would be <img src"img/imagename.jpg" />
However since the change: <img src"file:///Users/me/work/Company/year/week/campaign/img/imagename.jpg" />
Which is completely useless and needs to be corrected before I upload the html anywhere.
As for using the site directory, I did answer that in my initial post. I use a laptop, I really don't want a site manager taking half my screen just so I can see the folder structure and navigate with that, especially since I am already at the files I need in Finder.
Again, this is something that used to work just fine in previous iterations of DW, so I don't believe Adobe is incapable of fixing it nor am I being unreasonable asking for a choice for those that may find the local absolute paths useful in some way. All I want is to be able to chose not to use absolute paths when dragging from Finder.

Nested div tags "Design View" problem

I have had ongoing problems using nested div tags to layout
my page. The page displays correct in browser but does not display
properly in Dreamweaver Design View. Highlighting the CSS id in
Code View shows the correct groupings. The code also passed the
validator test.
I am fairly new at Dreamweaver so I could be missing
something basic.
Code is displayed at
http://www.mektronix-net.campusbizcenter.com/

I've not see this before, so can't say why it would be happening. Would the pc be low on resources? but then again you say it happened even after a restart of the pc.
Maybe you could try the file cache and the personal configuration folder fix to see if it fixes any issues.
http://forums.adobe.com/thread/417116#cache
PS: While I'm at it, it would be wrong for me to point out that using AP divs is not the optimum way to create a layout.... unless you know the repercussions of using them.
Here's why: (from the Dreamweaver FAQ)
http://forums.adobe.com/thread/477969

Catalog corruption when moving files in folder view

LR 1.3.1 MacOS 10.5 (although also happened with 10.4)
I've been using LR since the free beta and have over 6,000 images in my catalog. I shoot Nikon cameras almost always in RAW + JPEG. I used to add the jpegs as separate images, but now use them as my previews.
I recently became low on space on my system hard drive and attached an external FW 800 500GB disk that I decided to store my photos on. Using LR, using the folder view, I moved my images from the hard drive onto the external FW disk. Now, all the NEF's that I imported as NEF+JPEG are "corrupted". Specifically, when I look at them in Grid view, the thumbnails look "OK", however underneath the file name (eg: _DSCXXXX) it now says "JPG+JPEG" instead of "NEF+JPEG". When I go into Edit mode to look at the preview though, the initial image looks "normal" however I get a message saying "Rendering: Settings changed ..." and then the image looks ..... weird, perhaps cross processed or something, and then going back to Grid mode the thumbnail is now changed. If I say to show the file in Finder, it shows me the JPG file, not the NEF file. It's like the NEF file has disappeared. All the NEF's that I loaded without the accompanying JPEG are fine.
I had the same problem over 1 year ago and we filed a bug against LR but never heard anything back. I'm hoping that someone else has encountered this problem and can suggest how to fix the corrupted database. Otherwise, I will have to revert to a backup catalog and try "re-finding" the files on the new FW drive.
Thanks,
Janice

I'm simply using the JPEG's as previews so there is no separate "file" in LR for them so I can't delete them from LR. I suppose I could delete all the files out of the catalog and reimport them .... that sounds fun ... since they are keyworded and some are modified it makes more sense to revert to a backup and hope I can refind them. Perhaps deleting the ... Previews.lrdata file (not folder) might do it as you suggest but I'm a bit reticent just yet.
I don't want to take this thread off topic, but will have to look around a bit to find out why someone would not want to have both as "originals" as you indicate.
Thanks for taking the time to suggest,
Janice

Possible to use percentage when moving div?

Hello all,
I was wondering if dreamweaver has a certain capabality. What
I would like to see happen deals with div's.
When i create a div, i would like it to be in a certain spot,
but when i drag and move it, DW currently does it in px's. I was
wondering if i could switch that to percentages (to account for
different screen resolutions). I know i could do it manually, but
it would be much quicker if it did it automatically. Also,
sometimes after setting the margin to auto, the div still aligns to
the very left of the screen instead of centering it. I believe that
being able to switch the px to % would fix this problem too.
Thanks for the help,
Brds

> I was wondering if i could switch
> that to percentages
No.
> to account for different screen resolutions
Screen resolution is not the variable you need to be
concerned with - it's
browser viewport width. At any given screen resolution, you
still have no
idea how wide my browser is.
> Also, sometimes after setting the margin to auto, the
div still aligns to
> the
> very left of the screen instead of centering it.
Show me, 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
==================
"brds" <[email protected]> wrote in message
news:e4oqhi$9gu$[email protected]..
> Hello all,
> I was wondering if dreamweaver has a certain capabality.
What I would
> like to
> see happen deals with div's.
>
> When i create a div, i would like it to be in a certain
spot, but when i
> drag
> and move it, DW currently does it in px's. I was
wondering if i could
> switch
> that to percentages (to account for different screen
resolutions). I know
> i
> could do it manually, but it would be much quicker if it
did it
> automatically.
> Also, sometimes after setting the margin to auto, the
div still aligns to
> the
> very left of the screen instead of centering it. I
believe that being
> able to
> switch the px to % would fix this problem too.
>
> Thanks for the help,
> Brds
>

Mouse pointer flickers when moved on a pdf viewed in Safari. Any ideas ?

Same thing happens when trying to capture a screen area with Shift-Cmd-4.

I know this a weird issue so I'm not surprised I've had no reply to my question. Never the less, it is a real problem and maybe I need to file a bug report with Adobe. What would be the best way to do that?
Also, looking at this again, could it be anything to do with the fact that the Mac that has this issue with Acrobat XI is running OS X 10.6.8?

TS2972 the homesharing choice is not available when I go to Music on top left

The homesharing is NOT a choice when I click on Music on upper left

Hi klwhitenator,
It sounds like you are not seeing your Home Shared content from your computer on your iPad. I would use the instructions in the following article to verify the settings for that function are still setup correctly on both the devices:
Troubleshooting Home Sharing
Thank you for using Apple Support Communities.
Regards,
Sterling

When in design view site is perfect, but in live all the sections disappear?

First I am not a website designer, I have enough experience over 20 years to screw up. I have the latest version of DW and trying to learn the new system of sections and div over tables. here is the site http://www.labradoodle-breeder.com/BaseballTampa/Index.html when it is in design view it is just want I want, but in live all the sections disappear?

okay, did that and it passed now, but it is still the same. please help and I so appreciate your help
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<TITLE>Dream Makers Youth Baseball Club, Tampa FL</TITLE>
<META NAME="keywords" content="baseball tampa,baseball youth tampa,baseball lutz FL,youth baseball league lutz, baseball league tampa, baseball facility tampa, baseball facility lutz, baseball batting cage lutz fl, batting cage, lutz, batting cage tampa, batting cage tampa fl,baseball training fl, baseball private lesson tampa florida, reggie williams baseball, professional baseball training tampa florida, 10u,12u,13u,14u,16u,baseball, club baseball,florida, u10,u12,u14,u16, u10 baseball tampa, u12 baseball tampa, u14 baseball tampa, u16 baseball tampa,10u baseball tampa, 12u baseball tampa, 14u baseball tampa, 16u baseball tampa,baseball club youth">
<META NAME="description" content="Youth Baseball training program, baseball team and professional baseball training facility">
<META NAME="Robots" CONTENT="Index,ALL">
<meta name="msnbot" content="index, follow">
<META NAME="googlebot" CONTENT="index,follow">
<META NAME="allow-search" CONTENT="yes">
<META NAME="revisit-after" CONTENT="3 Days">
<META NAME="Rating" CONTENT="General">
<META NAME="language" CONTENT="en">
<META NAME="distribution" CONTENT="Global">
<META NAME="Classification" CONTENT="tampa baseball">
<style>
#navigation li {
font:14px Palatino Linotype, Arial;
display:inline;
list-style-type:none;
#navigation a {
padding:25px 35px;
background-color:#000;
color:#FFF;
text-decoration:none;
#navigation a:hover {
background-color:#993333;
color:#000;
#MainBaseball {
#SectionBaseball {
background-color: #993333;
padding: 0;
float: left;
height: 215px;
width: 300px;
margin-left: 75px;
margin-top: 2px;
margin-right: 10px;
margin-bottom: 10px;
#2BaseballTampa {
margin-top: 2px;
margin-right: 75px;
margin-bottom: 10px;
padding-top: 20px;
padding-right: 20px;
padding-left: 20px;
padding-bottom: 20px;
float: right;
height: 215px;
width: 0;
background-color: #000000;
font-family: Constantia, "Lucida Bright", "DejaVu Serif", Georgia, serif;
font-style: italic;
font-size: 50px;
text-align: center;
color: #FFFFFF;
display: inline;
#3BaseballTampa {
background-color: #993333;
height: 125px;
width: 0;
margin-left: 75px;
clear: both;
margin-right: 75px;
font-family: Constantia, "Lucida Bright", "DejaVu Serif", Georgia, serif;
font-size: 36px;
color: #FFFFFF;
padding: 20px;
text-align: center;
margin-top: 10px;
#4BaseballClub {
background-color: #000000;
clear: both;
float: left;
height: 0;
width: 300px;
margin-left: 75px;
padding: 40px;
color: #FFFCFC;
font-size: 36px;
margin-top: 10px;
#BaseballCoach {
margin-top: 75px;
margin-right: 75px;
margin-left: 75px;
margin-bottom: 10px;
text-align: center;
overflow-x: visible;
overflow-y: visible;
visibility: inherit;
width: 1000px;
#BattingCageFooter {
margin: 75px;
clear: both;
</style>
<style type="text/css">

</style>
</head>
<header class="Baseball training Tampa Header" id="BaseballCoach">
<nav>
<div id="navigation">
<ul>
    <li><a href="#">Home</a></li>
    <li><a href="Tampa_Baseball_youth_coach.html">Coaching</a></li>
    <li><a href="Baseball_Club_Lutz_Tampa.html">Baseball Club Program</a></li>
    <li><a href="Baseball_Softball_Private_Lessons_Tampa.html">Private Lessons</a></li>
    <li><a href="Batting_Cage_Tampa.html">Training, Batting Cage Facility </a></li>
</ul>
</div>
</nav>
</header>
<main class="Main Baseball" id="MainBaseball">
    <section class="Section Baseball" id="SectionBaseball"><img src="BaseballTampaYouth.JPG" width="300" height="215" alt="Baseball Tampa" /></section>
    <section class="2 Baseball Tampa" id="2BaseballTampa">If you have the time and the desire we will change your life</section>
    <section class="3 Baseball Tampa" id="3BaseballTampa">Our focus is on a building a team with a passion for baseball</section>
    <section class="4 Baseball Club" id="4BaseballClub">We provide a state of the art facility and a positive, professional coaching staff to provide a framework for consistent</section>
</main>
<footer class="Batting Cage Footer" id="BattingCageFooter">
    Dream Makers Baseball 1641 Land O Lakes Blvd Lutz, FL 33549
    Phone: (813) 495-6998 <a href="mailto:[email protected]">Email: [email protected]</a>
    Monday-Friday 11am - 9pm, Saturday and Sunday's 7am - 7pm
</footer>
</body>
</html>

Cant click on or delete a file that sits in "Favorites" (top left) when I use Finder

I want to delete a file from a list. Not sure how the filename appeared in the location where it did.
When I open "Finder", in the top left of the window there is a grouping called "Favourites". It lists "All My Files", "Main Drive", "Applications" etc. It also now has this listed: "IMG_0395 (deleted 4e56b607-752345.-89f546)". I guess it is a movie I previously deleted but not sure why it is showing up here. I can't click on the item in the list (so therefore can't get rid of it). Tried to include a screen shot here: file://localhost/Users/John/Desktop/Screen%20Shot%202012-10-09%20at%208.29.59%2 0PM.png

Thx for that im gonna try it....but is there a way to do it without using toolbar or cmd-c...? i mean using only the mouse?why does it have to highlight the file even though i click a bit next to it....?using icon view i can right click next to the folder and i wont have a problem but with list view that i prefer using it will highlight the whole row.....and i dont find free space to right click cause i got many files

Div tags in design view

How is it that I can no longer control the position and size of a Div in design view? There appears to be no way to resize or move the div tag.I am using CS5

Do you mean Divs or AP Divs?

Can't see design view after changing connections file from localhost to a remote host & back again

I was using localhost to test files before changing the connections document over to a remote host, since I couldn't get dreamweaver to connect to the remote host, I changed back to localhot. My files are all .php files. This is a dynamic site. After I changed my connection back to my local host my design view no longer works. It's competly grey with 3 small icons at the top on the left. I can view in live view and I can view in the browser. But no longer in design view after being able to for 6 months. The 3 icons are a hard drive case, a document, and a link symbol . When I click in code view the design view turns grey when I click in design view it turns white. I am using wamp for the localhost, Windows XP home, Dreamweaver CS5. Can someone please tell me how to go back to design view. This happens with any & all files including non dynamic .html files. Also having a problem connecting to my remote host. using godaddy, and they have tried with me for 2 hours to connect, I just keep getting password is incorrect. Thank you for any help, Stacey

I would also recommend clearing the Site cache, which may help with the connection failure. To do so, choose Site > Advanced > Recreate Site Cache.
After doing so, be sure to go back into your Site Setup, and make sure the FTP address, user name, and password are all correct. (Click the Test button in there to verify.)
If that doesn't help with getting connected to your server, you might try an alternate FTP client (e.g. FileZilla) to just make sure you are entering the right connection information. It could be that GoDaddy is having some issue, or maybe you just mistyped something (I know I do this often when I type too fast).
As for the issue with Design View, try clearing the Dreamweaver cache. Instructions are here: http://forums.adobe.com/thread/494811
You might also try toggling the location of Design View. That is, when in Split View, choose View > Design View On Left. Then, choose that menu option again to reset the location back to the right.
Resetting the workspace might also be recommended. Window > Worksapce Layout > Reset 'name of current workspace'

Design View independent of Code View

Hello,
When selecting code in a split screen my design view jumps around assuming what I want to look at. Can anyone share how to make these independent of each other? Is it even possibile?
For example if I focus on the bottom of the page and scroll up to the top of my code view section the design view will follow to the top of the page. Sometimes I would just like to look at my code without the view following me around like my once neglected and now set free from the pound dog.
Thanks!
Phil

Hi thanks for the quick response. Operating in two different windows is not what I am shooting for.
This is what you see in Dreamweaver split view (although typically more thought and design has been used in the interface.) Pretend that the grey bar and slightly reddish grey on the right are the scrollbars that act independently of each view in there respected view. One scrollbar for the design view and one for the code view in a split set up.
Source View
<div>code</div>
<div>code</div>
<div>code</div>
Design View
Top Div
Middle Div
Bottom Div
In the design view I focus the view on the bottom div, the scroll bar is all the way down in the design view. I touch anything in my code view and it snaps the design view scroll bar back to the top and I am back to looking at the top of the design view. Can I break this dependancy? It seems that clicking in the code view refreshes the design view which is the source of frustration.
Thanks again.
Phil

When moving Div in design view : Top & Left as Percentage?

Similar Messages

Maybe you are looking for