Solved

Editing the behaviors of a style sheet

Posted on 2004-04-05
4
188 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

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.

Question has a verified solution.

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

Suggested Solutions

Title # Comments Views Activity
dw grid expanded layout view 8 324
Dreamweaver CS6 Sites Setup 2 431
Software Tool for cleaning up UNUSED WEB FILES ? 2 276
Website Design 13 129
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…
Adobe Dreamweaver CS5 is a WYSIWYG web page editor that has advanced HTML, CSS, and Javascript rendering functionality and is probably the most well-known HTML editor available. Much of Dreamweaver's appeal centers around the Design View interfac…
Although Jacob Bernoulli (1654-1705) has been credited as the creator of "Binomial Distribution Table", Gottfried Leibniz (1646-1716) did his dissertation on the subject in 1666; Leibniz you may recall is the co-inventor of "Calculus" and beat Isaac…

820 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