Solved

Editing the behaviors of a style sheet

Posted on 2004-04-05
4
160 Views
Last Modified: 2010-04-25
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
Comment
Question by:basile
4 Comments
 
LVL 35

Accepted Solution

by:
mrichmon earned 250 total points
ID: 10767519
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
 
LVL 8

Assisted Solution

by:alexhogan
alexhogan earned 250 total points
ID: 10782644
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

How your wiki can always stay up-to-date

Quip doubles as a “living” wiki and a project management tool that evolves with your organization. As you finish projects in Quip, the work remains, easily accessible to all team members, new and old.
- Increase transparency
- Onboard new hires faster
- Access from mobile/offline

Join & Write a Comment

Suggested Solutions

For those who don't know, Adobe Dreamweaver is a popular commercial web editor that enables you to design, build and manage complex websites. The editor is a WYSIWYG (What You See Is What You Get) web editor, which means that you can create your web…
This article is very specific and is only intended to help if you are installing Dreamweaver 8 in a Windows 7 environment with Office 2007 installed.   I'm not sure why Microsoft tends to release OS' that should not be released but they do.  Windows…
This demo shows you how to set up the containerized NetScaler CPX with NetScaler Management and Analytics System in a non-routable Mesos/Marathon environment for use with Micro-Services applications.
This video shows how to remove a single email address from the Outlook 2010 Auto Suggestion memory. NOTE: For Outlook 2016 and 2013 perform the exact same steps. Open a new email: Click the New email button in Outlook. Start typing the address: …

747 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question

Need Help in Real-Time?

Connect with top rated Experts

14 Experts available now in Live!

Get 1:1 Help Now