Register

If this is your first visit, please click the Sign Up now button to begin the process of creating your account so you can begin posting on our forums! The Sign Up process will only take up about a minute of two of your time.

Page 1 of 2 1 2 LastLast
Results 1 to 10 of 15
  1. #1
    Junior Member Deacon's Avatar
    Join Date
    Nov 2006
    Posts
    12
    Member #
    14385
    Having a problem figuring out to have a background pic that doesn't move. I have seen them on myspace but have not been able to figure out how to do it myself... Any Advice? maybe someone has a script that i can use?
    Using dreamweaver 8

  2.  

  3. #2
    Junior Member
    Join Date
    Nov 2006
    Posts
    6
    Member #
    14378
    Yeah, you can make a background image fixed using CSS. There's an example of this at http://www.w3schools.com/css/tryit.a...und-attachment
    . Just write "background-attachment: fixed" in the CSS for your "body" element. That should work.

  4. #3
    Junior Member Deacon's Avatar
    Join Date
    Nov 2006
    Posts
    12
    Member #
    14385
    ok here is the code for the main page, not sure what i'm doing wrong

    HTML Code:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "[URL="http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"]http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd[/URL]">
    <html xmlns="[URL="http://www.w3.org/1999/xhtml"]http://www.w3.org/1999/xhtml[/URL]">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
    <title>Aletheia Home</title>
    <style type="text/css">
    <!--
    body {
     background-color: #000000;
    }
    body,td,th {
     font-family: Times New Roman, Times, serif;
     text-decoration: none;
     font-size: medium;
    }
    .style3 {
     color: #CCCCCC;
     font-size: x-large;
     font-weight: bold;
    }
    a:link {
     text-decoration: none;
    }
    a:hover {
     color: #0000ff;
     text-decoration: none;
    }
    a:visited {
     text-decoration: none;
    }
    a:active {
     text-decoration: none;
    }
    a {
     font-family: Times New Roman, Times, serif;
     font-size: medium;
     color: #FF6600;
    }
    .style30 {}
    .style45 {
     color: #FF6600;
     font-weight: bold;
    }
    .style49 {
     color: #FF6600;
     font-size: x-large;
     font-weight: bold;
    }
    .style50 {
     color: #CCCC00;
     font-weight: bold;
    }
    .style51 {
     color: #C0C0C0;
     font-weight: bold;
     font-size: small;
     font-family: "Times New Roman", Times, serif;
    }
    .style52 {font-size: x-large; font-family: "Times New Roman", Times, serif; color: #FF6600;}
    .style54 {color: #478E00; font-weight: bold; }
    .style55 {color: #FF0000; font-weight: bold; }
    .style56 {
     color: #478E00;
     font-weight: bold;
     font-family: "Times New Roman", Times, serif;
     font-size: medium;
    }
    .style59 {color: #000000}
    -->
    </style>
    <script type="text/JavaScript">
    <!--
    
    function MM_preloadImages() { //v3.0
      var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
        var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
        if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
    }
    //-->
    </script>
    </head>
    <body onload="MM_preloadImages('Buttons/Image3.png','Buttons/Image4.png')">
    <table width="100%" align="center" bordercolor="#00FFFF">
      <tr>
        <th scope="col"><div align="left" class="style3"><img src="Buttons/welcome.png" alt="welcome" width="300" height="30" /></div></th>
      </tr>
    </table>
    <table width="955" height="311" border="3" align="center" cellpadding="0" cellspacing="0" bordercolor="#FFFF66" bordercolorlight="#008000" bordercolordark="#FF8000" background="backgrounds/leafback1.png" bgcolor="#000000">
      <tr>
        <th width="1000" height="285" bordercolor="#D49F55" scope="col"><img src="backgrounds/aletfallback.png" alt="Aletheia" width="400" height="300" /></th>
      </tr>
    </table>
    <hr noshade="noshade" color="#000000" />
    <table width="100%" align="center">
      <tr>
        <th width="14%" scope="col"><a href="About.html" class="style59"><img src="Buttons/leafabout.png" alt="leafabout" width="100" height="40" /></a></th>
        <th width="14%" scope="col"><a href="Advertise.html" class="style59"><img src="Buttons/leafadvertise.png" alt="leafadvertise" width="100" height="40" /></a></th>
        <th width="14%" scope="col"><a href="Comments.html" class="style59"><img src="Buttons/leafComment.png" alt="leafcomment" width="100" height="40" /></a></th>
        <th width="14%" scope="col"><a href="Comments.html" class="style59"><img src="Buttons/leafcontact.png" alt="leafcontact" width="100" height="40" /></a></th>
        <th width="14%" scope="col"><a href="Contact.html" class="style59"><img src="Buttons/leafe-mail.png" alt="leafe-mail" width="100" height="40" /></a></th>
        <th width="14%" scope="col"><a href="Registration.html" class="style59"><img src="Buttons/leafjoin.png" alt="leafjoin" width="100" height="40" /></a></div></th>
        <th width="14%" scope="col"><a href="Employment.html" class="style59"><img src="Buttons/leafwork.png" alt="leafwork" width="100" height="40" /></a></div></th>
      </tr>
      <tr>
        <th scope="col">&nbsp;</th>
        <th scope="col">&nbsp;</th>
        <th scope="col">&nbsp;</th>
        <th scope="col">&nbsp;</th>
        <th scope="col">&nbsp;</th>
        <th scope="col">&nbsp;</th>
      </tr>
    </table>
    <p>&nbsp;</p>
    <p align="center" class="style52">Useful Links on Our Site and More Information </p>
    <table width="100%" height="30" align="center" bordercolor="#000000" bordercolorlight="#FF8000" bordercolordark="#FFBD7B">
      <tr>
        <td width="21%" class="style30" scope="row"><div align="center"><a href="Photography.html" class="style56">Christian Sale items </a></div></td>
        <th width="59%" bordercolor="#000000" class="style30" scope="row">&nbsp;</th>
        <th width="20%" class="style30" scope="row">&nbsp;</th>
        <th width="20%" class="style30" scope="row">&nbsp;</th>
        <th width="20%" class="style30" scope="row">&nbsp;</th>
        <th width="20%" class="style30" scope="row">&nbsp;</th>
      </tr>
      <tr>
        <td class="style30" scope="row"><div align="center"><a href="Photography.html" class="style45">Photography Studio</a> </div></td>
        <th bordercolor="#000000" class="style30" scope="row">&nbsp;</th>
        <th class="style30" scope="row">&nbsp;</th>
        <th class="style30" scope="row">&nbsp;</th>
        <th class="style30" scope="row">&nbsp;</th>
        <th class="style30" scope="row">&nbsp;</th>
      </tr>
      <tr>
        <td class="style30" scope="row"><div align="center"><a href="webdesign.html" class="style55">Web Design</a> </div></td>
        <th bordercolor="#000000" class="style30" scope="row">&nbsp;</th>
        <th class="style30" scope="row">&nbsp;</th>
        <th class="style30" scope="row">&nbsp;</th>
        <th class="style30" scope="row">&nbsp;</th>
        <th class="style30" scope="row">&nbsp;</th>
      </tr>
      <tr>
        <td class="style30" scope="row"><div align="center"><a href="PrisonMinistry.html" class="style50">Prison Ministry</a> </div></td>
        <th bordercolor="#000000" class="style30" scope="row">&nbsp;</th>
        <th class="style30" scope="row">&nbsp;</th>
        <th class="style30" scope="row">&nbsp;</th>
        <th class="style30" scope="row">&nbsp;</th>
        <th class="style30" scope="row">&nbsp;</th>
      </tr>
      <tr>
        <td class="style30" scope="row"><div align="center"><a href="PastorMike.html" class="style54">Pastor Michael </a></div></td>
        <th bordercolor="#000000" class="style30" scope="row">&nbsp;</th>
        <th class="style30" scope="row">&nbsp;</th>
        <th class="style30" scope="row">&nbsp;</th>
        <th class="style30" scope="row">&nbsp;</th>
        <th class="style30" scope="row">&nbsp;</th>
      </tr>
      <tr>
        <td class="style30" scope="row"><div align="center"><span class="style49"><a href="Radio.html">Christian Radio</a> </span></div></td>
        <th bordercolor="#000000" class="style30" scope="row">&nbsp;</th>
        <th class="style30" scope="row">&nbsp;</th>
        <th class="style30" scope="row">&nbsp;</th>
        <th class="style30" scope="row">&nbsp;</th>
        <th class="style30" scope="row">&nbsp;</th>
      </tr>
      <tr>
        <td class="style30" scope="row"><div align="center"><a href="outreach.html" class="style55">Community Outreach</a> </div></td>
        <th bordercolor="#000000" class="style30" scope="row">&nbsp;</th>
        <th class="style30" scope="row">&nbsp;</th>
        <th class="style30" scope="row">&nbsp;</th>
        <th class="style30" scope="row">&nbsp;</th>
        <th class="style30" scope="row">&nbsp;</th>
      </tr>
      <tr>
        <td class="style30" scope="row"><div align="center"></div></td>
        <th bordercolor="#000000" class="style30" scope="row">&nbsp;</th>
        <th class="style30" scope="row">&nbsp;</th>
        <th class="style30" scope="row">&nbsp;</th>
        <th class="style30" scope="row">&nbsp;</th>
        <th class="style30" scope="row">&nbsp;</th>
      </tr>
      <tr>
        <td class="style30" scope="row"><div align="center"></div></td>
        <th bordercolor="#000000" class="style30" scope="row">&nbsp;</th>
        <th class="style30" scope="row">&nbsp;</th>
        <th class="style30" scope="row">&nbsp;</th>
        <th class="style30" scope="row">&nbsp;</th>
        <th class="style30" scope="row">&nbsp;</th>
      </tr>
      <tr>
        <td class="style30" scope="row"><div align="center"></div></td>
        <th bordercolor="#000000" class="style30" scope="row">&nbsp;</th>
        <th class="style30" scope="row">&nbsp;</th>
        <th class="style30" scope="row">&nbsp;</th>
        <th class="style30" scope="row">&nbsp;</th>
        <th class="style30" scope="row">&nbsp;</th>
      </tr>
    </table>
    <p align="center" class="style51">Copyright &copy; 2006 Aletheia All rights Reserved </p>
    <p class="style30">&nbsp;</p>
    <p class="style30">&nbsp;</p>
    <p class="style30">&nbsp;</p>
    <p class="style30">&nbsp;</p>
    <p class="style30">&nbsp;</p>
    <p class="style30">&nbsp;</p>
    <span class="style30">
    <map name="Map" id="Map">
      <area shape="rect" coords="5,4,147,46" href="Index.html" />
    </map>
    </span>
    </body>
    </html>
    Maybe i'm going to need alot more help

  5. #4
    Junior Member Deacon's Avatar
    Join Date
    Nov 2006
    Posts
    12
    Member #
    14385
    addition to last post. I tried to put the code you gave me (learningnerd) into it and nothing happened

  6. #5
    Senior Member filburt1's Avatar
    Join Date
    Jul 2002
    Location
    Maryland, US
    Posts
    11,774
    Member #
    3
    Liked
    21 times
    I recommend 100% scrapping your current code and starting over using semantic code and CSS. You're just going to waste time if you use tables; they're terrible for maintenance and semantic purposes.
    filburt1, Web Design Forums.net founder
    Site of the Month contest: submit your site or vote for the winner!

  7. #6
    Junior Member Deacon's Avatar
    Join Date
    Nov 2006
    Posts
    12
    Member #
    14385
    This presents a Huge problem to me since I know nothing about the semantic web and next to nothing about Cascading Style Sheets

  8. #7
    Senior Member filburt1's Avatar
    Join Date
    Jul 2002
    Location
    Maryland, US
    Posts
    11,774
    Member #
    3
    Liked
    21 times
    No time like the present, then.

    It's a train wreck to try to manage a site that uses tables everywhere, but also CSS for styling. I know it doesn't help your current problem, but it'll help you far more in the long run.
    filburt1, Web Design Forums.net founder
    Site of the Month contest: submit your site or vote for the winner!

  9. #8
    Junior Member Deacon's Avatar
    Join Date
    Nov 2006
    Posts
    12
    Member #
    14385
    I guess I'm going to have to check out some tutorials on both of these topics

  10. #9
    Junior Member Deacon's Avatar
    Join Date
    Nov 2006
    Posts
    12
    Member #
    14385
    filburt would you mind if I talk with you privately?

  11. #10
    Senior Member filburt1's Avatar
    Join Date
    Jul 2002
    Location
    Maryland, US
    Posts
    11,774
    Member #
    3
    Liked
    21 times
    I prefer public discussion wherever possible, unless your question is private in nature and related directly to this site.
    filburt1, Web Design Forums.net founder
    Site of the Month contest: submit your site or vote for the winner!


Page 1 of 2 1 2 LastLast

Remove Ads

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
All times are GMT -6. The time now is 10:47 PM.
Powered by vBulletin® Version 4.2.3
Copyright © 2020 vBulletin Solutions, Inc. All rights reserved.
vBulletin Skin By: PurevB.com