Solved

Editing the behaviors of a style sheet

Posted on 2004-04-05
4
207 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:Auerelio Vasquez
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
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

On Demand Webinar - Networking for the Cloud Era

This webinar discusses:
-Common barriers companies experience when moving to the cloud
-How SD-WAN changes the way we look at networks
-Best practices customers should employ moving forward with cloud migration
-What happens behind the scenes of SteelConnect’s one-click button

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

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…
I still run into .cgi files every now and then. In some instances, I actually prefer the simplicity of a .cgi script to other options. Since I use DreamWeaver extensively, what I needed was a way to open .cgi scripts in Dreamweaver. And I wanted to …
Michael from AdRem Software outlines event notifications and Automatic Corrective Actions in network monitoring. Automatic Corrective Actions are scripts, which can automatically run upon discovery of a certain undesirable condition in your network.…
Visualize your data even better in Access queries. Given a date and a value, this lesson shows how to compare that value with the previous value, calculate the difference, and display a circle if the value is the same, an up triangle if it increased…

615 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