PDA

View Full Version : HELP, background in dreamweaver


mikepro44
09-15-2008, 04:43 AM
Yah my back ground shows up when I look at my pages in Design, yet when i look at it in preview it is just white.. anyone know? I used the body tag to set the background color..

As well, how come in my preview the rest of my site looks fine in safari but when I look at it in firefox or IE it is all off?

edbr
09-15-2008, 05:11 AM
post your code

mikepro44
09-15-2008, 05:14 AM
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Drills</title>

<script type="text/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) { //v4.01
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);
if(!x && d.getElementById) x=d.getElementById(n); 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>
<link href="styles.css" rel="stylesheet" type="text/css" />
</head>

<body onload="MM_preloadImages('../Imagess/images/layout-new-2_07.gif','../Imagess/images/layout-new-2_09.gif','../Imagess/images/layout-new-2_11.gif','../Imagess/images/layout-new-2_13.gif','../Imagess/images/layout-new-2_15.gif')">
<div align="center">
<table width="800" height="1837" border="0" cellpadding="0" cellspacing="0">
<tr>
<td height="145" colspan="4" align="left" valign="top"><img src="../Imagess/images/layout-new-2_01.gif" width="800" height="145" /></td>
</tr>
<tr>
<td height="7" colspan="4" align="left" valign="top"><img src="../Imagess/images/layout-new-2_02.gif" width="800" height="7" /></td>
</tr>
<tr>
<td width="14" rowspan="11" align="left" valign="top"><img src="../Imagess/images/layout-new-2_03.gif" width="14" height="392" /></td>
<td width="129" height="30"><img src="../Imagess/images/layout-new-2_04.gif" width="129" height="30" /></td>
<td width="14" rowspan="11" align="left" valign="top"><img src="../Imagess/images/layout-new-2_05.gif" width="14" height="392" /></td>
<td width="643" rowspan="12" align="left" valign="top"><table width="644" height="42" border="0" cellpadding="0" cellspacing="0">
<tr>
<td height="42" align="left" valign="top" class="heading">Drills</td>
</tr>
</table>
<table width="643" height="853" border="0" cellpadding="0" cellspacing="0">
<tr>
<td height="853" align="left" valign="top" class="text"><p class="heading2">Table of Contents</a> </p>
<ul>
<li><a href="#intro">Introduction</a></li>
<li><a href="#Equipment">Equipment</a></li>
<li><a href="#Positions">Positions</a></li>
<li><a href="#Stretching">Stretching</a></li>
<li><a href="#Off Season">Off Season</a></li>
<p class="heading2"><a name="intro">Introduction</a></p>
<p>Football requires an amazing amount of strength, speed and agility. Training should change based upon the time of <a href="image library/American_Football_Training.jpg" target="_blank"><img src="image library/American_Football_Training.jpg" width="275" height="392" align="right" class="borders" /></a>year. Most of the exercise found on this website are football specific but here are some sample training drills and exercises that you should perform to increase speed, power, flexibility and strength.</p>
<p>Football is a sport that requires a multitude of athletic abilities, aim to make improvements in the following to improve your game:</p>
<ul>
<li>Explosive acceleration and fast sprinting speed.</li>
<li>Muscular endurance and strength in the lower body.</li>
<li>Muscular balance and high levels of neuromuscular co-ordination.</li>
<li>Body awareness and agility, the ability to know where your body is, and be able to move it.</li>
<li>Discipline to take orders and decisions, as well as putting the team first.</li>
<li>Good flexibility to avoid injury, football players are prone to poor hamstring flexibility.</li>
<li>Correct balance between your quadriceps and hamstrings, as well as strength imbalances between your left and right leg.</li>
</ul>

<hr size="10" width="80%" align="center"
noshade="noshade"/></td>
</tr>
</table>
<p class="heading2"><a name="Equipment">Equipment</a></p>
<p class="text">Having the right equipment is essential to having successful training sessions, even if your missing only a couple pieces of equipment it can throw off the specificexercise your trying to do. For the &quot;skill&quot; positions like Quarterback, Runningback and Receiver, much less equipment is needed. These positions are <a href="image library/340x.jpg" target="_blank"><img src="image library/340x.jpg" width="230" align="right" class="borders" /></a>more speed and precision orientated. In contrast positions like Offensive and Defensive Linemen need Pads and apparatus used in a blocking or pushing motion thats eccesential to their positions. Tackling positions like Linebackers and Defensive Backs use much of the same gear as Linemen but integrate more hitting and tackling drills into practices.</p>
<p class="text">Here are some essentials: </p>
<li>20 field cones</li>
<li>10 step over pads</li>
<li>5 arm blocking pads</li>
<li>High step rope ladder</li>
<li>2 hitting dummies</li>
<li>5 blocking dummies</li>
<li>a Blocking sled</li>


<p>&nbsp;</p>
<li>Depending on the size of the training session, more or less equipment can be used. </li>
<hr size="10" width="80%" align="center"
noshade="noshade"/>
<p class="heading2"><a name="Positions">Positions</a></p>
<p class="text">With the many different positions that are offered in Football comes the different exercises that are needed.</p>
<li>Quarterbacks: One the main aspects in training for a Quarterback (Besides throwing ability) is footwork and mobility.
A good tool would be using a rope ladder (as show in the picture above) with the player trying to touch feet in between each rung as fast as possible. Fast feet are essential for mobility when it comes to the Quarterbacks.<a href="image library/530920581_07e4f1d3ef.jpg"><img src="image library/530920581_07e4f1d3ef.jpg" width="250" align="left" class="borders" /></a>
<li>Runningbacks:
Too put it simply, runningbacks are all legs. All of their power comes from the legs, even when blocking a defender. Exercises
for runningbacks
would be heavy in sprints as well as quickness. They would also take part in lots of full contact practices too simulate game time conditions.

<li>Linemen: A key for any good linemen is good positioning, get caught out of position and your whole offense is in trouble. Therefore linemen work on lots of one on one situations against eachother, taking turns blocking and attacking. Key pieces of equipment for this are blocking pads, and sleds. Which are weighted and the linemen have to push down field, which is a great exercise for building leg strength.
<li>Receivers/Defensive backs:
Just like runningbacks the receivers and defensive backs have to be fast on their feet. Not too mention they have to have the ability to catch the Football</li>
<hr size="10" width="80%" align="center"
noshade="noshade"/>
<p class="heading2"><a name="Stretching">Stretching</a></p>
<p class="text">Before and after practice it is essential to stretch out your muscles. A whole season can go to waste due to an injury from not stretching.</p>
<p class="heading2">&nbsp;</p></td>

<p class="text">&nbsp;</p>
<p class="text">&nbsp;</p>
<p class="text">&nbsp;</p>
<p class="text">&nbsp;</p>
<p class="heading2">&nbsp;</p>
<p>&nbsp;</p>
</td>
</tr>
<tr>
<td height="9" align="left" valign="top"><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image11','','../Imagess/images/layout-new-2_07.gif',1)"><img src="../Imagess/images/layout-new-23_07.gif" name="Image11" width="129" height="37" border="0" id="Image11" /></a></td>
</tr>
<tr>
<td height="9" align="left" valign="top"><img src="../Imagess/images/layout-new-2_08.gif" width="129" height="17" /></td>
</tr>
<tr>
<td height="18" align="left" valign="top"><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image12','','../Imagess/images/layout-new-2_09.gif',1)"><img src="../Imagess/images/layout-new-23_09.gif" name="Image12" width="129" height="39" border="0" id="Image12" /></a></td>
</tr>
<tr>
<td height="13" align="left" valign="top"><img src="../Imagess/images/layout-new-2_10.gif" width="129" height="13" /></td>
</tr>
<tr>
<td height="18" align="left" valign="top"><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image13','','../Imagess/images/layout-new-2_11.gif',1)"><img src="../Imagess/images/layout-new-23_11.gif" name="Image13" width="129" height="40" border="0" id="Image13" /></a></td>
</tr>
<tr>
<td height="14" align="left" valign="top"><img src="../Imagess/images/layout-new-2_12.gif" width="129" height="14" /></td>
</tr>
<tr>
<td height="18" align="left" valign="top"><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image14','','../Imagess/images/layout-new-2_13.gif',1)"><img src="../Imagess/images/layout-new-23_13.gif" name="Image14" width="129" height="39" border="0" id="Image14" /></a></td>
</tr>
<tr>
<td height="16" align="left" valign="top"><img src="../Imagess/images/layout-new-23_14.gif" width="129" height="16" /></td>
</tr>
<tr>
<td height="9" align="left" valign="top"><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image15','','../Imagess/images/layout-new-2_15.gif',1)"><img src="../Imagess/images/layout-new-23_15.gif" name="Image15" width="129" height="39" border="0" id="Image15" /></a></td>
</tr>
<tr>
<td height="9" align="left" valign="top"><img src="../Imagess/images/layout-new-2_16.gif" width="129" height="108" /></td>
</tr>
<tr>
<td height="1224" colspan="3" align="left" valign="top"><img src="../Imagess/images/layout-new-2_17.gif" width="157" height="5" /></td>
</tr>
<tr>
<td height="5" colspan="4" align="left" valign="top"><img src="../Imagess/images/layout-new-23_18.gif" width="800" height="5" /></td>
</tr>
<tr>
<td height="38" colspan="4" align="left" valign="top"><img src="../Imagess/images/layout-new-2_19.gif" width="800" height="46" />
<table width="800" border="0" cellspacing="0" cellpadding="0">
<tr>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
</table></td>
</tr>
</table>
</div>
</body>
</html>

edbr
09-15-2008, 06:05 AM
your style sheet would be good

mikepro44
09-15-2008, 06:51 AM
@charset "UTF-8";
/* CSS Document */

body {
background-color: C0B4A4;
background-repeat: repeat-x;
}
.heading {
font-family: "Times New Roman", Times, serif;
font-size: 36px;
font-weight: bold;
color: 34302c;
text-decoration: underline;
}
.heading2 {
color: 806747;
font-size: 18px;
font-weight: bolder;
text-decoration: underline;
}
.borders {
border-top-width: medium;
border-right-width: medium;
border-bottom-width: medium;
border-left-width: medium;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-top-color: 34302c;
}
.text {
font-family: "Times New Roman", Times, serif;
font-size: 18px;
font-weight: bold;
color: 34302C;
text-decoration: none;
}

edbr
09-15-2008, 07:04 AM
background-color: C0B4A4; should be
background-color: #C0B4A4;

mikepro44
09-15-2008, 07:08 AM
Oh sweet thanks alot, one more question, I have my nav bar on the side when I look at it in safari its fine but in firefox it has big gaps in it.

Any Suggestions?

Corrosive
09-15-2008, 04:13 PM
@charset "UTF-8";
/* CSS Document */

body {
background-color: C0B4A4;
background-repeat: repeat-x;
}
.heading {
font-family: "Times New Roman", Times, serif;
font-size: 36px;
font-weight: bold;
color: 34302c;
text-decoration: underline;
}
.heading2 {
color: 806747;
font-size: 18px;
font-weight: bolder;
text-decoration: underline;
}
.borders {
border-top-width: medium;
border-right-width: medium;
border-bottom-width: medium;
border-left-width: medium;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-top-color: 34302c;
}
.text {
font-family: "Times New Roman", Times, serif;
font-size: 18px;
font-weight: bold;
color: 34302C;
text-decoration: none;
}

Hi Mike, can you 'wrap' your code please. It makes it easier on the site, thanks :)