Div tags - changing link properties

Hi,
My page has two colors. In the top is the navigation and the
links need to be white due to the dark background. I did not plan
to use links in the body itself, but have been forced. The body
color is #efe9d1 and my links need to be dark. I am trying to use a
different style I named .bodylink to accomplish this. I have used a
div tag, and I am having the following problems. On my design view
of the page all my linked fonts are bold and white. When I view it
in my browser the navigation fonts are not bold and the second link
is correct. (note: in design view the body does not view correctly,
but the navigation does)
My script is attached.
Please tell me what I am doing wrong.

Read these -
http://www.thepattysite.com/linkstyles1.cfm
http://www.projectseven.com/tutorials/pseudoclasses/index.htm
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
==================
"Little Ricky Productions"
<[email protected]> wrote in message
news:fntbk0$qkm$[email protected]..
> Hi,
>
> My page has two colors. In the top is the navigation and
the links need
> to be
> white due to the dark background. I did not plan to use
links in the body
> itself, but have been forced. The body color is #efe9d1
and my links need
> to
> be dark. I am trying to use a different style I named
.bodylink to
> accomplish
> this. I have used a div tag, and I am having the
following problems. On
> my
> design view of the page all my linked fonts are bold and
white. When I
> view it
> in my browser the navigation fonts are not bold and the
second link is
> correct.
> (note: in design view the body does not view correctly,
but the navigation
> does)
>
> My script is attached.
>
> Please tell me what I am doing wrong.
>
> a:link {
> color: #FFFFFF;
> text-decoration: none;
> font-weight: bold;
> font-family: Verdana, Arial, Helvetica, sans-serif;
>
> .bodyLink {
> color: #a14e23;
> text-decoration: none;
> font-weight: bold;
> font-family: Verdana, Arial, Helvetica, sans-serif;
>
> <tr>
> <td align="left"
valign="bottom"><div><p><a
> href="mediavision.html" target="_blank"
>
class="bodyLink">Attendees•Articles•Videos</a></p></div></td>
> </tr>
>

Similar Messages

Changing link properties between tables

Hello,
Is it possible to change somehow properties for the links between tables?
We have about 2000 reports and we should change most of the links, it would be very convenient to write short program to do this instead of destroying couple mouses and wrists etc...
Currently we are using VB6 and RDC to work with reports but we are open for all ideas to solve this problem we have.
Thanks in advance for any help!
Timo

Hi Timo,
Unless you know exactly how all are going to change exactly it may be easier to hire a student to this for you.
Here's a bit of code that should get you going, it's old but should work for you also. You'll need to know what fields are mapped etc... It actually adds the tables at runtime and what you'll want to do is get your existing tables and links and save the info in an array.
Dim db As Database
Set db = rep.Database
Dim tables As ICRDatabaseTables
Set tables = db.tables
Dim desTable As ICRDatabaseTable
Dim path As String
Dim srcTable As ICRDatabaseTable
Dim subloc As String
' Add a table.
subloc = "Orders"
Set srcTable = tables.Add(subloc, CRDTRecurringFile, "crdb_ODBC.DLL", "MS SQL Tsvanfps01", "nwind", "vantech", "vantech", subloc)
' Add a table.
subloc = "Employees"
Set desTable = tables.Add(subloc, CRDTRecurringFile, "crdb_ODBC.DLL", "MS SQL Tsvanfps01", "nwind", "vantech", "vantech", subloc)
Dim links As ICRDatabaseLinks
Set links = db.links
Dim count As Long
count = links.count
Dim joinType As CRJoinType
Dim lookType As CRLookUpType
Dim pm As Boolean
Dim indexInUse As Integer
joinType = 5 ' set to Left Outer Join
lookType = 2
pm = False ' used for Access tables
indexInUse = 0 ' used for Access tables
Dim vas As Variant
Dim vbs As Variant
vas = Array(2) ' pointer to the field position in the source Table
vbs = Array(0) ' pointer to the field position in the destination Table
Dim newdblink As ICRDatabaseLink
Set newdblink = links.Add(srcTable, desTable, vas, vbs, joinType, lookType, pm, indexInUse)
Have fun
Don

Changing Link Properties

Hello! So I am trying to build a page with a CSS template from Project VII called Mercury, and am having a little difficulty (I'm new to this whole CSS business, since I'm actually migrating from iWeb!).
I have changed the text I've selected into a hyperlink, and now am trying to change the link color and underlining; I've discovered the Page Properties selection on the Modify dropdown menu, and that worked great! However, it also changed the look of all of the links on the page, which isn't exactly what I wanted. What should I do here?
Thanks a bunch!
- Catboy. Meow!

Define a set of pseudo classes for all your link states in your CSS. (.foo = whatever you name you wish to use.)
.foo a:link {color: orange;}
.foo a:visited {color: red;}
.foo a:hover {color:green;}
.foo a:active,
.foo a:focus {color:yellow;}
HTML:
<a class="foo" href="some_link.html">Foo Link color</a>
<a href="some_link.html">Default Link color</a>
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
http://alt-web.com/
http://twitter.com/altweb

Change link properties (Rename file name)

Hi All,
As usual, I am new to Acrobat Scripting, but I have a good knowledge in InDesign Scripting.
I have project about changing the link attribute.
What i want to do is, I have a book along with chapters, Now i want to rename all the chapter names. If i rename the file name then i want to change the pdf link also. The following code will work almost, but onething i want to rectify.
var numLinks=0;
var desFile='D:\\1.pdf';
var b = this.getPageBox("Crop", 0);
var l = this.getLinks(0, b);
l[0].setAction("app.openDoc('" + desFile + "')", this);
If you run this code using javascript, you get a link but the property is set as javascript. Here i want to set as open a file.
If you know the solution, please reply.
Sudar.

Have you looked at the 'addLInk()' method in the Acrobat JS API?
You could also look at using 'theGetURL()' or 'launchURL()' methods.

Change link properties

This question was posted in response to the following article: http://help.adobe.com/en_US/contribute/cs/using/WS5b3ccc516d4fbf351e63e3d1180fba3730-7cd1. html

Can you please share the screenshot of the error message thrown?
Is this happening with all the pages and links or only with a particular link? If this is happening with all the pages and links try clearing the Contribute preferences once.
Refer to http://blogs.adobe.com/contribute/2011/11/launch-contribute-freshly-by-deleting-preference s.html
Note: Removing preference is like a fresh installation. You have to reconnect to the sites.

Wrapping a div tag

I'm trying to wrap a div tag and place the smaller tag at the bottom left of the original tag. I can get it in the upper left corner. How do I bring it down to the bottom of the page?

Mini-tutorial on wrapping a div tag
Change this - <div>...</div>
to this - <div><div>...</div></div>
Honestly, we have no idea what you are asking or trying to achieve. Can you help?

Selectively overide css div tag properties (CS3)

I have created a:link, a:visited, a:hover and a:active div
tags for three different navbars. They are functioning correctly,
with separately linked words appearing grey when linked, grey after
being visited, orange when hovered upon and orange when active. I
have been unable to figure out how I can override the grey linked
and visited tags and have selected words within the navbars appear
as a new color when I want them to, on a page by page basis.
I tried making a class tag of the new type color and applying
it to the selected word using the the style menu in the properties
pallette. The formatting appears in the coding (whether properly or
not I do not know) but does not appear as the new color in the
design view or when saved and previewed in a browser. It simply
doesn't override the color attributes of the a:link and a:visited
tags. How can I achieve this? The selected words will change from
page to page with innumerable permutations.
Please help if you can. Heartfelt thanks await you.

Pseudo-classes and container styles are what you need - here
are some
tutorials.
http://www.thepattysite.com/linkstyles1.cfm
http://www.projectseven.com/tutorials/pseudoclasses/index.htm
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
==================
"zipson" <[email protected]> wrote in
message
news:fm3c2e$l2f$[email protected]..
>I have created a:link, a:visited, a:hover and a:active
div tags for three
> different navbars. They are functioning correctly, with
separately linked
> words
> appearing grey when linked, grey after being visited,
orange when hovered
> upon
> and orange when active. I have been unable to figure out
how I can
> override the
> grey linked and visited tags and have selected words
within the navbars
> appear
> as a new color when I want them to, on a page by page
basis.
>
> I tried making a class tag of the new type color and
applying it to the
> selected word using the the style menu in the properties
pallette. The
> formatting appears in the coding (whether properly or
not I do not know)
> but
> does not appear as the new color in the design view or
when saved and
> previewed
> in a browser. It simply doesn't override the color
attributes of the
> a:link and
> a:visited tags. How can I achieve this? The selected
words will change
> from
> page to page with innumerable permutations.
>
> Please help if you can. Heartfelt thanks await you.
>

Can you change the default code that targets a new window to change the content in a div tag instead

I created a database for store locations. I was able to display the list of stores. Here though I don't want the list to show the number in front of it... I still need to find the CSS to edit my results for this one. However, more importantly, I don't want to open my results in a new window, I want to be able to target a DIV tag instead.
This is the code that is created to display the list of stores.
{module_webapps,5665,a,,,_blank,,50,,1}
Currently it opens a blank window. I'd like to target a div tag on the right of the list area where the store info can appear.
Perhaps the gurus at adobe can upgrade this feature? Target DIVs instead of new or blank windows, or using frames. Below is the screen of the links created from the DB.
Below is the blank window that it opens.
Would like to make it open in a div to the right of the list. Not sure how to change to core code that was created to make that change.

I'm doing something wrong. I have the list showing the stores in CA
<div class="flip" id="woodcontainer" style="width: 160px; height: 23px;">
<h1>CALIFORNIA</h1>
</div>
<div class="panel">
<script>
$("#infochange").load("{module_webapps,5665,c,41140}"); /* this creates the list of stores in CA where #infochange is the DIV I am targeting.
</script>
</div>
<br />
The code for the DIV where I want the details to load.
<div id="infochange"></div>
This doesn't make sense because I need to have something in the DIV as a holder of some sort?

AP Div tag properties

I have two AP div tags on a page and I want them to have different font colours. In the AP Div properties I can change the background, the font and the font size but not the font colour. I sure there must be a simple solution but I cannot find it! Can anyone help?
Thank you in anticipation
Steve

In the CSS generated by DW add color property with required value.
e.g:
#apDiv1 {
position: absolute;
left: 34px;
top: 55px;
width: 157px;
height: 140px;
z-index: 1;
background-color: #33CCFF;
overflow: hidden;
color:#FF0;

Hidden and visible div tags, transparence and links - HELP....

I am showing different products in div tags that are controlled by simple javascript. I would like to add text links to open a new div tag about the related products, but also hide the original div tag that the link is placed on.
Please check this page out
http://www.aestheticgroup.fr/New/Inex/Inex_lipoAspirationR.html
and then click on the image for
CANULES D’ASPIRATION PROXIMALE
and then click on the text link:
manche BD 300 10
You will understand my problem. I'm trying to make this div tag (Canule d’aspiration Proximale) disappear instead of having them stack one on top of the other.
Do you have an idea of how I can add multiple functions to one click (close the div tag and open a new one at the same time)?
Thank you for your help!
Sooooophie

Hi Sophie,
I downloaded your site and yes, there was a typo in the script...
The script should read...
var curOverlay = null;
function overlay( aOly) {
var el = document.getElementById(aOly);
if (curOverlay) curOverlay.style.visibility = "hidden";     // THIS LINE HAS CHANGED
if (curOverlay != el) {
    el.style.visibility = "visible";
    curOverlay = el;
else
    curOverlay = null;
I also realize that wherever you call an overlayXX function that you are currently using, you'll need to replace it with a call to overlay('overlayXX')
I needed to add this to your onclick attribute for the close button... I tested this and it seems to work for the existing page.
here are the snippets from your page that I changed
      <div id="Groups02"><a href='#' onclick='overlay("overlay02")' onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image21','','images/LipoReutilisable02B.jpg',1)"><img src="images/LipoReutilisable02.jpg" name="Image21" width="170" height="120" border="0" id="Image21" /></a>
        <p>CANULES D’ASPIRATION <br />
        UN ORIFICE</p>
      </div>
and for the close button:
   <div id="close02"><a href='#' onclick='overlay("overlay02")' onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image43','','images/close.jpg',1)"><img src="images/close02.jpg" name="Image43" width="72" height="20" border="0" id="Image43" /></a></div>
You'll need to change this wherever you reference each overlay, in this case, it was for overlay02. The good news is you'll only need this function and not one function per overlay as you have now.
As I said in the previous post, I am off on vacation for a little over a week.
Good Luck!

Linking DIV Tags

I have a left nav bar (div tag called .menu) and want my menu
items to link and display in the main content area (div tag named
.content), just to the right. How do I set the target to that
"content" area?
mahen

djmahen wrote:
> I have a left nav bar (div tag called .menu) and want my
menu items to link and
> display in the main content area (div tag named
.content), just to the right.
> How do I set the target to that "content" area?
You must use an iframe, which can be inserted into the
.content <div>.
Google for iframe.

CSS Link Properties

i used the page properties to set the link properties on all
of my pages. the pages appeared fine on my browser (safari) but on
other browsers, my sidebar links have the link color. I've been
reading other topics related to this and I somewhat understand
changing the link properties using css to the specific div tags but
I am running into trouble.
I don't want my sidebar links to to have red boxes around
them. Isn't it true you can override the css style in the
<head> with an inline style in the html element?
When I try to change these properties the effects either
don't take place or the layout changes. I'm still fairly new to css
and I understand what I must change but I am coming up short. would
this be the code I would use so that they would not display red?
<div class="sidebar1">#sidebar1 links go
here#</div>
CSS Document:
.sidebar1 a:link { color: #FFFFFF; }
.sidebar1 a:visited { color: #FFFFFF; }
.sidebar1 a:hover { color: #FFFFFF; }
.sidebar1 a:active { color: #FFFFFF; }

> I don't want my sidebar links to to have red boxes
around them. Isn't it
> true
> you can override the css style in the <head> with
an inline style in the
> html
> element?
Yes, but that may not be the most efficient way to do it, so
it would be at
the bottom of the alternative list.
> would this be the code I would use so that they would
not display red?
It could be, but it will depend on what else you have on your
page. At the
least, you should shorten that code like this -
.sidebar1 a { color:#FFF; }
(which would apply to ALL links at all link states within
div.sidebar1)
Are you not seeing that have an effect?
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
==================
"iPAGEbreak" <[email protected]> wrote in
message
news:[email protected]...
>i used the page properties to set the link properties on
all of my pages.
>the
> pages appeared fine on my browser (safari) but on other
browsers, my
> sidebar
> links have the link color. I've been reading other
topics related to this
> and I
> somewhat understand changing the link properties using
css to the specific
> div
> tags but I am running into trouble.
>
> I don't want my sidebar links to to have red boxes
around them. Isn't it
> true
> you can override the css style in the <head> with
an inline style in the
> html
> element?
>
> When I try to change these properties the effects either
don't take place
> or
> the layout changes. I'm still fairly new to css and I
understand what I
> must
> change but I am coming up short. would this be the code
I would use so
> that
> they would not display red?
>
> <div class="sidebar1">#sidebar1 links go
here#</div>
>
> CSS Document:
>
> .sidebar1 a:link { color: #FFFFFF; }
> .sidebar1 a:visited { color: #FFFFFF; }
> .sidebar1 a:hover { color: #FFFFFF; }
> .sidebar1 a:active { color: #FFFFFF; }
>
>

Dreamweaver cs5.5 - div tags won't float next to eachother

I have being trying to get 2 div tags to float next to eachother for hours! I've been messing with the float and messing with margins, but what ever i do the div is always somewhat under my other div tag. I want them completely side by side. I have tried changing the top and bottom margins but that doesn't work either. how can i get them side by side? One is called 'textbox' and the other 'imagewrapper'. The code is:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<script src="SpryAssets/SpryMenuBar.js" type="text/javascript"></script>
<link href="SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css" />
<link href="main.css" rel="stylesheet" type="text/css" />
<link href="style2.css" rel="stylesheet" type="text/css" />

<style type="text/css">
body {
margin:0;
padding:0;
font: 1em/1.5 "Lucida Sans", "Lucida Sans Unicode";
#wrapper {
width: 1064px;
margin: 0 auto; /**with width, this centers page on screen**/
background: #FFF;
text-align:center;
/**this styles image container**/
#thumbs p {
          float:center;
          width: 50px;
          height: 75px;
          /**this styles caption text**/
font: italic 14px/1.5 Geneva, Arial, Helvetica, sans-serif;
          color: #666;
          text-align:center;
          border: 1px solid silver;
          margin-top: 10px;
          margin-right: 5px;
          margin-bottom: 18px;
          margin-left: 5px;
/**recommend using same size images**/
#thumbs img {
          width: 50px; /**adjust width to photo**/
          height: 75px; /**adjust height to photo**/
          /**CSS3 drop shadows**/
-moz-box-shadow: 5px 5px 5px #666;
          -webkit-box-shadow: 5px 5px 5px #666;
          -khtml-box-shadow: 5px 5px 5px #666;
          box-shadow: 5px 5px 5px #666;
/**float clearing**/
#thumbs:after{
          display:block;
          visibility:hidden;
          height:0;
          font-size:0;
          content: " ";
          clear: left;
#wrapper #thumbs #imagewrapper {
          height: 362px;
          width: 280px;
          float: right;
          margin-right: 720px;
#wrapper #thumbs #imagewrapper img {
          height: 362px;
          width: 280px;
#wrapper #textbox {
          float: right;
          height: 300px;
          width: 600px;
          margin-right: 70px;
.clearing {
clear:left;
height:px;
width: 100%;
</style>
</head>
<body>
<div id="wrapper">
<img src="product and website photos/header.png" width="1064" height="116" alt="header" />

<ul id="MenuBar1" class="MenuBarHorizontal">
<li><a href="#home.html">Home</a></li>
<li><a href="#" class="MenuBarItemSubmenu">Boutique</a><ul>
<li><a href="#" class="MenuBarItemSubmenu">Women</a><ul>
<li><a href="bwt.html">Tops</a></li>
<li><a href="bws.html">Skirts/Shorts</a></li>
<li><a href="bwl.html">Trousers/Leggings</a></li>
<li><a href="bwa.html">Accessories</a></li>
<li><a href="bwd.html">Dresses</a></li></ul></li>
<li><a href="#" class="MenuBarItemSubmenu">Men</a>
<ul>
<li><a href="#">Tops</a></li>
<li><a href="#">Bottoms</a></li>
<li><a href="#">Accessories</a></li>
</ul>
</li>
<li><a href="#">Semi-Unique</a></li>
</ul>
</li>
<li><a class="MenuBarItemSubmenu" href="#">T-shirt Shop</a><ul>
<li><a href="t-shirt shop.html">Men</a></li>
<li><a href="t-shirt shop.html">Women</a></li>
<li><a href="t-shirt shop.html">Unique</a></li>
</ul></li>
<li><a href="clearance.html">Clearance</a></li>
<li><a href="#">About</a></li>
</ul>
<h2> </h2>
<div id="textbox"></div>
<div id="thumbs">
<div id="imagewrapper"></div>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
</div>
<hr align="center" size="10" noshade="noshade" class="clearing" color="#999999" />
<div align="left">© 2012 your footer text goes here</div>
</div>
<script type="text/javascript">
var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1", {imgDown:"SpryAssets/SpryMenuBarDownHover.gif", imgRight:"SpryAssets/SpryMenuBarRightHover.gif"});
</script>
</body>
</html>

If you want to position 2 divs - one on left and other on right, the float for your left div should say float: left; and for the one on the right the CSS should say float:right;
In your code, I see you want imagewrapper to come on right and textbox to come on left. But your float for BOTH these say right. This is where the issue lies.
You can combine float:left and float:right to achieve side by side divs provided the overall width (container width+padding+margin) of both divs is less than or equal to the width of the wrapper div.
In the OP's example:
#wrapper = 1064+0+0 = 1064px
#textbox + #imagewrapper = 600+70+280+720 = 1670px = float drop

DIV tags disappear when put over swf file background

I am working on a site which has a swf movie as a background
which fills the browser window(SWFobject). When I place DIV tags,
which reference a CSS id and contain swf files as well, over the
top (for absolute positioning, etc.) they disappear when previewed
in a browser . Is there a reason that the swfobject always takes on
top position in the browser? Do I need to change something in the
SWFoject javascript file, in the code or within either the CSS file
or the dreamweaver HTML code? Here is a link to a site that is very
similar to what I am working on.
http://www.pronghornclub.com
Any help would be most appreciated.

All Active content on a page will always rise to the top, so
to speak,
including Flash, certain form elements, Java applets, and
Active X controls.
This means that each of these will poke through layers. There
is not a good
cross-browser/platform reliable way to solve this issue, but
if you can be
confident in your visitors using IE 5+ or NN6+, then you can
use the Flash
wmode parameter (however, Safari does not support this
properly!).
Adobe articles:
http://www.adobe.com/cfusion/knowledgebase/index.cfm?id=tn_15523
http://www.adobe.com/cfusion/knowledgebase/index.cfm?id=tn_14201
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
==================
"jlrowedog" <[email protected]> wrote in
message
news:fb53q0$akk$[email protected]..
>I am working on a site which has a swf movie as a
background which fills
>the
> browser window(SWFobject). When I place DIV tags, which
reference a CSS
> id,
> over the top (for absolute positioning, etc.) they
disappear when
> previewed in
> a browser. Is there a reason that the swf file always
takes on top
> position in
> the browser? Do I need to change something in the
SWFoject javascript
> file, in
> the code or within either the CSS file or the
dreamweaver HTML code? Here
> is a
> link to a site that is very similar to what I am working
on.
>
>
http://www.pronghornclub.com
>
> Any help would be most appreciated.
>
>
>

Help with placement of div tags

Hello. I am sorry to ask what probably is a dumb question, but I'm new, using Dreamweaver CS5, and I need some help. I'm sure I'll be posting here a few times during this process of building a new site, but I'm hoping it can be a good way for me to learn. I've watched a lot of tutorial videos, and so here I am.
I have my site, but I'm having problems being able to place div tags. I set it up with a wrapper div, a header div, a content div, footer div, etc. But, inside those divs I want to have other div's where I can place things like a client login box, etc. So, I tried and tried to place them after one div, or before one, but I just can't get them to work right. I'm very proficient at Photoshop, but web work is fairly new. I've done a few sites, but in Golive and just basic bringing them in from Photoshop. Now I want to learn correctly, so I'm trying all of this.
I found a way to make a box, using AP Div tag, and then move that where I want it, but, it doesn't work right for me then. I don't want it fixed in the same spot absolutely, but rather I want it to move with the page. I'm going to post a link to the site I'm working on, in case that helps. But, if you look at the site so far, you can see for example I want the text box that says client login to move as you make the page wider or smaller. It's fixed now. But, it's the only possible way I know how to put the box and div tag where I want it. When I just try to insert a div tag (not an AP div) it just goes underneath the div above it.
What I'm asking is, how do I place div's within div's? Or, can I use this AP div to put it where I want, and then change it to a regular div, and it stay in the right spot? I just don't understand how exactly to place divs where I want them, unless I use the AP div box and move it around the screen. Also, if I have a div box setup, is there a way to drag it somewhere else or reposition it somewhere else on the screen just by dragging? It's all a bit hard for me to figure out at this point, but I appreciate any help you can give me.
The AP Div I used is at the top that says client login. That's the box/table/div tag I'm trying to set up correctly, so it moves with the other elements, like the logo, as you make the page wider or less wide.
Here is the link:
http://www.gagephotography.com/boudoir/boudoirsite/index4.html
Thank you again.

DW is not drag & drop friendly like graphics or word processing apps.
APDivs are NOT for primary layouts. They are for special situations and should be handled with care or you'll end up with a mess. Here is why:
http://apptools.com/examples/pagelayout101.php
The best advice I can offer is to familiarize yourself with HTML markup (content) and CSS (styles) before you even open Dreamweaver. Without a working knowledge of code, you're not going to get good results.
Start here:
HTML & CSS Tutorials - http://w3schools.com/
Learn CSS positioning in 10 Steps
http://www.barelyfitz.com/screencast/html-training/css/positioning/
How to Develop with CSS?
http://phrogz.net/css/HowToDevelopWithCSS.html
New DW Starter Pages --
http://www.adobe.com/devnet/dreamweaver/articles/introducing_new_css_layouts.html
Creating your first web site in DW CS5 -
http://www.adobe.com/devnet/dreamweaver/articles/first_website_pt1.html
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
http://alt-web.com/
http://twitter.com/altweb

Div tags - changing link properties

Similar Messages

Maybe you are looking for