Adapters & Power Supplies Batteries/Chargers/Accessories
Buzzers Sirens
Cables Wires Accessories
Communications Products
Connectors/Adapters/Sockets
Consumer PC Products
Electronic Kits
Enclosures
Fans Heatsinks
Fuses Accessories
Mechanical Hardware
Mechanical Kits
Molding & Casting Products
Motors
Optoelectronics
Passive Components
Prototyping Products
Relays
Security Products CCTV
Semiconductors Sensors
Software
Solar Products
Sound Light Products
Switches
T-shirts
Test Equipment
Timers, Counters, Meters
Tools & Tool Sets

wrote in message news:g0k23g$bd$macromedia.com...[ref] >I have made a layout in Photoshop CS2, switched to ImageReady and made >slices > and rollover links. Now I am trying to convert it to Dreamweaver and > organize > my page for completion. I have setup boxes in PhotoShop and then in > Dreamweaver I made layers, and inserted flash and a category tree. When > I > resize the browser, the layers overlap my image of everything else that > should > show on the page. Attached is my code, if anyone has any answers or > advice, I > would greatly appreciate it. Thank you in advance! > Bethann > > > > > > > GoLayoutWITHMerging2 > > > > > > > > > marginheight="0" onload="preloadImages();"> > >
>
> href="http://www.designnotes.com/Merchant2/merchant.mvc?Screen=CTGY&Store_Co > de=D&Category_Code=adps">Adapters & Power Supplies style1> > href="http://www.designnotes.com/Merchant2/merchant.mvc?Screen=CTGY&Store_Co > de=D&Category_Code=baca">Batteries/Chargers/Accessories
>
> href="http://www.designnotes.com/Merchant2/merchant.mvc?Screen=CTGY&Store_Co > de=D&Category_Code=bu">Buzzers Sirens
>
> href="http://www.designnotes.com/Merchant2/merchant.mvc?Screen=CTGY&Store_Co > de=D&Category_Code=caw">Cables Wires Accessories
>
> href="http://www.designnotes.com/Merchant2/merchant.mvc?Screen=CTGY&Store_Co > de=D&Category_Code=cop">Communications Products
>
> href="http://www.designnotes.com/Merchant2/merchant.mvc?Screen=CTGY&Store_Co > de=D&Category_Code=coas">Connectors/Adapters/Sockets
>
> href="http://www.designnotes.com/Merchant2/merchant.mvc?Screen=CTGY&Store_Co > de=D&Category_Code=copp">Consumer PC Products
>
> href="http://www.designnotes.com/Merchant2/merchant.mvc?Screen=CTGY&Store_Co > de=D&Category_Code=elk">Electronic Kits
>
> href="http://www.designnotes.com/Merchant2/merchant.mvc?Screen=CTGY&Store_Co > de=D&Category_Code=en">Enclosures
>
> href="http://www.designnotes.com/Merchant2/merchant.mvc?Screen=CTGY&Store_Co > de=D&Category_Code=fah">Fans Heatsinks
>
> href="http://www.designnotes.com/Merchant2/merchant.mvc?Screen=CTGY&Store_Co > de=D&Category_Code=fua">Fuses Accessories
>
> href="http://www.designnotes.com/Merchant2/merchant.mvc?Screen=CTGY&Store_Co > de=D&Category_Code=meh">Mechanical Hardware
>
> href="http://www.designnotes.com/Merchant2/merchant.mvc?Screen=CTGY&Store_Co > de=D&Category_Code=mek">Mechanical Kits
>
> href="http://www.designnotes.com/Merchant2/merchant.mvc?Screen=CTGY&Store_Co > de=D&Category_Code=mocp">Molding & Casting Products
>
> href="http://www.designnotes.com/Merchant2/merchant.mvc?Screen=CTGY&Store_Co > de=D&Category_Code=mo">Motors
>
> href="http://www.designnotes.com/Merchant2/merchant.mvc?Screen=CTGY&Store_Co > de=D&Category_Code=op">Optoelectronics
>
> href="http://www.designnotes.com/Merchant2/merchant.mvc?Screen=CTGY&Store_Co > de=D&Category_Code=pac">Passive Components
>
href=" > http://www.designnotes.com/Merchant2/merchant.mvc?Screen=CTGY&Store_Code=D&a > mp;Category_Code=prp">Prototyping Products
>
> href="http://www.designnotes.com/Merchant2/merchant.mvc?Screen=CTGY&Store_Co > de=D&Category_Code=re">Relays
>
> href="http://www.designnotes.com/Merchant2/merchant.mvc?Screen=CTGY&Store_Co > de=D&Category_Code=sepc">Security Products CCTV
>
> href="http://www.designnotes.com/Merchant2/merchant.mvc?Screen=CTGY&Store_Co > de=D&Category_Code=secd">Semiconductors Sensors
>
> href="http://www.designnotes.com/Merchant2/merchant.mvc?Screen=CTGY&Store_Co > de=D&Category_Code=so">Software
>
> href="http://www.designnotes.com/Merchant2/merchant.mvc?Screen=CTGY&Store_Co > de=D&Category_Code=sop">Solar Products
>
> href="http://www.designnotes.com/Merchant2/merchant.mvc?Screen=CTGY&Store_Co > de=D&Category_Code=solp">Sound Light Products
>
> href="http://www.designnotes.com/Merchant2/merchant.mvc?Screen=CTGY&Store_Co > de=D&Category_Code=sw">Switches
>
> href="http://www.designnotes.com/Merchant2/merchant.mvc?Screen=CTGY&Category > _Code=ts">T-shirts
>
> href="http://www.designnotes.com/Merchant2/merchant.mvc?Screen=CTGY&Store_Co > de=D&Category_Code=tee">Test Equipment
>
> href="http://www.designnotes.com/Merchant2/merchant.mvc?Screen=CTGY&Store_Co > de=D&Category_Code=ticm">Timers, Counters, Meters
>
> href="http://www.designnotes.com/Merchant2/merchant.mvc?Screen=CTGY&Store_Co > de=D&Category_Code=tots">Tools & Tool Sets
> href="http://www.designnotes.com/Merchant2/merchant.mvc?Screen=CTGY&Store_Co > de=D&Category_Code=tots">
>
> codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#ve > rsion=6,0,29,0" width="306" height="210"> > > > pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Vers > ion=ShockwaveFlash" type="application/x-shockwave-flash" width="306" > height="210"> > >
> cellspacing="0" align="center"> > > > > > > > > > > > > > > > > > > >
> >
> > alt=""> > >
> >
> > onmouseover="changeImages('Index_Login', 'images/Index_Login-over.gif'); > return true;" > onmouseout="changeImages('Index_Login', 'images/Index_Login.gif'); return > true;" > onmousedown="changeImages('Index_Login', 'images/Index_Login-over.gif'); > return true;" > onmouseup="changeImages('Index_Login', 'images/Index_Login-over.gif'); > return true;"> > height="11" border="0" alt=""> > > onmouseover="changeImages('Index_Create_An_Account', > 'images/Index_Create-An-Account-ove.gif'); return true;" > onmouseout="changeImages('Index_Create_An_Account', > 'images/Index_Create-An-Account.gif'); return true;" > onmousedown="changeImages('Index_Create_An_Account', > 'images/Index_Create-An-Account[/ref] [allowsmilie] => 1 [showsignature] => 0 [ipaddress] => [iconid] => 0 [visible] => 1 [attach] => 0 [infraction] => 0 [reportthreadid] => 0 [isusenetpost] => 1 [msgid] => [ref] => [htmlstate] => on_nl2br [postusername] => Murray [ip] => forums@HAHAgrea [isdeleted] => 0 [usergroupid] => [membergroupids] => [displaygroupid] => [password] => [passworddate] => [email] => [styleid] => [parentemail] => [homepage] => [icq] => [aim] => [yahoo] => [msn] => [skype] => [showvbcode] => [showbirthday] => [usertitle] => [customtitle] => [joindate] => [daysprune] => [lastvisit] => [lastactivity] => [lastpost] => [lastpostid] => [posts] => [reputation] => [reputationlevelid] => [timezoneoffset] => [pmpopup] => [avatarid] => [avatarrevision] => [profilepicrevision] => [sigpicrevision] => [options] => [akvbghsfs_optionsfield] => [birthday] => [birthday_search] => [maxposts] => [startofweek] => [referrerid] => [languageid] => [emailstamp] => [threadedmode] => [autosubscribe] => [pmtotal] => [pmunread] => [salt] => [ipoints] => [infractions] => [warnings] => [infractiongroupids] => [infractiongroupid] => [adminoptions] => [profilevisits] => [friendcount] => [friendreqcount] => [vmunreadcount] => [vmmoderatedcount] => [socgroupinvitecount] => [socgroupreqcount] => [pcunreadcount] => [pcmoderatedcount] => [gmmoderatedcount] => [assetposthash] => [fbuserid] => [fbjoindate] => [fbname] => [logintype] => [fbaccesstoken] => [newrepcount] => [vbseo_likes_in] => [vbseo_likes_out] => [vbseo_likes_unread] => [temp] => [field1] => [field2] => [field3] => [field4] => [field5] => [subfolders] => [pmfolders] => [buddylist] => [ignorelist] => [signature] => [searchprefs] => [rank] => [icontitle] => [iconpath] => [avatarpath] => [hascustomavatar] => 0 [avatardateline] => [avwidth] => [avheight] => [edit_userid] => [edit_username] => [edit_dateline] => [edit_reason] => [hashistory] => [pagetext_html] => [hasimages] => [signatureparsed] => [sighasimages] => [sigpic] => [sigpicdateline] => [sigpicwidth] => [sigpicheight] => [postcount] => 2 [islastshown] => [isfirstshown] => [attachments] => [allattachments] => ) --> change this - (the ellipsis represents any other attributes that might be mentioned in the body tag, and SHOULD NOT BE INCLUDED EXPLICITLY!) to this -
and this - to this -
and see if that helps. -- 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 ================== "bethann9122" wrote in message news:g0kdcv$c9d$macromedia.com...[ref] > So I guess I just have to align the whole page left. I don't see any > other > way, but if anyone else knows how to center it and get the layers to > center, I > would love a reply. I need help. > Anyways Thank you all. > By the way if it helps, I'm using Dreamweaver MX 2004 and Photoshop & > ImageReady CS2 >[/ref] [allowsmilie] => 1 [showsignature] => 0 [ipaddress] => [iconid] => 0 [visible] => 1 [attach] => 0 [infraction] => 0 [reportthreadid] => 0 [isusenetpost] => 1 [msgid] => [ref] => [htmlstate] => on_nl2br [postusername] => Murray [ip] => forums@HAHAgrea [isdeleted] => 0 [usergroupid] => [membergroupids] => [displaygroupid] => [password] => [passworddate] => [email] => [styleid] => [parentemail] => [homepage] => [icq] => [aim] => [yahoo] => [msn] => [skype] => [showvbcode] => [showbirthday] => [usertitle] => [customtitle] => [joindate] => [daysprune] => [lastvisit] => [lastactivity] => [lastpost] => [lastpostid] => [posts] => [reputation] => [reputationlevelid] => [timezoneoffset] => [pmpopup] => [avatarid] => [avatarrevision] => [profilepicrevision] => [sigpicrevision] => [options] => [akvbghsfs_optionsfield] => [birthday] => [birthday_search] => [maxposts] => [startofweek] => [referrerid] => [languageid] => [emailstamp] => [threadedmode] => [autosubscribe] => [pmtotal] => [pmunread] => [salt] => [ipoints] => [infractions] => [warnings] => [infractiongroupids] => [infractiongroupid] => [adminoptions] => [profilevisits] => [friendcount] => [friendreqcount] => [vmunreadcount] => [vmmoderatedcount] => [socgroupinvitecount] => [socgroupreqcount] => [pcunreadcount] => [pcmoderatedcount] => [gmmoderatedcount] => [assetposthash] => [fbuserid] => [fbjoindate] => [fbname] => [logintype] => [fbaccesstoken] => [newrepcount] => [vbseo_likes_in] => [vbseo_likes_out] => [vbseo_likes_unread] => [temp] => [field1] => [field2] => [field3] => [field4] => [field5] => [subfolders] => [pmfolders] => [buddylist] => [ignorelist] => [signature] => [searchprefs] => [rank] => [icontitle] => [iconpath] => [avatarpath] => [hascustomavatar] => 0 [avatardateline] => [avwidth] => [avheight] => [edit_userid] => [edit_username] => [edit_dateline] => [edit_reason] => [hashistory] => [pagetext_html] => [hasimages] => [signatureparsed] => [sighasimages] => [sigpic] => [sigpicdateline] => [sigpicwidth] => [sigpicheight] => [postcount] => 4 [islastshown] => 1 [isfirstshown] => [attachments] => [allattachments] => ) --> Photoshop to Dreamweaver - Macromedia Dynamic HTML

Photoshop to Dreamweaver - Macromedia Dynamic HTML

I have made a layout in Photoshop CS2, switched to ImageReady and made slices and rollover links. Now I am trying to convert it to Dreamweaver and organize my page for completion. I have setup boxes in PhotoShop and then in Dreamweaver I made layers, and inserted flash and a category tree. When I resize the browser, the layers overlap my image of everything else that should show on the page. Attached is my code, if anyone has any answers or advice, I would greatly appreciate it. Thank you in advance! Bethann <html> <head> <title>GoLayoutWITHMerging2</title> <meta http-equiv="Content-Type" content="text/html; cht=iso-8859-1"> <!-- ...

  1. #1

    Default Photoshop to Dreamweaver

    I have made a layout in Photoshop CS2, switched to ImageReady and made slices
    and rollover links. Now I am trying to convert it to Dreamweaver and organize
    my page for completion. I have setup boxes in PhotoShop and then in
    Dreamweaver I made layers, and inserted flash and a category tree. When I
    resize the browser, the layers overlap my image of everything else that should
    show on the page. Attached is my code, if anyone has any answers or advice, I
    would greatly appreciate it. Thank you in advance!
    Bethann




    <html>
    <head>
    <title>GoLayoutWITHMerging2</title>
    <meta http-equiv="Content-Type" content="text/html; cht=iso-8859-1">
    <!-- ImageReady Preload Script (GoLayoutWITHMerging2.psd) -->
    <script type="text/javascript">
    <!--

    function newImage(arg) {
    if (doent.images) {
    rslt = new Image();
    rslt.src = arg;
    return rslt;
    }
    }

    function changeImages() {
    if (doent.images && (preloadFlag == true)) {
    for (var i=0; i<changeImages.arguments.length; i+=2) {
    doent[changeImages.arguments[i]].src = changeImages.arguments[i+1];
    }
    }
    }

    var preloadFlag = false;
    function preloadImages() {
    if (doent.images) {
    Index_Login_over = newImage("images/Index_Login-over.gif");
    Index_Create_An_Account_over =
    newImage("images/Index_Create-An-Account-ove.gif");
    Index_View_Basket_over = newImage("images/Index_View-Basket-over.gif");
    Index_Check_Out_over = newImage("images/Index_Check-Out-over.gif");
    Index_News___Events_over = newImage("images/Index_News-%26-Events-over.gif");
    Index_Subscribe_over = newImage("images/Index_Subscribe-over.gif");
    Index_Resources_over = newImage("images/Index_Resources-over.gif");
    Index_FAQ_over = newImage("images/Index_FAQ-over.gif");
    Index_About_Us_over = newImage("images/Index_About-Us-over.gif");
    Index_Contact_Us_over = newImage("images/Index_Contact-Us-over.gif");
    Index_Home_over = newImage("images/Index_Home-over.gif");
    preloadFlag = true;
    }
    }

    // -->
    </script>
    <!-- End Preload Script -->
    <script language="JavaScript" type="text/JavaScript">
    <!--
    function MM_reloadPage(init) { //reloads the window if Nav4 resized
    if (init==true) with (navigator) {if
    ((appName=="Netscape")&&(pInt(appVersion)==4)) {
    doent.MM_pgW=innerWidth; doent.MM_pgH=innerHeight;
    onresize=MM_reloadPage; }}
    else if (innerWidth!=doent.MM_pgW || innerHeight!=doent.MM_pgH)
    location.reload();
    }
    MM_reloadPage(true);
    //-->
    </script>
    <style type="text/css">
    <!--
    .style1 {
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 16px;
    }
    a:link {
    color: 224466;
    }
    a:visited {
    color: 224466;
    }
    a:hover {
    color: 74b31f;
    }
    a:active {
    color: 74a722;
    }
    -->
    </style>
    </head>

    <body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0"
    marginheight="0" onload="preloadImages();">
    <!-- ImageReady Slices (GoLayoutWITHMerging2.psd) -->
    <div id="Layer1" style="position:absolute; width:303px; height:217px;
    z-index:1; left: 102px; top: 205px; visibility: visible;">
    <div id="Layer2" style="position:absolute; width:284px; height:541px;
    z-index:1; left: 13px; top: 264px; visibility: visible;" class="style1"><A

    href="http://www.designnotes.com/Merchant2/merchant.mvc?Screen=CTGY&amp;Store_Co
    de=D&amp;Category_Code=adps">Adapters &amp; Power Supplies</A> <SPAN style1><A

    href="http://www.designnotes.com/Merchant2/merchant.mvc?Screen=CTGY&amp;Store_Co
    de=D&amp;Category_Code=baca">Batteries/Chargers/Accessories<BR>
    </A><A

    href="http://www.designnotes.com/Merchant2/merchant.mvc?Screen=CTGY&amp;Store_Co
    de=D&amp;Category_Code=bu">Buzzers Sirens<BR>
    </A><A

    href="http://www.designnotes.com/Merchant2/merchant.mvc?Screen=CTGY&amp;Store_Co
    de=D&amp;Category_Code=caw">Cables Wires Accessories<BR>
    </A><A

    href="http://www.designnotes.com/Merchant2/merchant.mvc?Screen=CTGY&amp;Store_Co
    de=D&amp;Category_Code=cop">Communications Products<BR>
    </A><A

    href="http://www.designnotes.com/Merchant2/merchant.mvc?Screen=CTGY&amp;Store_Co
    de=D&amp;Category_Code=coas">Connectors/Adapters/Sockets<BR>
    </A><A

    href="http://www.designnotes.com/Merchant2/merchant.mvc?Screen=CTGY&amp;Store_Co
    de=D&amp;Category_Code=copp">Consumer PC Products<BR>
    </A><A

    href="http://www.designnotes.com/Merchant2/merchant.mvc?Screen=CTGY&amp;Store_Co
    de=D&amp;Category_Code=elk">Electronic Kits<BR>
    </A><A

    href="http://www.designnotes.com/Merchant2/merchant.mvc?Screen=CTGY&amp;Store_Co
    de=D&amp;Category_Code=en">Enclosures<BR>
    </A><A

    href="http://www.designnotes.com/Merchant2/merchant.mvc?Screen=CTGY&amp;Store_Co
    de=D&amp;Category_Code=fah">Fans Heatsinks<BR>
    </A><A

    href="http://www.designnotes.com/Merchant2/merchant.mvc?Screen=CTGY&amp;Store_Co
    de=D&amp;Category_Code=fua">Fuses Accessories<BR>
    </A><A

    href="http://www.designnotes.com/Merchant2/merchant.mvc?Screen=CTGY&amp;Store_Co
    de=D&amp;Category_Code=meh">Mechanical Hardware<BR>
    </A><A

    href="http://www.designnotes.com/Merchant2/merchant.mvc?Screen=CTGY&amp;Store_Co
    de=D&amp;Category_Code=mek">Mechanical Kits<BR>
    </A><A

    href="http://www.designnotes.com/Merchant2/merchant.mvc?Screen=CTGY&amp;Store_Co
    de=D&amp;Category_Code=mocp">Molding &amp; Casting Products<BR>
    </A><A

    href="http://www.designnotes.com/Merchant2/merchant.mvc?Screen=CTGY&amp;Store_Co
    de=D&amp;Category_Code=mo">Motors<BR>
    </A><A

    href="http://www.designnotes.com/Merchant2/merchant.mvc?Screen=CTGY&amp;Store_Co
    de=D&amp;Category_Code=op">Optoelectronics<BR>
    </A><A

    href="http://www.designnotes.com/Merchant2/merchant.mvc?Screen=CTGY&amp;Store_Co
    de=D&amp;Category_Code=pac">Passive Components<BR>
    </A><A
    href="
    http://www.designnotes.com/Merchant2/merchant.mvc?Screen=CTGY&amp;Store_Code=D&a
    mp;Category_Code=prp">Prototyping Products<BR>
    </A><A

    href="http://www.designnotes.com/Merchant2/merchant.mvc?Screen=CTGY&amp;Store_Co
    de=D&amp;Category_Code=re">Relays<BR>
    </A><A

    href="http://www.designnotes.com/Merchant2/merchant.mvc?Screen=CTGY&amp;Store_Co
    de=D&amp;Category_Code=sepc">Security Products CCTV<BR>
    </A><A

    href="http://www.designnotes.com/Merchant2/merchant.mvc?Screen=CTGY&amp;Store_Co
    de=D&amp;Category_Code=secd">Semiconductors Sensors <BR>
    </A><A

    href="http://www.designnotes.com/Merchant2/merchant.mvc?Screen=CTGY&amp;Store_Co
    de=D&amp;Category_Code=so">Software<BR>
    </A><A

    href="http://www.designnotes.com/Merchant2/merchant.mvc?Screen=CTGY&amp;Store_Co
    de=D&amp;Category_Code=sop">Solar Products<BR>
    </A><A

    href="http://www.designnotes.com/Merchant2/merchant.mvc?Screen=CTGY&amp;Store_Co
    de=D&amp;Category_Code=solp">Sound Light Products<BR>
    </A><A

    href="http://www.designnotes.com/Merchant2/merchant.mvc?Screen=CTGY&amp;Store_Co
    de=D&amp;Category_Code=sw">Switches<BR>
    </A><A

    href="http://www.designnotes.com/Merchant2/merchant.mvc?Screen=CTGY&amp;Category
    _Code=ts">T-shirts<BR>
    </A><A

    href="http://www.designnotes.com/Merchant2/merchant.mvc?Screen=CTGY&amp;Store_Co
    de=D&amp;Category_Code=tee">Test Equipment<BR>
    </A><A

    href="http://www.designnotes.com/Merchant2/merchant.mvc?Screen=CTGY&amp;Store_Co
    de=D&amp;Category_Code=ticm">Timers, Counters, Meters<BR>
    </A><A

    href="http://www.designnotes.com/Merchant2/merchant.mvc?Screen=CTGY&amp;Store_Co
    de=D&amp;Category_Code=tots">Tools &amp; Tool Sets</A></SPAN><A

    href="http://www.designnotes.com/Merchant2/merchant.mvc?Screen=CTGY&amp;Store_Co
    de=D&amp;Category_Code=tots"><BR>
    </A></div>
    <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
    codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#ve
    rsion=6,0,29,0" width="306" height="210">
    <param name="movie" value="007.swf">
    <param name=quality value=high>
    <embed src="007.swf" quality=high
    pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Vers
    ion=ShockwaveFlash" type="application/x-shockwave-flash" width="306"
    height="210"></embed>
    </object>
    </div>
    <table id="Table_01" width="801" height="1025" border="0" cellpadding="0"
    cellspacing="0" align="center">
    <tr>
    <td colspan="25">
    <img src="images/Index_01.gif" width="800" height="61" alt=""></td>
    <td>
    <img src="images/spacer.gif" width="1" height="61" alt=""></td>
    </tr>
    <tr>
    <td rowspan="10">
    <img src="images/Index_02.gif" width="71" height="963" alt=""></td>
    <td colspan="22">
    <img src="images/Index_What-Your-Electronic-.gif" width="602" height="33"
    alt=""></td>
    <td colspan="2" rowspan="5">
    <img src="images/Index_04.gif" width="127" height="59" alt=""></td>
    <td>
    <img src="images/spacer.gif" width="1" height="33" alt=""></td>
    </tr>
    <tr>
    <td colspan="22">
    <img src="images/Index_05.gif" width="602" height="10" alt=""></td>
    <td>
    <img src="images/spacer.gif" width="1" height="10" alt=""></td>
    </tr>
    <tr>
    <td colspan="4" rowspan="3">
    <img src="images/Index_06.gif" width="132" height="16" alt=""></td>
    <td rowspan="2">
    <a href="#"
    onmouseover="changeImages('Index_Login', 'images/Index_Login-over.gif');
    return true;"
    onmouseout="changeImages('Index_Login', 'images/Index_Login.gif'); return
    true;"
    onmousedown="changeImages('Index_Login', 'images/Index_Login-over.gif');
    return true;"
    onmouseup="changeImages('Index_Login', 'images/Index_Login-over.gif');
    return true;">
    <img name="Index_Login" src="images/Index_Login.gif" width="34"
    height="11" border="0" alt=""></a></td>
    <td colspan="2" rowspan="3">
    <img src="images/Index_08.gif" width="25" height="16" alt=""></td>
    <td colspan="4">
    <a href="#"
    onmouseover="changeImages('Index_Create_An_Account ',
    'images/Index_Create-An-Account-ove.gif'); return true;"
    onmouseout="changeImages('Index_Create_An_Account' ,
    'images/Index_Create-An-Account.gif'); return true;"
    onmousedown="changeImages('Index_Create_An_Account ',
    'images/Index_Create-An-Account
    bethann9122 Guest

  2. #2

    Default Re: Photoshop to Dreamweaver

    Unfortunately, this process is guaranteed to produce a page of HTML that
    will break unexpectedly.

    Here's a better approach for you -

    Taking a Fireworks comp to a CSS-based layout in Dreamweaver
    http://www.adobe.com/devnet/fireworks/articles/web_standards_layouts_pt1.html


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


    "bethann9122" <com> wrote in message
    news:g0k23g$bd$macromedia.com... 

    Murray Guest

  3. #3

    Default Re: Photoshop to Dreamweaver

    So I guess I just have to align the whole page left. I don't see any other
    way, but if anyone else knows how to center it and get the layers to center, I
    would love a reply. I need help.
    Anyways Thank you all.
    By the way if it helps, I'm using Dreamweaver MX 2004 and Photoshop &
    ImageReady CS2

    bethann9122 Guest

  4. #4

    Default Re: Photoshop to Dreamweaver

    If you understood how positioning works, you'd know right away how to make
    this happen.

    Absolute positioning is calculated from the location of the nearest
    positioned parent. Where ever that parent is located, that's the '0'
    coordinate for any descendent absolute positioning. In the absence of a
    positioned parent (as you have), the body tag is used, and since the body
    tag always begins in the upper, left-hand corner of the browser's viewport,
    that's where your absolutely positioned descendents calculate their offsets
    from.

    So, the solution would be to put your entire page within a RELATIVELY
    positioned, and centering, container. These steps will do that for you -

    Change this -

    </head>

    to this -

    <style type="text/css">
    <!--
    body { text-align:center; }
    #wrapper { text-align:left; width:760px; margin:0 auto;position:relative; }
    /* 760px will display on an 800px screen maximized browser window without */
    /* horizontal scrollbars. */
    -->
    </style>
    </head>

    change this -

    <body ...>
    (the ellipsis represents any other attributes that might be mentioned in the
    body tag, and SHOULD NOT BE INCLUDED EXPLICITLY!)

    to this -

    <body ...>
    <div id="wrapper">

    and this -

    </body>

    to this -

    <!-- /wrapper -->
    </div>
    </body>

    and see if that helps.


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


    "bethann9122" <com> wrote in message
    news:g0kdcv$c9d$macromedia.com... 

    Murray Guest

Similar Threads

  1. Question Photoshop to dreamweaver and hyperlinks
    By veldhoven in forum HTML & CSS
    Replies: 0
    Last Post: January 28th, 03:10 AM
  2. Dreamweaver/Photoshop
    By Jash2000 in forum Macromedia Dynamic HTML
    Replies: 0
    Last Post: November 16th, 05:04 PM
  3. Linking Dreamweaver to Photoshop 7 web gallery
    By dionte_g@adobeforums.com in forum Adobe Photoshop 7, CS, CS2 & CS3
    Replies: 6
    Last Post: October 10th, 07:31 PM
  4. Help with Photoshop/Dreamweaver
    By ninjasavant in forum Adobe Photoshop 7, CS, CS2 & CS3
    Replies: 0
    Last Post: July 30th, 01:18 AM
  5. Dreamweaver and slices from Photoshop
    By sergew webforumsuser@macromedia.com in forum Adobe Dreamweaver & Contribute
    Replies: 5
    Last Post: July 16th, 05:17 PM

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •