Go Premium for a chance to win a PS4. Enter to Win

x
  • Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 225
  • Last Modified:

Editing the behaviors of a style sheet

I have a style sheet and it uses an image as the background, but i can't edit the background. i want to be able to type on the background insert pics, links and so forth, but it seems that the section is uneditable. can i 1. change the background color and 2. the image across the top, and last be able to type text on the page. i know that a page with jsut a background you are able to free type on it. is it possible with this style sheet ?

<html><!-- #BeginTemplate "/Templates/layout.dwt" -->
<head>
<!-- #BeginEditable "doctitle" -->
<title>Band Fan Site</title>
<!-- #EndEditable -->
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<meta name="keywords" content="enter, keywords, here">
<meta name="description" content="enter a brief description here">
<link rel="STYLESHEET" type="text/css" href="wtn.css">
<script language="JavaScript">
<!--
function MM_swapImgRestore() { //v3.0
  var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}

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];}}
}

function MM_findObj(n, d) { //v3.0
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document); return x;
}

function MM_swapImage() { //v3.0
  var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
   if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
//-->
</script>
</head>

<body bgcolor="#666666" text="#CCCC99" link="#FFFFFF" alink="#FFFFFF" vlink="#FFFFFF" background="images/backg.gif" marginheight="0" marginwidth="0" topmargin="0" leftmargin="0" onLoad="MM_preloadImages('images/nav/tour2.gif','images/nav/disc2.gif','images/nav/song2.gif','images/nav/links2.gif')">
<div align="center">
  <table width="400" border="0" cellspacing="0" cellpadding="0">
    <tr>
      <td><!-- #BeginEditable "masthead" -->
            <img src="images/woodstickbanner%20copy.gif" width="468" height="60"><!-- #EndEditable --></td>
    </tr>
  </table>
  <br>
  <br>
  <br>
<table border="0" cellspacing="0" cellpadding="0">
      <tr valign="middle">
          <td valign="middle">
                  <a href="tour.htm" class="nav">Gigs</a><img src="images/nav/divider.gif" width="2" height="10" border="0" alt="divider"><a href="disc.htm" class="nav">Pics of the Band</a><img src="images/nav/divider.gif" width="2" height="10" border="0" alt="divider"><a href="song.htm" class="nav">Pics of the Fans</a><img src="images/nav/divider.gif" width="2" height="10" border="0" alt="divider"><a href="links.htm" class="nav">Links</a>
            </td>
      </tr>
</table><br>
  <table width="246" border="0" cellspacing="0" cellpadding="0">
    <tr>
      <td width="15" height="14" valign="top" rowspan="2"><img src="images/spacer.gif" border="0" alt="spacer" width="15" height="13"></td>
      <td valign="top" height="2" colspan="4"> <img src="images/spacer.gif" border="0" alt="spacer" width="423" height="13"></td>
    </tr>
    <tr>
      <td valign="top" colspan="4"><!-- #BeginEditable "content" -->
        <p><font face="Geneva, Arial, Helvetica" size="2"><b> <font face="Geneva, Arial, Helvetica" size="2" color="#CCCCCC">
          </font><font face="Geneva, Arial, Helvetica" size="2"><b><font face="Geneva, Arial, Helvetica" size="2" color="#CCCCCC"><img src="Whitlow%27s%20Open%20Mic%20Night%20Website%20Cover%20(2).png" align="left" width="279" height="451" border="0" alt="Image"></font></b></font><font face="Geneva, Arial, Helvetica" size="2" color="#CCCCCC">This
          is where we will learn about the band, bio, how they formed etc.. </font></b></font></p>
        <p><a href="BIO.htm">about the band</a></p>
        <p><font face="Geneva, Arial, Helvetica" size="2"><b><font face="Geneva, Arial, Helvetica" size="2" color="#CCCCCC">
          <a href="mailto:theband@livingforgeorge.com">email the band </a> <br>
          </font></b></font></p>
        <!-- #EndEditable --></td>
    </tr>
    <tr>
      <td width="15" height="14" valign="top">&nbsp;</td>
      <td valign="top" colspan="4">
        <div align="right"><font face="Geneva, Arial, Helvetica" size="1" color="#333333"><br>
          copyright information</font></div>
      </td>
    </tr>
  </table>
</div>
</body>
<!-- #EndTemplate --></html>
0
Auerelio Vasquez
Asked:
Auerelio Vasquez
2 Solutions
 
mrichmonCommented:
Well, you did not include the code for the stylesheet so it is hard to answer that question.

But you should be able to edit any section of code that is between the<!-- #BeginEditable "masthead" -->  and  <!-- #EndEditable --> lines.

TO change the background to a color you would add a color attribute to the body.

Maybe this page will help you out :

http://www.w3schools.com/css/default.asp

It is basic information/tutorials on stylesheets


And here is basic information on html and setting basic page properties :
http://www.w3schools.com/html/
0
 
alexhoganCommented:
If I understand you question right yes it possible with a style sheet.

To place an image on the background of your page with a stylesheet use;

.body{
      background-image: <place the url to the image here>;
}

To better understand your problem copy and paste your style sheet code.
0

Featured Post

Free Tool: Subnet Calculator

The subnet calculator helps you design networks by taking an IP address and network mask and returning information such as network, broadcast address, and host range.

One of a set of tools we're offering as a way of saying thank you for being a part of the community.

Tackle projects and never again get stuck behind a technical roadblock.
Join Now