| Home | Forums | Reviews | Articles | Register |
 |
| Thread Tools | Rate Thread |
|
=?Utf-8?B?a2lt?=
Guest
Posts: n/a
|
I am trying to put layers on top of graphics, (the only way I have figure out
to type ontop of graphics if there is a better way let me know) but everytime I go to add some ne welemnt elsewhere on the page the layer moves messing up my entire layout. Is there a way to anchor a layer so that it can't move from where I want it to be? Its not a published site, hopefully you can understand my description enough to help me. -- kim |
|
||
|
||||
|
|
|
| |
|
Murray
Guest
Posts: n/a
|
Layers don't move.
But show me your code, and I'll tell you what *is* moving.... -- Murray -------------- MVP FrontPage "kim" <(E-Mail Removed)> wrote in message news:8E0466DC-9AA8-40B8-A7D7-(E-Mail Removed)... >I am trying to put layers on top of graphics, (the only way I have figure >out > to type ontop of graphics if there is a better way let me know) but > everytime > I go to add some ne welemnt elsewhere on the page the layer moves messing > up > my entire layout. Is there a way to anchor a layer so that it can't move > from > where I want it to be? Its not a published site, hopefully you can > understand > my description enough to help me. > -- > kim |
|
||
|
|
||||
|
=?Utf-8?B?a2lt?=
Guest
Posts: n/a
|
Here's all of my front page:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <html> <head> <title>1800CreditReport</title> <link rel="stylesheet" type="text/css" href="style.css"> <script language="JavaScript"> <!-- function MM_reloadPage(init) { //reloads the window if Nav4 resized if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) { document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }} else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload(); } MM_reloadPage(true); // --> </script> </head> <body leftmargin=0 topmargin=0 marginheight="0" marginwidth="0" bgcolor="#ffffff"> <table border="0" cellspacing="0" cellpadding="0" width="100%" height="100%"> <tr valign="top"> <td width="50%" background="images/bg.gif"><img src="images/px1.gif" width="1" height="1" alt="" border="0"> </td> <td background="images/bg_left.gif"> <img border="0" src="bg_left.gif" width="35" height="883"></td> <td> <table border="0" cellpadding="0" cellspacing="0" width="780" height="85" background="images/fon_top.gif"> <tr> <td width="300" align="center"><font size="6" color="#000080"> 1800CreditReport.com</font><p> </td> <td valign="bottom"> <div align="right" style="padding-right: 30px;"> <p align="left"><font color="#000080" size="5">Credit Card, Credit Reports, Loans and more</font></div> </td> </tr> </table> <table width="780" border="0" cellspacing="0" cellpadding="0"> <tr> <td height="46" background="images/fon01.gif"> <p align="center"><img src="images/top1.gif" width="32" height="1"><img src="images/separator.gif" width="2" height="46"><!--webbot bot="Navigation" S-Type="sequence" S-Orientation="horizontal" S-Rendering="graphics" S-Theme="pixel" B-Include-Home="FALSE" B-Include-Up="FALSE" U-Page="sid:1010" --></td> </tr> <tr> <td><img border="0" src="welcome_note.gif" width="780" height="48"></td> </tr> <tr> <td><img border="0" src="main01.jpg" width="780" height="166"></td> </tr> </table> <table border="0" cellpadding="0" cellspacing="0" width="780"> <tr valign="top"> <td width="291" background="images/fon_left.gif"> <div style="position: absolute; width: 278px; height: 431px; z-index: 2; left: 130px; top: 336px" id="layer2"> <div style="position: absolute; width: 493px; height: 29px; z-index: 1; left: 274px; top: 47px; visibility: visible; background-color: #000000" id="layer3"> <p align="center"> <span style="font-weight: 700; font-style: italic; background-color: #000000"> <font color="#FFFFFF" size="5">Your Premier Credit Resource Center</font></span></div> <p> </p> <p align="center"> </p> <p align="left"><font face="Arial" color="#FF3300">Get Your Free Credit Reports Now</font></p> <p align="center">Want more Credit Report Info? <a href="credit_reports.htm"> <img border="0" src="b_view.gif" width="67" height="15"></a></p> <p align="left"><font face="Arial" color="#FF3300">Looking for an Auto Loan?</font></p> <p align="center">Want more Auto Info? <a href="auto_loans.htm"> <img border="0" src="b_view.gif" width="67" height="15"></a></p> <p align="left"> <a href="http://www.credit.com/r/credit_card/af=p40611&ag=default&img=/assets/img/global/space_clr.gif" style="text-decoration: none"><font color="#FF3300" face="Arial">Looking for a new credit card? We have the right card at the right rate, click here.</font></a></p> <p align="center">Want more Credit Card info? <a href="credit_cards.htm"> <img border="0" src="b_view.gif" width="67" height="15"></a></p> <p align="left"> <a href="http://www.credit.com/r/mortgages/af=p40611&ag=default&img=/assets/img/global/space_clr.gif" style="text-decoration: none"><font color="#FF3300" face="Arial">Shopping loan rates? We can help, click here for your next mortgage</font></a></p> <p align="center">Want more Mortgage info? <a href="credit_repair.htm"> <img border="0" src="b_view.gif" width="67" height="15"></a></p> <p align="center"> </p> <p align="left"> </div> <img border="0" src="top02.jpg" width="288" height="403"></td> <td width="4" background="images/top02.jpg" style="background-position: top; background-repeat: no-repeat;"> <br> <p class="left"> </p> <br> </td> <td width="9" background="images/fon_center.gif"> </td> <td width="473" background="images/fon01.jpg" style="background-position: top; background-repeat: no-repeat;" align="left"> <div align="center"><img border="0" src="fon01.jpg" width="411" height="341"> </div> </td> <td width="21" background="images/fon_right.gif"> </td> </tr> </table> <table border="0" cellpadding="0" cellspacing="0" width="780" height="79" background="images/bot.gif"> <tr valign="top"> <td> <table border="0" cellpadding="0" cellspacing="0" width="780" height="79" background=""> <tr valign="top"> <td width="300" valign="bottom"> <div style="position: absolute; width: 258px; height: 28px; z-index: 1; left: 630px; top: 831px" id="layer1"> Copyright ©2005 1800CreditReport.com</div> <p class="menu02"><img border="0" src="bot.gif" width="128" height="79"></p></td> <td> <p class="menu02"> <a href="index.htm">Home</a> | <a href="">About Us</a> | <a href="contact_us.htm">Contact Us </a> | <a href="site_map.htm"> Site Map</a> | <a href="faq.htm">FAQ</a> | <a href="links.htm">Links </a><img border="0" src="bot.gif" width="654" height="79"></p> </td> </tr> </table> </td> </tr> </table> </td> <td background="images/bg_right.gif"> <img border="0" src="bg_right.gif" width="23" height="883"></td> <td width="50%" background="images/bg.gif"><img src="images/px1.gif" width="1" height="1" alt="" border="0"></td> </tr> </table> </body> </html> -- kim "Murray" wrote: > Layers don't move. > > But show me your code, and I'll tell you what *is* moving.... > > -- > Murray > -------------- > MVP FrontPage > > > "kim" <(E-Mail Removed)> wrote in message > news:8E0466DC-9AA8-40B8-A7D7-(E-Mail Removed)... > >I am trying to put layers on top of graphics, (the only way I have figure > >out > > to type ontop of graphics if there is a better way let me know) but > > everytime > > I go to add some ne welemnt elsewhere on the page the layer moves messing > > up > > my entire layout. Is there a way to anchor a layer so that it can't move > > from > > where I want it to be? Its not a published site, hopefully you can > > understand > > my description enough to help me. > > -- > > kim > > > |
|
||
|
|
||||
|
Murray
Guest
Posts: n/a
|
Made in Dreamweaver, I see.
The reason you are seeing motion on your page is that you have placed your 'layers' directly into table cells, as shown here - <td width="291" background="images/fon_left.gif"> <div style="position: absolute; width: 278px; height: 431px; z-index: 2; This is close to the top of the list of "Bad things to do". One should never place absolutely positioned elements directly into table cells. The markup for these layers should all be moved out of the table cells, and replaced immediately above the </body> tag on the page. But there is another problem - using layers with 100% width tables. As the table expands to fill the screen, some of your contents will move away from the layers which are absolutely positioned. This will still likely cause you grief. I think you will have to reconsider your layout methods to go any further. Why are you using layers at all? -- Murray -------------- MVP FrontPage "kim" <(E-Mail Removed)> wrote in message news:34244427-4DF5-40E0-B4C1-(E-Mail Removed)... > Here's all of my front page: > <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> > > <html> > <head> > <title>1800CreditReport</title> > <link rel="stylesheet" type="text/css" href="style.css"> > <script language="JavaScript"> > <!-- > function MM_reloadPage(init) { //reloads the window if Nav4 resized > if (init==true) with (navigator) {if > ((appName=="Netscape")&&(parseInt(appVersion)==4)) { > document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; > onresize=MM_reloadPage; }} > else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) > location.reload(); > } > MM_reloadPage(true); > // --> > </script> > </head> > > <body leftmargin=0 topmargin=0 marginheight="0" marginwidth="0" > bgcolor="#ffffff"> > <table border="0" cellspacing="0" cellpadding="0" width="100%" > height="100%"> > <tr valign="top"> > <td width="50%" background="images/bg.gif"><img src="images/px1.gif" > width="1" height="1" alt="" border="0"> > </td> > <td background="images/bg_left.gif"> > <img border="0" src="bg_left.gif" width="35" height="883"></td> > <td> > <table border="0" cellpadding="0" cellspacing="0" width="780" height="85" > background="images/fon_top.gif"> > <tr> > <td width="300" align="center"><font size="6" color="#000080"> > 1800CreditReport.com</font><p> </td> > <td valign="bottom"> > <div align="right" style="padding-right: 30px;"> > <p align="left"><font color="#000080" size="5">Credit Card, > Credit Reports, Loans and more</font></div> > </td> > </tr> > </table> > <table width="780" border="0" cellspacing="0" cellpadding="0"> > <tr> > <td height="46" background="images/fon01.gif"> > <p align="center"><img src="images/top1.gif" width="32" height="1"><img > src="images/separator.gif" width="2" height="46"><!--webbot > bot="Navigation" > S-Type="sequence" S-Orientation="horizontal" S-Rendering="graphics" > S-Theme="pixel" B-Include-Home="FALSE" B-Include-Up="FALSE" > U-Page="sid:1010" > --></td> > </tr> > <tr> > <td><img border="0" src="welcome_note.gif" width="780" > height="48"></td> > </tr> > <tr> > <td><img border="0" src="main01.jpg" width="780" > height="166"></td> > </tr> > </table> > <table border="0" cellpadding="0" cellspacing="0" width="780"> > <tr valign="top"> > <td width="291" background="images/fon_left.gif"> > <div style="position: absolute; width: 278px; height: 431px; z-index: 2; > left: 130px; top: 336px" id="layer2"> > <div style="position: absolute; width: 493px; height: 29px; z-index: 1; > left: 274px; top: 47px; visibility: visible; background-color: #000000" > id="layer3"> > <p align="center"> > <span style="font-weight: 700; font-style: italic; background-color: > #000000"> > <font color="#FFFFFF" size="5">Your Premier Credit Resource > Center</font></span></div> > <p> </p> > <p align="center"> </p> > <p align="left"><font face="Arial" color="#FF3300">Get Your Free Credit > Reports > Now</font></p> > <p align="center">Want more Credit Report Info? <a > href="credit_reports.htm"> > <img border="0" src="b_view.gif" width="67" height="15"></a></p> > <p align="left"><font face="Arial" color="#FF3300">Looking for an Auto > Loan?</font></p> > <p align="center">Want more Auto Info? <a href="auto_loans.htm"> > <img border="0" src="b_view.gif" width="67" height="15"></a></p> > <p align="left"> <a > href="http://www.credit.com/r/credit_card/af=p40611&ag=default&img=/assets/img/global/space_clr.gif" > style="text-decoration: none"><font color="#FF3300" face="Arial">Looking > for > a new credit card? We have the right card at the right rate, click > here.</font></a></p> > <p align="center">Want more Credit Card info? <a href="credit_cards.htm"> > <img border="0" src="b_view.gif" width="67" height="15"></a></p> > <p align="left"> <a > href="http://www.credit.com/r/mortgages/af=p40611&ag=default&img=/assets/img/global/space_clr.gif" > style="text-decoration: none"><font color="#FF3300" face="Arial">Shopping > loan rates? We can help, click here for your next mortgage</font></a></p> > <p align="center">Want more Mortgage info? <a href="credit_repair.htm"> > <img border="0" src="b_view.gif" width="67" height="15"></a></p> > <p align="center"> </p> > <p align="left"> </div> > <img border="0" src="top02.jpg" width="288" height="403"></td> > <td width="4" background="images/top02.jpg" style="background-position: > top; background-repeat: no-repeat;"> > <br> > <p class="left"> </p> > <br> > </td> > <td width="9" background="images/fon_center.gif"> </td> > <td width="473" background="images/fon01.jpg" style="background-position: > top; background-repeat: no-repeat;" align="left"> > <div align="center"><img border="0" src="fon01.jpg" width="411" > height="341"> </div> > </td> > <td width="21" background="images/fon_right.gif"> </td> > </tr> > </table> > <table border="0" cellpadding="0" cellspacing="0" width="780" height="79" > background="images/bot.gif"> > <tr valign="top"> > <td> > <table border="0" cellpadding="0" cellspacing="0" width="780" height="79" > background=""> > <tr valign="top"> > <td width="300" valign="bottom"> > <div style="position: absolute; width: 258px; height: 28px; z-index: 1; > left: 630px; top: 831px" id="layer1"> > Copyright ©2005 1800CreditReport.com</div> > <p class="menu02"><img border="0" src="bot.gif" width="128" > height="79"></p></td> > <td> > <p class="menu02"> > <a href="index.htm">Home</a> | > <a href="">About Us</a> | <a href="contact_us.htm">Contact > Us </a> | <a href="site_map.htm"> > Site Map</a> | > <a href="faq.htm">FAQ</a> | <a href="links.htm">Links > </a><img border="0" src="bot.gif" width="654" height="79"></p> > </td> > </tr> > </table> > </td> > </tr> > </table> > </td> > <td background="images/bg_right.gif"> > <img border="0" src="bg_right.gif" width="23" height="883"></td> > <td width="50%" background="images/bg.gif"><img src="images/px1.gif" > width="1" height="1" alt="" border="0"></td> > </tr> > </table> > > </body> > </html> > -- > kim > > > "Murray" wrote: > >> Layers don't move. >> >> But show me your code, and I'll tell you what *is* moving.... >> >> -- >> Murray >> -------------- >> MVP FrontPage >> >> >> "kim" <(E-Mail Removed)> wrote in message >> news:8E0466DC-9AA8-40B8-A7D7-(E-Mail Removed)... >> >I am trying to put layers on top of graphics, (the only way I have >> >figure >> >out >> > to type ontop of graphics if there is a better way let me know) but >> > everytime >> > I go to add some ne welemnt elsewhere on the page the layer moves >> > messing >> > up >> > my entire layout. Is there a way to anchor a layer so that it can't >> > move >> > from >> > where I want it to be? Its not a published site, hopefully you can >> > understand >> > my description enough to help me. >> > -- >> > kim >> >> >> |
|
||
|
|
||||
|
=?Utf-8?B?a2lt?=
Guest
Posts: n/a
|
I am actually using front page, I inserted a template that I have into
frontpage, I was trying to insert text over a background picutre, I have now figurd out how to modify the picture and get the text into the picture so that I won't need layers anymore, except for interactive buttons to link pages with, but will the content I write in the picture, which has now become part of the picture, count at all as content for SEO? I am in so over my head. I justlove the template look, better then I can make on my own, just trying to figure out how to get text onto it is driving me crazy. -- kim "Murray" wrote: > Made in Dreamweaver, I see. > > The reason you are seeing motion on your page is that you have placed your > 'layers' directly into table cells, as shown here - > > <td width="291" background="images/fon_left.gif"> > <div style="position: absolute; width: 278px; height: 431px; z-index: 2; > > This is close to the top of the list of "Bad things to do". One should > never place absolutely positioned elements directly into table cells. The > markup for these layers should all be moved out of the table cells, and > replaced immediately above the </body> tag on the page. > > But there is another problem - using layers with 100% width tables. As the > table expands to fill the screen, some of your contents will move away from > the layers which are absolutely positioned. This will still likely cause > you grief. > > I think you will have to reconsider your layout methods to go any further. > > Why are you using layers at all? > > -- > Murray > -------------- > MVP FrontPage > > > "kim" <(E-Mail Removed)> wrote in message > news:34244427-4DF5-40E0-B4C1-(E-Mail Removed)... > > Here's all of my front page: > > <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> > > > > <html> > > <head> > > <title>1800CreditReport</title> > > <link rel="stylesheet" type="text/css" href="style.css"> > > <script language="JavaScript"> > > <!-- > > function MM_reloadPage(init) { //reloads the window if Nav4 resized > > if (init==true) with (navigator) {if > > ((appName=="Netscape")&&(parseInt(appVersion)==4)) { > > document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; > > onresize=MM_reloadPage; }} > > else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) > > location.reload(); > > } > > MM_reloadPage(true); > > // --> > > </script> > > </head> > > > > <body leftmargin=0 topmargin=0 marginheight="0" marginwidth="0" > > bgcolor="#ffffff"> > > <table border="0" cellspacing="0" cellpadding="0" width="100%" > > height="100%"> > > <tr valign="top"> > > <td width="50%" background="images/bg.gif"><img src="images/px1.gif" > > width="1" height="1" alt="" border="0"> > > </td> > > <td background="images/bg_left.gif"> > > <img border="0" src="bg_left.gif" width="35" height="883"></td> > > <td> > > <table border="0" cellpadding="0" cellspacing="0" width="780" height="85" > > background="images/fon_top.gif"> > > <tr> > > <td width="300" align="center"><font size="6" color="#000080"> > > 1800CreditReport.com</font><p> </td> > > <td valign="bottom"> > > <div align="right" style="padding-right: 30px;"> > > <p align="left"><font color="#000080" size="5">Credit Card, > > Credit Reports, Loans and more</font></div> > > </td> > > </tr> > > </table> > > <table width="780" border="0" cellspacing="0" cellpadding="0"> > > <tr> > > <td height="46" background="images/fon01.gif"> > > <p align="center"><img src="images/top1.gif" width="32" height="1"><img > > src="images/separator.gif" width="2" height="46"><!--webbot > > bot="Navigation" > > S-Type="sequence" S-Orientation="horizontal" S-Rendering="graphics" > > S-Theme="pixel" B-Include-Home="FALSE" B-Include-Up="FALSE" > > U-Page="sid:1010" > > --></td> > > </tr> > > <tr> > > <td><img border="0" src="welcome_note.gif" width="780" > > height="48"></td> > > </tr> > > <tr> > > <td><img border="0" src="main01.jpg" width="780" > > height="166"></td> > > </tr> > > </table> > > <table border="0" cellpadding="0" cellspacing="0" width="780"> > > <tr valign="top"> > > <td width="291" background="images/fon_left.gif"> > > <div style="position: absolute; width: 278px; height: 431px; z-index: 2; > > left: 130px; top: 336px" id="layer2"> > > <div style="position: absolute; width: 493px; height: 29px; z-index: 1; > > left: 274px; top: 47px; visibility: visible; background-color: #000000" > > id="layer3"> > > <p align="center"> > > <span style="font-weight: 700; font-style: italic; background-color: > > #000000"> > > <font color="#FFFFFF" size="5">Your Premier Credit Resource > > Center</font></span></div> > > <p> </p> > > <p align="center"> </p> > > <p align="left"><font face="Arial" color="#FF3300">Get Your Free Credit > > Reports > > Now</font></p> > > <p align="center">Want more Credit Report Info? <a > > href="credit_reports.htm"> > > <img border="0" src="b_view.gif" width="67" height="15"></a></p> > > <p align="left"><font face="Arial" color="#FF3300">Looking for an Auto > > Loan?</font></p> > > <p align="center">Want more Auto Info? <a href="auto_loans.htm"> > > <img border="0" src="b_view.gif" width="67" height="15"></a></p> > > <p align="left"> <a > > href="http://www.credit.com/r/credit_card/af=p40611&ag=default&img=/assets/img/global/space_clr.gif" > > style="text-decoration: none"><font color="#FF3300" face="Arial">Looking > > for > > a new credit card? We have the right card at the right rate, click > > here.</font></a></p> > > <p align="center">Want more Credit Card info? <a href="credit_cards.htm"> > > <img border="0" src="b_view.gif" width="67" height="15"></a></p> > > <p align="left"> <a > > href="http://www.credit.com/r/mortgages/af=p40611&ag=default&img=/assets/img/global/space_clr.gif" > > style="text-decoration: none"><font color="#FF3300" face="Arial">Shopping > > loan rates? We can help, click here for your next mortgage</font></a></p> > > <p align="center">Want more Mortgage info? <a href="credit_repair.htm"> > > <img border="0" src="b_view.gif" width="67" height="15"></a></p> > > <p align="center"> </p> > > <p align="left"> </div> > > <img border="0" src="top02.jpg" width="288" height="403"></td> > > <td width="4" background="images/top02.jpg" style="background-position: > > top; background-repeat: no-repeat;"> > > <br> > > <p class="left"> </p> > > <br> > > </td> > > <td width="9" background="images/fon_center.gif"> </td> > > <td width="473" background="images/fon01.jpg" style="background-position: > > top; background-repeat: no-repeat;" align="left"> > > <div align="center"><img border="0" src="fon01.jpg" width="411" > > height="341"> </div> > > </td> > > <td width="21" background="images/fon_right.gif"> </td> > > </tr> > > </table> > > <table border="0" cellpadding="0" cellspacing="0" width="780" height="79" > > background="images/bot.gif"> > > <tr valign="top"> > > <td> > > <table border="0" cellpadding="0" cellspacing="0" width="780" height="79" > > background=""> > > <tr valign="top"> > > <td width="300" valign="bottom"> > > <div style="position: absolute; width: 258px; height: 28px; z-index: 1; > > left: 630px; top: 831px" id="layer1"> > > Copyright ©2005 1800CreditReport.com</div> > > <p class="menu02"><img border="0" src="bot.gif" width="128" > > height="79"></p></td> > > <td> > > <p class="menu02"> > > <a href="index.htm">Home</a> | > > <a href="">About Us</a> | <a href="contact_us.htm">Contact > > Us </a> | <a href="site_map.htm"> > > Site Map</a> | > > <a href="faq.htm">FAQ</a> | <a href="links.htm">Links > > </a><img border="0" src="bot.gif" width="654" height="79"></p> > > </td> > > </tr> > > </table> > > </td> > > </tr> > > </table> > > </td> > > <td background="images/bg_right.gif"> > > <img border="0" src="bg_right.gif" width="23" height="883"></td> > > <td width="50%" background="images/bg.gif"><img src="images/px1.gif" > > width="1" height="1" alt="" border="0"></td> > > </tr> > > </table> > > > > </body> > > </html> > > -- > > kim > > > > > > "Murray" wrote: > > > >> Layers don't move. > >> > >> But show me your code, and I'll tell you what *is* moving.... > >> > >> -- > >> Murray > >> -------------- > >> MVP FrontPage > >> > >> > >> "kim" <(E-Mail Removed)> wrote in message > >> news:8E0466DC-9AA8-40B8-A7D7-(E-Mail Removed)... > >> >I am trying to put layers on top of graphics, (the only way I have > >> >figure > >> >out > >> > to type ontop of graphics if there is a better way let me know) but > >> > everytime > >> > I go to add some ne welemnt elsewhere on the page the layer moves > >> > messing > >> > up > >> > my entire layout. Is there a way to anchor a layer so that it can't > >> > move > >> > from > >> > where I want it to be? Its not a published site, hopefully you can > >> > understand > >> > my description enough to help me. > >> > -- > >> > kim > >> > >> > >> > > > |
|
||
|
|
||||
|
=?Utf-8?B?a2lt?=
Guest
Posts: n/a
|
Never mind, I think I got it figured out now, Thank you so much for all your
help -- kim "kim" wrote: > I am actually using front page, I inserted a template that I have into > frontpage, I was trying to insert text over a background picutre, I have now > figurd out how to modify the picture and get the text into the picture so > that I won't need layers anymore, except for interactive buttons to link > pages with, but will the content I write in the picture, which has now become > part of the picture, count at all as content for SEO? I am in so over my > head. I justlove the template look, better then I can make on my own, just > trying to figure out how to get text onto it is driving me crazy. > -- > kim > > > "Murray" wrote: > > > Made in Dreamweaver, I see. > > > > The reason you are seeing motion on your page is that you have placed your > > 'layers' directly into table cells, as shown here - > > > > <td width="291" background="images/fon_left.gif"> > > <div style="position: absolute; width: 278px; height: 431px; z-index: 2; > > > > This is close to the top of the list of "Bad things to do". One should > > never place absolutely positioned elements directly into table cells. The > > markup for these layers should all be moved out of the table cells, and > > replaced immediately above the </body> tag on the page. > > > > But there is another problem - using layers with 100% width tables. As the > > table expands to fill the screen, some of your contents will move away from > > the layers which are absolutely positioned. This will still likely cause > > you grief. > > > > I think you will have to reconsider your layout methods to go any further. > > > > Why are you using layers at all? > > > > -- > > Murray > > -------------- > > MVP FrontPage > > > > > > "kim" <(E-Mail Removed)> wrote in message > > news:34244427-4DF5-40E0-B4C1-(E-Mail Removed)... > > > Here's all of my front page: > > > <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> > > > > > > <html> > > > <head> > > > <title>1800CreditReport</title> > > > <link rel="stylesheet" type="text/css" href="style.css"> > > > <script language="JavaScript"> > > > <!-- > > > function MM_reloadPage(init) { //reloads the window if Nav4 resized > > > if (init==true) with (navigator) {if > > > ((appName=="Netscape")&&(parseInt(appVersion)==4)) { > > > document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; > > > onresize=MM_reloadPage; }} > > > else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) > > > location.reload(); > > > } > > > MM_reloadPage(true); > > > // --> > > > </script> > > > </head> > > > > > > <body leftmargin=0 topmargin=0 marginheight="0" marginwidth="0" > > > bgcolor="#ffffff"> > > > <table border="0" cellspacing="0" cellpadding="0" width="100%" > > > height="100%"> > > > <tr valign="top"> > > > <td width="50%" background="images/bg.gif"><img src="images/px1.gif" > > > width="1" height="1" alt="" border="0"> > > > </td> > > > <td background="images/bg_left.gif"> > > > <img border="0" src="bg_left.gif" width="35" height="883"></td> > > > <td> > > > <table border="0" cellpadding="0" cellspacing="0" width="780" height="85" > > > background="images/fon_top.gif"> > > > <tr> > > > <td width="300" align="center"><font size="6" color="#000080"> > > > 1800CreditReport.com</font><p> </td> > > > <td valign="bottom"> > > > <div align="right" style="padding-right: 30px;"> > > > <p align="left"><font color="#000080" size="5">Credit Card, > > > Credit Reports, Loans and more</font></div> > > > </td> > > > </tr> > > > </table> > > > <table width="780" border="0" cellspacing="0" cellpadding="0"> > > > <tr> > > > <td height="46" background="images/fon01.gif"> > > > <p align="center"><img src="images/top1.gif" width="32" height="1"><img > > > src="images/separator.gif" width="2" height="46"><!--webbot > > > bot="Navigation" > > > S-Type="sequence" S-Orientation="horizontal" S-Rendering="graphics" > > > S-Theme="pixel" B-Include-Home="FALSE" B-Include-Up="FALSE" > > > U-Page="sid:1010" > > > --></td> > > > </tr> > > > <tr> > > > <td><img border="0" src="welcome_note.gif" width="780" > > > height="48"></td> > > > </tr> > > > <tr> > > > <td><img border="0" src="main01.jpg" width="780" > > > height="166"></td> > > > </tr> > > > </table> > > > <table border="0" cellpadding="0" cellspacing="0" width="780"> > > > <tr valign="top"> > > > <td width="291" background="images/fon_left.gif"> > > > <div style="position: absolute; width: 278px; height: 431px; z-index: 2; > > > left: 130px; top: 336px" id="layer2"> > > > <div style="position: absolute; width: 493px; height: 29px; z-index: 1; > > > left: 274px; top: 47px; visibility: visible; background-color: #000000" > > > id="layer3"> > > > <p align="center"> > > > <span style="font-weight: 700; font-style: italic; background-color: > > > #000000"> > > > <font color="#FFFFFF" size="5">Your Premier Credit Resource > > > Center</font></span></div> > > > <p> </p> > > > <p align="center"> </p> > > > <p align="left"><font face="Arial" color="#FF3300">Get Your Free Credit > > > Reports > > > Now</font></p> > > > <p align="center">Want more Credit Report Info? <a > > > href="credit_reports.htm"> > > > <img border="0" src="b_view.gif" width="67" height="15"></a></p> > > > <p align="left"><font face="Arial" color="#FF3300">Looking for an Auto > > > Loan?</font></p> > > > <p align="center">Want more Auto Info? <a href="auto_loans.htm"> > > > <img border="0" src="b_view.gif" width="67" height="15"></a></p> > > > <p align="left"> <a > > > href="http://www.credit.com/r/credit_card/af=p40611&ag=default&img=/assets/img/global/space_clr.gif" > > > style="text-decoration: none"><font color="#FF3300" face="Arial">Looking > > > for > > > a new credit card? We have the right card at the right rate, click > > > here.</font></a></p> > > > <p align="center">Want more Credit Card info? <a href="credit_cards.htm"> > > > <img border="0" src="b_view.gif" width="67" height="15"></a></p> > > > <p align="left"> <a > > > href="http://www.credit.com/r/mortgages/af=p40611&ag=default&img=/assets/img/global/space_clr.gif" > > > style="text-decoration: none"><font color="#FF3300" face="Arial">Shopping > > > loan rates? We can help, click here for your next mortgage</font></a></p> > > > <p align="center">Want more Mortgage info? <a href="credit_repair.htm"> > > > <img border="0" src="b_view.gif" width="67" height="15"></a></p> > > > <p align="center"> </p> > > > <p align="left"> </div> > > > <img border="0" src="top02.jpg" width="288" height="403"></td> > > > <td width="4" background="images/top02.jpg" style="background-position: > > > top; background-repeat: no-repeat;"> > > > <br> > > > <p class="left"> </p> > > > <br> > > > </td> > > > <td width="9" background="images/fon_center.gif"> </td> > > > <td width="473" background="images/fon01.jpg" style="background-position: > > > top; background-repeat: no-repeat;" align="left"> > > > <div align="center"><img border="0" src="fon01.jpg" width="411" > > > height="341"> </div> > > > </td> > > > <td width="21" background="images/fon_right.gif"> </td> > > > </tr> > > > </table> > > > <table border="0" cellpadding="0" cellspacing="0" width="780" height="79" > > > background="images/bot.gif"> > > > <tr valign="top"> > > > <td> > > > <table border="0" cellpadding="0" cellspacing="0" width="780" height="79" > > > background=""> > > > <tr valign="top"> > > > <td width="300" valign="bottom"> > > > <div style="position: absolute; width: 258px; height: 28px; z-index: 1; > > > left: 630px; top: 831px" id="layer1"> > > > Copyright ©2005 1800CreditReport.com</div> > > > <p class="menu02"><img border="0" src="bot.gif" width="128" > > > height="79"></p></td> > > > <td> > > > <p class="menu02"> > > > <a href="index.htm">Home</a> | > > > <a href="">About Us</a> | <a href="contact_us.htm">Contact > > > Us </a> | <a href="site_map.htm"> > > > Site Map</a> | > > > <a href="faq.htm">FAQ</a> | <a href="links.htm">Links > > > </a><img border="0" src="bot.gif" width="654" height="79"></p> > > > </td> > > > </tr> > > > </table> > > > </td> > > > </tr> > > > </table> > > > </td> > > > <td background="images/bg_right.gif"> > > > <img border="0" src="bg_right.gif" width="23" height="883"></td> > > > <td width="50%" background="images/bg.gif"><img src="images/px1.gif" > > > width="1" height="1" alt="" border="0"></td> > > > </tr> > > > </table> > > > > > > </body> > > > </html> > > > -- > > > kim > > > > > > > > > "Murray" wrote: > > > > > >> Layers don't move. > > >> > > >> But show me your code, and I'll tell you what *is* moving.... > > >> > > >> -- > > >> Murray > > >> -------------- > > >> MVP FrontPage > > >> > > >> > > >> "kim" <(E-Mail Removed)> wrote in message > > >> news:8E0466DC-9AA8-40B8-A7D7-(E-Mail Removed)... > > >> >I am trying to put layers on top of graphics, (the only way I have > > >> >figure > > >> >out > > >> > to type ontop of graphics if there is a better way let me know) but > > >> > everytime > > >> > I go to add some ne welemnt elsewhere on the page the layer moves > > >> > messing > > >> > up > > >> > my entire layout. Is there a way to anchor a layer so that it can't > > >> > move > > >> > from > > >> > where I want it to be? Its not a published site, hopefully you can > > >> > understand > > >> > my description enough to help me. > > >> > -- > > >> > kim > > >> > > >> > > >> > > > > > > |
|
||
|
|
||||
|
Murray
Guest
Posts: n/a
|
>I am actually using front page
It must have passed through Dreamweaver at some time, though, since the javascript in the head is DW-specific javascript. > will the content I write in the picture, which has now become > part of the picture, count at all as content for SEO? No, definitely not. (from your other post) > Never mind, I think I got it figured out now, Thank you so much for all > your help Why don't you show how you figured out to do it? There may be a better way to do it. -- Murray -------------- MVP FrontPage "kim" <(E-Mail Removed)> wrote in message news:C8CA7FCD-9391-4372-B548-(E-Mail Removed)... >I am actually using front page, I inserted a template that I have into > frontpage, I was trying to insert text over a background picutre, I have > now > figurd out how to modify the picture and get the text into the picture so > that I won't need layers anymore, except for interactive buttons to link > pages with, but will the content I write in the picture, which has now > become > part of the picture, count at all as content for SEO? I am in so over my > head. I justlove the template look, better then I can make on my own, just > trying to figure out how to get text onto it is driving me crazy. > -- > kim > > > "Murray" wrote: > >> Made in Dreamweaver, I see. >> >> The reason you are seeing motion on your page is that you have placed >> your >> 'layers' directly into table cells, as shown here - >> >> <td width="291" background="images/fon_left.gif"> >> <div style="position: absolute; width: 278px; height: 431px; z-index: 2; >> >> This is close to the top of the list of "Bad things to do". One should >> never place absolutely positioned elements directly into table cells. >> The >> markup for these layers should all be moved out of the table cells, and >> replaced immediately above the </body> tag on the page. >> >> But there is another problem - using layers with 100% width tables. As >> the >> table expands to fill the screen, some of your contents will move away >> from >> the layers which are absolutely positioned. This will still likely cause >> you grief. >> >> I think you will have to reconsider your layout methods to go any >> further. >> >> Why are you using layers at all? >> >> -- >> Murray >> -------------- >> MVP FrontPage >> >> >> "kim" <(E-Mail Removed)> wrote in message >> news:34244427-4DF5-40E0-B4C1-(E-Mail Removed)... >> > Here's all of my front page: >> > <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> >> > >> > <html> >> > <head> >> > <title>1800CreditReport</title> >> > <link rel="stylesheet" type="text/css" href="style.css"> >> > <script language="JavaScript"> >> > <!-- >> > function MM_reloadPage(init) { //reloads the window if Nav4 resized >> > if (init==true) with (navigator) {if >> > ((appName=="Netscape")&&(parseInt(appVersion)==4)) { >> > document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; >> > onresize=MM_reloadPage; }} >> > else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) >> > location.reload(); >> > } >> > MM_reloadPage(true); >> > // --> >> > </script> >> > </head> >> > >> > <body leftmargin=0 topmargin=0 marginheight="0" marginwidth="0" >> > bgcolor="#ffffff"> >> > <table border="0" cellspacing="0" cellpadding="0" width="100%" >> > height="100%"> >> > <tr valign="top"> >> > <td width="50%" background="images/bg.gif"><img src="images/px1.gif" >> > width="1" height="1" alt="" border="0"> >> > </td> >> > <td background="images/bg_left.gif"> >> > <img border="0" src="bg_left.gif" width="35" height="883"></td> >> > <td> >> > <table border="0" cellpadding="0" cellspacing="0" width="780" >> > height="85" >> > background="images/fon_top.gif"> >> > <tr> >> > <td width="300" align="center"><font size="6" color="#000080"> >> > 1800CreditReport.com</font><p> </td> >> > <td valign="bottom"> >> > <div align="right" style="padding-right: 30px;"> >> > <p align="left"><font color="#000080" size="5">Credit >> > Card, >> > Credit Reports, Loans and more</font></div> >> > </td> >> > </tr> >> > </table> >> > <table width="780" border="0" cellspacing="0" cellpadding="0"> >> > <tr> >> > <td height="46" background="images/fon01.gif"> >> > <p align="center"><img src="images/top1.gif" width="32" height="1"><img >> > src="images/separator.gif" width="2" height="46"><!--webbot >> > bot="Navigation" >> > S-Type="sequence" S-Orientation="horizontal" S-Rendering="graphics" >> > S-Theme="pixel" B-Include-Home="FALSE" B-Include-Up="FALSE" >> > U-Page="sid:1010" >> > --></td> >> > </tr> >> > <tr> >> > <td><img border="0" src="welcome_note.gif" width="780" >> > height="48"></td> >> > </tr> >> > <tr> >> > <td><img border="0" src="main01.jpg" width="780" >> > height="166"></td> >> > </tr> >> > </table> >> > <table border="0" cellpadding="0" cellspacing="0" width="780"> >> > <tr valign="top"> >> > <td width="291" background="images/fon_left.gif"> >> > <div style="position: absolute; width: 278px; height: 431px; z-index: >> > 2; >> > left: 130px; top: 336px" id="layer2"> >> > <div style="position: absolute; width: 493px; height: 29px; z-index: 1; >> > left: 274px; top: 47px; visibility: visible; background-color: #000000" >> > id="layer3"> >> > <p align="center"> >> > <span style="font-weight: 700; font-style: italic; background-color: >> > #000000"> >> > <font color="#FFFFFF" size="5">Your Premier Credit Resource >> > Center</font></span></div> >> > <p> </p> >> > <p align="center"> </p> >> > <p align="left"><font face="Arial" color="#FF3300">Get Your Free Credit >> > Reports >> > Now</font></p> >> > <p align="center">Want more Credit Report Info? <a >> > href="credit_reports.htm"> >> > <img border="0" src="b_view.gif" width="67" height="15"></a></p> >> > <p align="left"><font face="Arial" color="#FF3300">Looking for an Auto >> > Loan?</font></p> >> > <p align="center">Want more Auto Info? <a href="auto_loans.htm"> >> > <img border="0" src="b_view.gif" width="67" height="15"></a></p> >> > <p align="left"> <a >> > href="http://www.credit.com/r/credit_card/af=p40611&ag=default&img=/assets/img/global/space_clr.gif" >> > style="text-decoration: none"><font color="#FF3300" >> > face="Arial">Looking >> > for >> > a new credit card? We have the right card at the right rate, click >> > here.</font></a></p> >> > <p align="center">Want more Credit Card info? <a >> > href="credit_cards.htm"> >> > <img border="0" src="b_view.gif" width="67" height="15"></a></p> >> > <p align="left"> <a >> > href="http://www.credit.com/r/mortgages/af=p40611&ag=default&img=/assets/img/global/space_clr.gif" >> > style="text-decoration: none"><font color="#FF3300" >> > face="Arial">Shopping >> > loan rates? We can help, click here for your next >> > mortgage</font></a></p> >> > <p align="center">Want more Mortgage info? <a href="credit_repair.htm"> >> > <img border="0" src="b_view.gif" width="67" height="15"></a></p> >> > <p align="center"> </p> >> > <p align="left"> </div> >> > <img border="0" src="top02.jpg" width="288" height="403"></td> >> > <td width="4" background="images/top02.jpg" style="background-position: >> > top; background-repeat: no-repeat;"> >> > <br> >> > <p class="left"> </p> >> > <br> >> > </td> >> > <td width="9" background="images/fon_center.gif"> </td> >> > <td width="473" background="images/fon01.jpg" >> > style="background-position: >> > top; background-repeat: no-repeat;" align="left"> >> > <div align="center"><img border="0" src="fon01.jpg" width="411" >> > height="341"> </div> >> > </td> >> > <td width="21" background="images/fon_right.gif"> </td> >> > </tr> >> > </table> >> > <table border="0" cellpadding="0" cellspacing="0" width="780" >> > height="79" >> > background="images/bot.gif"> >> > <tr valign="top"> >> > <td> >> > <table border="0" cellpadding="0" cellspacing="0" width="780" >> > height="79" >> > background=""> >> > <tr valign="top"> >> > <td width="300" valign="bottom"> >> > <div style="position: absolute; width: 258px; height: 28px; z-index: 1; >> > left: 630px; top: 831px" id="layer1"> >> > Copyright ©2005 1800CreditReport.com</div> >> > <p class="menu02"><img border="0" src="bot.gif" width="128" >> > height="79"></p></td> >> > <td> >> > <p class="menu02"> >> > <a href="index.htm">Home</a> | >> > <a href="">About Us</a> | <a href="contact_us.htm">Contact >> > Us </a> | <a href="site_map.htm"> >> > Site Map</a> | >> > <a href="faq.htm">FAQ</a> | <a href="links.htm">Links >> > </a><img border="0" src="bot.gif" width="654" height="79"></p> >> > </td> >> > </tr> >> > </table> >> > </td> >> > </tr> >> > </table> >> > </td> >> > <td background="images/bg_right.gif"> >> > <img border="0" src="bg_right.gif" width="23" height="883"></td> >> > <td width="50%" background="images/bg.gif"><img src="images/px1.gif" >> > width="1" height="1" alt="" border="0"></td> >> > </tr> >> > </table> >> > >> > </body> >> > </html> >> > -- >> > kim >> > >> > >> > "Murray" wrote: >> > >> >> Layers don't move. >> >> >> >> But show me your code, and I'll tell you what *is* moving.... >> >> >> >> -- >> >> Murray >> >> -------------- >> >> MVP FrontPage >> >> >> >> >> >> "kim" <(E-Mail Removed)> wrote in message >> >> news:8E0466DC-9AA8-40B8-A7D7-(E-Mail Removed)... >> >> >I am trying to put layers on top of graphics, (the only way I have >> >> >figure >> >> >out >> >> > to type ontop of graphics if there is a better way let me know) but >> >> > everytime >> >> > I go to add some ne welemnt elsewhere on the page the layer moves >> >> > messing >> >> > up >> >> > my entire layout. Is there a way to anchor a layer so that it can't >> >> > move >> >> > from >> >> > where I want it to be? Its not a published site, hopefully you can >> >> > understand >> >> > my description enough to help me. >> >> > -- >> >> > kim >> >> >> >> >> >> >> >> >> |
|
||
|
|
||||
|
|
|
| |
|
| Thread Tools | |
| Rate This Thread | |
|
|
Similar Threads
|
||||
| Thread | Thread Starter | Forum | Replies | Last Post |
| Layers?: Compact or compounding layers to table and cells | =?Utf-8?B?TWltaSBU?= | Microsoft Frontpage | 2 | 18th Nov 2006 12:06 PM |
| designed web page on frontpage but layers move when other people . | =?Utf-8?B?R29yb24=?= | Microsoft Frontpage | 2 | 6th Apr 2005 02:07 AM |
| i need help with layers move places in frontpage | =?Utf-8?B?QUogQm95Y2U=?= | Microsoft Frontpage | 20 | 23rd Mar 2005 04:32 PM |
| froze | =?Utf-8?B?ZnJ1c3RlcmF0ZWQ=?= | Microsoft Word Document Management | 0 | 26th Apr 2004 12:16 AM |
| Can i group layers to move them as one inFP2003 | Daisy | Microsoft Frontpage | 2 | 23rd Feb 2004 01:11 AM |
Powered by vBulletin®. Copyright ©2000 - 2012, Jelsoft Enterprises Ltd.
SEO by vBSEO ©2010, Crawlability, Inc. |
