No replies
memlydarling
memlydarling's picture
Offline
newbie
Last seen: 10 years 21 weeks ago
Timezone: GMT-4
Joined: 2011-08-24
Posts: 1
Points: 2

Hey all,

Sorry to bother you, but I'm at my wit's end. I'm trying to teach myself to build a super basic website. It uses HTML and CSS, but I'm working off a template and basically modifying as needed. I'm building it in Weebly, which is quickly becoming the bane of my existence. So, here's the deal: I needed multiple pages of my website, but for some reason the content was linked and doing something to one window affected them all. I managed to fix that, but now I can't change the fonts on anything but the home page - no matter what page I have selected, picking a different font from the drop-down menu only changes it on the home page. On all the other pages, content stays in Helvetica no matter what I do. I'm only working with fonts included in Weebly, no extra fonts, and I'm not really sure what I'm doing wrong. I'd post the website itself, but it's not live yet, so I'm including the code instead.

I can't tell if this is Weebly being screwy (I've read up on a bunch of forums trying to solve this, and several said Weebly has been known to have trouble with fonts) or something I'm doing wrong. This may be a very dumb question, and if that's the case then you don't even have to tell me how to fix it if you're so disgusted by my stupidity, but any feedback on whether it's Weebly's problem or my problem would be really helpful.

I have 4 types of pages: index (the home page, the only one I can change fonts on), about, portfolio, and contact. I'm attaching all the code in here in hopes that it will be useful. I've tested using Chrome 13.0.782.112 and IE 8, and the same problem pops up in both browsers.

THANK YOU for helping!

CSS:

body
{
  padding: 0;
  margin: 0;
  background: #339999;
  color: #FFF;
  font-family: arial, verdana, helvetica, tahoma, sans-serif;
  font-size: 80%;
  height: 1000px; /* Editor Fix */
}
 
img
{
  border: 0;
}
 
a
{
  text-decoration: none;
  color: #FF80A8;
}
 
a:hover
{
  text-decoration: none;
  color: #FFF;
}
 
#centrecontainer
{
  position: absolute;
  top: 50%;
  top: 375px; /* Editor Fix */
  left: 0px;
  width: 100%;
}
 
#outercontainer
{
  margin-left: -400px;
  position: absolute;
  top: -236px;
  left: 50%;
}
 
#header
{
  width: 800px;
  height: 40px;
  letter-spacing: 1px;
}
 
#container    
{
  border: 20px solid #FFF;
  width: 760px;
  height: 370px;
}
 
#containerleft
{
  float: left;
  width: 250px;
  height: 350px;
  background-image:global=false;
  border-right: 20px solid #FFF;
  padding: 10px;
}
 
#containerleft a
{
  text-decoration: none;
  color: #FFF;
}
 
#containerleft a:hover
{
  text-decoration: none;
  color: #FF80A8;
}
 
#containerleft h2
{
  margin: 0;
  padding: 0;
  font-family: helvetica, arial, verdana, tahoma, sans-serif;
  letter-spacing: -1px;
  font-size: 250%;
  text-align: right;
}
 
#containerright
{
  float: left;
  width: 450px;
  height: 350px;
  background: #006666;
  overflow: auto;
  padding: 10px;
  position: relative;
  line-height:1.25;
}
 
#containerright h2
{
  margin: 0;
  padding: 0;
  font-family: helvetica, arial, verdana, tahoma, sans-serif;
  letter-spacing: -1px;
  font-size: 200%;
  border-bottom: 1px solid #FFF;
  padding-bottom: 5px;
  width: 90%;
  line-height:1.25;
}
 
#footer
{
  width: 800px;
  text-align: right;
  padding: 5px 0px;
  color: #FF80A8;
}
 
#footer a
{
  text-decoration: none;
  color: #FF80A8;
}
 
#footer a:hover
{
  text-decoration: none;
  color: #FFF;
}
 
#navcontainer ul
{
        padding: 0;
        margin: 0;
        float: right;
        width: 100%;
}
 
#navcontainer ul li
{
        display: inline;
}
 
#navcontainer ul li a
{
        padding: 6px 10px 6px 9px;
        color: #FFF;
        text-decoration: none;
        float: right;
}
 
#navcontainer ul li a:hover
{
        background-color: #FFF;
        color: #990031;
}
#active a:link {
   background-color: #FFF;
     color: #990031;
}
#active a:hover {
   background-color: #FFF;
     color: #990031;
}
#active a:visited {
   background-color: #FFF;
     color: #990031;
}
 
 
 
/****************************** flyout menus ******************************/
 
#weebly-menus .weebly-menu-wrap {
  z-index: 5000;
}
 
#weebly-menus .weebly-menu {
  padding: 0;
  margin: 0;
  list-style: none;
}
 
#weebly-menus .weebly-menu li {
  float: left;
  clear: left;
  width: 170px;
  text-align: left;
}
 
#weebly-menus .weebly-menu li a {
  position: relative;
  display: block;
  width: 100%;
  background: #fff;
  border-right: 1px solid #fff;
  border-left: 1px solid #fff;
  border-bottom: 1px solid #fcbace;
  text-decoration: none;
  font-size: 11px;
  font-weight: normal;
  line-height:1;
  padding:3px;
  color: #a20031;
}
 
#weebly-menus .weebly-menu li a:hover {
  background: #fcbace;
}
 
#weebly-menus span.weebly-menu-title {
  display: block;
  padding: 5px 10px;
}
 
#weebly-menus span.weebly-menu-more {
  background: transparent url(<a href="http://images.weebly.com/weebly/images/submenu_arrow.gif" rel="nofollow">http://images.weebly.com/weebly/images/submenu_arrow.gif</a>) no-repeat center top;
  display: block;
  position: absolute;
  right: 5px;
  top: 0;
  font-family: Courier;
  height: 28px;
  line-height: 28px;
  padding:1px 0 3px 0;
}

Index HTML

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
 
<!-- this template was designed by <a href="http://www.tristarwebdesign.co.uk" rel="nofollow">http://www.tristarwebdesign.co.uk</a> - please visit for more templates & information - thank you. -->
 
<head>
<title>{title}</title>
<meta http-equiv="Content-Language" content="en-gb" />
 
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252" />
 
<!-- style sheet links -->
<!--[if lt IE 7.]><script defer type="text/javascript" src="/files/theme/pngfix.js"></script><![endif]-->
 
</head>
 
<body>
 
<div id="centrecontainer">
 
  <div id="outercontainer">
 
  <div id="header">
    <div id="navcontainer">
      <ul id="navlist">
        {activeitem}<li id="active"><a href="{activeitemlink}">{activeitemtitle}</a></li>{/activeitem}
        {item}<li><a href="{itemlink}">{itemtitle}</a></li>{/item}
      </ul>
    </div>
  </div>
 
  <div id="container">
 
  <div id="containerleft" class="wsite-header">
    <h2>{title}</h2>
  </div>
 
    <div id="containerright">
 
      {content:global}
 
    </div>
 
  </div>
 
  <div id="footer">
    <span id='weeblyFooter'>{footer}</span> &nbsp;
  </div>
 
  </div>
 
</div>
	<div style='display:none;'>{content}</div>
</body>
 
</html>

About HTML

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
 
<!-- this template was designed by <a href="http://www.tristarwebdesign.co.uk" rel="nofollow">http://www.tristarwebdesign.co.uk</a> - please visit for more templates & information - thank you. -->
 
<head>
<title>{title}</title>
<meta http-equiv="Content-Language" content="en-gb" />
 
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252" />
 
<!-- style sheet links -->
<!--[if lt IE 7.]><script defer type="text/javascript" src="/files/theme/pngfix.js"></script><![endif]-->
 
</head>
 
<body>
 
<div id="centrecontainer">
 
  <div id="outercontainer">
 
  <div id="header">
    <div id="navcontainer">
      <ul id="navlist">
        {activeitem}<li id="active"><a href="{activeitemlink}">{activeitemtitle}</a></li>{/activeitem}
        {item}<li><a href="{itemlink}">{itemtitle}</a></li>{/item}
      </ul>
    </div>
  </div>
 
  <div id="container">
 
  <div id="containerleft">
 
      {containerleft:content global="false"}
 
  </div>
 
    <div id="containerright">
 
      {containerright:content global="false"}
 
    </div>
 
  </div>
 
  <div id="footer">
    <span id='weeblyFooter'>{footer}</span> &nbsp;
  </div>
 
  </div>
 
</div>
	<div style='display:none;'>{content}  
</div>
</body>
 
</html>

Projects HTML

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
 
<!-- this template was designed by <a href="http://www.tristarwebdesign.co.uk" rel="nofollow">http://www.tristarwebdesign.co.uk</a> - please visit for more templates & information - thank you. -->
 
<head>
<title>{title}</title>
<meta http-equiv="Content-Language" content="en-gb" />
 
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252" />
 
<!-- style sheet links -->
<!--[if lt IE 7.]><script defer type="text/javascript" src="/files/theme/pngfix.js"></script><![endif]-->
 
</head>
 
<body>
 
<div id="centrecontainer">
 
  <div id="outercontainer">
 
  <div id="header">
    <div id="navcontainer">
      <ul id="navlist">
        {activeitem}<li id="active"><a href="{activeitemlink}">{activeitemtitle}</a></li>{/activeitem}
        {item}<li><a href="{itemlink}">{itemtitle}</a></li>{/item}
      </ul>
    </div>
  </div>
 
  <div id="container">
 
  <div id="containerleft">
 
      {containerleft:content global="false"}
 
  </div>
 
    <div id="containerright">
 
      {containerright:content global="false"}
 
    </div>
 
  </div>
 
  <div id="footer">
    <span id='weeblyFooter'>{footer}</span> &nbsp;
  </div>
 
  </div>
 
</div>
	<div style='display:none;'>{content}  
</div>
</body>
 
</html>

Contact HTML

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
 
<!-- this template was designed by <a href="http://www.tristarwebdesign.co.uk" rel="nofollow">http://www.tristarwebdesign.co.uk</a> - please visit for more templates & information - thank you. -->
 
<head>
<title>{title}</title>
<meta http-equiv="Content-Language" content="en-gb" />
 
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252" />
 
<!-- style sheet links -->
<!--[if lt IE 7.]><script defer type="text/javascript" src="/files/theme/pngfix.js"></script><![endif]-->
 
</head>
 
<body>
 
<div id="centrecontainer">
 
  <div id="outercontainer">
 
  <div id="header">
    <div id="navcontainer">
      <ul id="navlist">
        {activeitem}<li id="active"><a href="{activeitemlink}">{activeitemtitle}</a></li>{/activeitem}
        {item}<li><a href="{itemlink}">{itemtitle}</a></li>{/item}
      </ul>
    </div>
  </div>
 
  <div id="container">
 
  <div id="containerleft">
 
      {containerleft:content global="false"}
 
  </div>
 
    <div id="containerright">
 
      {containerright:content global="false"}
 
    </div>
 
  </div>
 
  <div id="footer">
    <span id='weeblyFooter'>{footer}</span> &nbsp;
  </div>
 
  </div>
 
</div>
	<div style='display:none;'>{content}  
</div>
</body>
 
</html>