Skip navigation
JoeRolledOne
Currently Being Moderated

Italics from outerspace?

Jul 5, 2011 1:31 PM

Entire website project converted itself to italics without my consent. I didn't investigate at the time and cotinued with my webpages. Any idea how to remove all the italic usage on my website?

 

Link to webpage:

http://www.u.arizona.edu/~jkimbro

 

Code:

 

<!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" />
<!-- TemplateBeginEditable name="doctitle" -->
<title>Untitled Document</title>
<!-- TemplateEndEditable -->
<link href="../oneColLiqCtr.css" rel="stylesheet" type="text/css" />
<style type="text/css">
#apDiv1 {
    position:absolute;
    width:80%;
    height:27px;
    z-index:1;
    background-color: #000;
    top: 0px;
    color: #FFF;
}
#apDiv3 {
    position:absolute;
    width:80%;
    height:19px;
    z-index:2;
    background-color: #D3D3D3;
    top: 27px;
}
#apDiv4 {
    position:absolute;
    width:80%;
    height:204px;
    z-index:3;
    background-color: #CCC;
    top: 49px;
}
#apDiv5 {
    position:absolute;
    width:80%;
    height:34px;
    z-index:4;
    background-color: #FFF;
    top: 252px;
}
</style>
<script src="../SpryAssets/SpryMenuBar.js" type="text/javascript"></script>
<link href="../SpryAssets/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css" />
<style type="text/css">
#apDiv6 {
    position:absolute;
    width:200px;
    height:115px;
    z-index:5;
    background-color: #066;
    top: 292px;
    left: 654px;
    padding-right: 0px;
}
#apDiv7 {
    position:absolute;
    width:80%;
    height:80%;
    z-index:5;
    background-color: #069;
    top: 293px;
    margin-top: -9px;
    color: #333;
}
#apDiv11 {
    position:absolute;
    width:80%;
    height:65px;
    z-index:0;
    background-color: #FFF;
    top: 287px;
    margin-top: -3px;
    color: #000;
}
#apDiv13 {
    position:absolute;
    width:54%;
    height:913px;
    z-index:5;
    background-color: #FFF;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    border-bottom-right-radius: 15px;
    border-bottom-left-radius: 15px;
    left: 327px;
    top: 483px;
    color: #000;
}
</style>
<!-- TemplateBeginEditable name="head" -->
<!-- TemplateEndEditable -->
<script type="text/javascript">
function MM_scanStyles(obj, prop) { //v9.0
  var inlineStyle = null; var ccProp = prop; var dash = ccProp.indexOf("-");
  while (dash != -1){ccProp = ccProp.substring(0, dash) + ccProp.substring(dash+1,dash+2).toUpperCase() + ccProp.substring(dash+2); dash = ccProp.indexOf("-");}
  inlineStyle = eval("obj.style." + ccProp);
  if(inlineStyle) return inlineStyle;
  var ss = document.styleSheets;
  for (var x = 0; x < ss.length; x++) { var rules = ss[x].cssRules;
    for (var y = 0; y < rules.length; y++) { var z = rules[y].style;
      if(z[prop] && (rules[y].selectorText == '*[ID"' + obj.id + '"]' || rules[y].selectorText == '#' + obj.id)) {
        return z[prop];
  }  }  }  return "";
}

 

function MM_getProp(obj, prop) { //v8.0
  if (!obj) return ("");
  if (prop == "L") return obj.offsetLeft;
  else if (prop == "T") return obj.offsetTop;
  else if (prop == "W") return obj.offsetWidth;
  else if (prop == "H") return obj.offsetHeight;
  else {
    if (typeof(window.getComputedStyle) == "undefined") {
        if (typeof(obj.currentStyle) == "undefined"){
            if (prop == "P") return MM_scanStyles(obj,"position");
        else if (prop == "Z") return MM_scanStyles(obj,"z-index");
        else if (prop == "V") return MM_scanStyles(obj,"visibility");
        } else {
          if (prop == "P") return obj.currentStyle.position;
        else if (prop == "Z") return obj.currentStyle.zIndex;
        else if (prop == "V") return obj.currentStyle.visibility;
        }
    } else {
        if (prop == "P") return window.getComputedStyle(obj,null).getPropertyValue("position");
      else if (prop == "Z") return window.getComputedStyle(obj,null).getPropertyValue("z-index");
      else if (prop == "V") return window.getComputedStyle(obj,null).getPropertyValue("visibility");
    }
  }
}

 

function MM_dragLayer(objId,x,hL,hT,hW,hH,toFront,dropBack,cU,cD,cL,cR,targL,t argT,tol,dropJS,et,dragJS) { //v9.01
  //Copyright 2005-2006 Adobe Macromedia Software LLC and its licensors. All rights reserved.
  var i,j,aLayer,retVal,curDrag=null,curLeft,curTop,IE=document.all;
  var NS=(!IE&&document.getElementById); if (!IE && !NS) return false;
  retVal = true; if(IE && event) event.returnValue = true;
  if (MM_dragLayer.arguments.length > 1) {
    curDrag = document.getElementById(objId); if (!curDrag) return false;
    if (!document.allLayers) { document.allLayers = new Array();
      with (document){ if (NS) { var spns = getElementsByTagName("span"); var all = getElementsByTagName("div");
        for (i=0;i<spns.length;i++) if (MM_getProp(spns[i],'P')) allLayers[allLayers.length]=spns[i];}
        for (i=0;i<all.length;i++) {
            if (MM_getProp(all[i],'P')) allLayers[allLayers.length]=all[i];
        }
    } }
    curDrag.MM_dragOk=true; curDrag.MM_targL=targL; curDrag.MM_targT=targT;
    curDrag.MM_tol=Math.pow(tol,2); curDrag.MM_hLeft=hL; curDrag.MM_hTop=hT;
    curDrag.MM_hWidth=hW; curDrag.MM_hHeight=hH; curDrag.MM_toFront=toFront;
    curDrag.MM_dropBack=dropBack; curDrag.MM_dropJS=dropJS;
    curDrag.MM_everyTime=et; curDrag.MM_dragJS=dragJS;
 
    curDrag.MM_oldZ = MM_getProp(curDrag,'Z');
    curLeft = MM_getProp(curDrag,'L');
    if (String(curLeft)=="NaN") curLeft=0; curDrag.MM_startL = curLeft;
    curTop = MM_getProp(curDrag,'T');
    if (String(curTop)=="NaN") curTop=0; curDrag.MM_startT = curTop;
    curDrag.MM_bL=(cL<0)?null:curLeft-cL; curDrag.MM_bT=(cU<0)?null:curTop-cU;
    curDrag.MM_bR=(cR<0)?null:curLeft+cR; curDrag.MM_bB=(cD<0)?null:curTop+cD;
    curDrag.MM_LEFTRIGHT=0; curDrag.MM_UPDOWN=0; curDrag.MM_SNAPPED=false; //use in your JS!
    document.onmousedown = MM_dragLayer; document.onmouseup = MM_dragLayer;
    if (NS) document.captureEvents(Event.MOUSEDOWN|Event.MOUSEUP);
    } else {
    var theEvent = ((NS)?objId.type:event.type);
    if (theEvent == 'mousedown') {
      var mouseX = (NS)?objId.pageX : event.clientX + document.body.scrollLeft;
      var mouseY = (NS)?objId.pageY : event.clientY + document.body.scrollTop;
      var maxDragZ=null; document.MM_maxZ = 0;
      for (i=0; i<document.allLayers.length; i++) { aLayer = document.allLayers[i];
        var aLayerZ = MM_getProp(aLayer,'Z');
        if (aLayerZ > document.MM_maxZ) document.MM_maxZ = aLayerZ;
        var isVisible = (MM_getProp(aLayer,'V')).indexOf('hid') == -1;
        if (aLayer.MM_dragOk != null && isVisible) with (aLayer) {
          var parentL=0; var parentT=0;
          if (NS) { parentLayer = aLayer.parentNode;
            while (parentLayer != null && parentLayer != document && MM_getProp(parentLayer,'P')) {
              parentL += parseInt(MM_getProp(parentLayer,'L')); parentT += parseInt(MM_getProp(parentLayer,'T'));
              parentLayer = parentLayer.parentNode;
              if (parentLayer==document) parentLayer = null;
          } } else if (IE) { parentLayer = aLayer.parentElement;      
            while (parentLayer != null && MM_getProp(parentLayer,'P')) {
              parentL += MM_getProp(parentLayer,'L'); parentT += MM_getProp(parentLayer,'T');
              parentLayer = parentLayer.parentElement; } }
          var tmpX=mouseX-((MM_getProp(aLayer,'L'))+parentL+MM_hLeft);
          var tmpY=mouseY-((MM_getProp(aLayer,'T'))+parentT+MM_hTop);
          if (String(tmpX)=="NaN") tmpX=0; if (String(tmpY)=="NaN") tmpY=0;
          var tmpW = MM_hWidth;  if (tmpW <= 0) tmpW += MM_getProp(aLayer,'W');
          var tmpH = MM_hHeight; if (tmpH <= 0) tmpH += MM_getProp(aLayer,'H');
          if ((0 <= tmpX && tmpX < tmpW && 0 <= tmpY && tmpY < tmpH) && (maxDragZ == null
              || maxDragZ <= aLayerZ)) { curDrag = aLayer; maxDragZ = aLayerZ; } } }
      if (curDrag) {
        document.onmousemove = MM_dragLayer;
        curLeft = MM_getProp(curDrag,'L');
        curTop = MM_getProp(curDrag,'T');
        if (String(curLeft)=="NaN") curLeft=0; if (String(curTop)=="NaN") curTop=0;
        MM_oldX = mouseX - curLeft; MM_oldY = mouseY - curTop;
        document.MM_curDrag = curDrag;  curDrag.MM_SNAPPED=false;
        if(curDrag.MM_toFront) {
          var newZ = parseInt(document.MM_maxZ)+1;
          eval('curDrag.'+('style.')+'zIndex=newZ');
          if (!curDrag.MM_dropBack) document.MM_maxZ++; }
        retVal = false; if(!NS) event.returnValue = false;
    } } else if (theEvent == 'mousemove') {
      if (document.MM_curDrag) with (document.MM_curDrag) {
        var mouseX = (NS)?objId.pageX : event.clientX + document.body.scrollLeft;
        var mouseY = (NS)?objId.pageY : event.clientY + document.body.scrollTop;
        var newLeft = mouseX-MM_oldX; var newTop  = mouseY-MM_oldY;
        if (MM_bL!=null) newLeft = Math.max(newLeft,MM_bL);
        if (MM_bR!=null) newLeft = Math.min(newLeft,MM_bR);
        if (MM_bT!=null) newTop  = Math.max(newTop ,MM_bT);
        if (MM_bB!=null) newTop  = Math.min(newTop ,MM_bB);
        MM_LEFTRIGHT = newLeft-MM_startL; MM_UPDOWN = newTop-MM_startT;
        if (NS){style.left = newLeft + "px"; style.top = newTop + "px";}
        else {style.pixelLeft = newLeft; style.pixelTop = newTop;}
        if (MM_dragJS) eval(MM_dragJS);
        retVal = false; if(!NS) event.returnValue = false;
    } } else if (theEvent == 'mouseup') {
      document.onmousemove = null;
      if (NS) document.releaseEvents(Event.MOUSEMOVE);
      if (NS) document.captureEvents(Event.MOUSEDOWN); //for mac NS
      if (document.MM_curDrag) with (document.MM_curDrag) {
        if (typeof MM_targL =='number' && typeof MM_targT == 'number' &&
            (Math.pow(MM_targL-(MM_getProp(document.MM_curDrag,'L')),2)+
             Math.pow(MM_targT-(MM_getProp(document.MM_curDrag,'T')),2))<=MM_tol) {
          if (NS) {style.left = MM_targL + "px"; style.top = MM_targT + "px";}
          else {style.pixelLeft = MM_targL; style.pixelTop = MM_targT;}
          MM_SNAPPED = true; MM_LEFTRIGHT = MM_startL-MM_targL; MM_UPDOWN = MM_startT-MM_targT; }
        if (MM_everyTime || MM_SNAPPED) eval(MM_dropJS);
        if(MM_dropBack) {style.zIndex = MM_oldZ;}
        retVal = false; if(!NS) event.returnValue = false; }
      document.MM_curDrag = null;
    }
    if (NS) document.routeEvent(objId);
  } return retVal;
}
</script>
<link href="../MasterStyleSheet.css" rel="stylesheet" type="text/css" />
</head>

 

<body onload="MM_dragLayer('apDiv6','',0,0,0,0,true,false,-1,-1,-1,-1,0,0,5 0,'',false,'')">
<div id="apDiv2"></div>

 

<div class="container">
  <div class="content">
    <div id="apDiv1">  <a href="../index.html" class="nonitalics">Home</a>| <a href="../Contact.html" class="nonitalics">Contact me</a> | <a href="../about.html" class="nonitalics">About me</a> | <a href="../Site.html" class="nonitalics">Site Map</a></div>
    <div id="apDiv3"></div>
    <p> </p>
    <div id="apDiv4"><img src="../images/SplicedPhwMed700x200.jpg" width="100%" height="100%" alt="ADD_ADHD" /></div>
    <p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<div id="apDiv8"></div>
<p> </p>
<blockquote>
  <blockquote>
    <blockquote>
      <blockquote>
        <p> </p>
        <p> </p>
        <!-- TemplateBeginEditable name="EditRegion4" -->
        <div class="boldborders" id="apDiv13">
          <h1>Treatment doesn't have to be expensive.</h1>
          <p>Getting prescription coverage for ADD/ADHD has been difficult   for many people. Insurance companies typically have stringent   requirements for proof of the condition.An ADD/ADHD evaluation can cost   3k-4k. If diagonsed with ADD or ADHD the cost of the evaluation is not   usually reimbursed.</p>
          <p>Medication can be expensive but it can also be reasonable. The listed prices are without insurance coverage.</p>
          <p>Vyvanse (lisdextroamphetamine). This newer, brand name drug for   ADD/ADHD treatment is not cheap due to its current status:Patented. One   year of treatment with a 20mg dose per day would cost ~$165 x 12 = ~<strong>$2000</strong>, after tax dollars. In constrast, generic ritalin (an effective drug) costs $50 x 12 = ~<strong>$600 </strong>per   year, a much more affordable option. Although, generic ritalin is not   as similar to Vyvanse as adderall is. Generic adderall (amphetamine   salts), costs $84 x 12 = <strong>$1008 </strong>per year or half the   cost of vyvanse per year. While vyvanse can seem and may be more   effective than adderall, it is not twice as effective. Another patented   drug that is not a stimulant is Strattera. This drug costs 185 x 12 = <strong>$2200</strong>.<br />
          </p>
          <p>There is some hope for those that wish to have their children   treated with or want to be treated with the newer brand drugs.   Eventually, the patent will expire on Vyvanse and Strattera, bringing   costs down enormously; however, when considering Vyvanse, generic   availabiltiy won't come for some time. The patent that provides   exclusivity for Shire (the makers of Vyvanse) will not expire until   2023. This protection provided to Shire is likely meant to off-set   Shire's loss of 2.6 billion in the purchase of <a href="http://www.bloomberg.com/apps/news?pid=newsarchive&sid=aXVwAMJgO6yU&re fer=us">New River Pharmaceuticals Inc. </a></p>
          <p> </p>
        </div>
        <!-- TemplateEndEditable -->
        <p> </p>
<p> </p>
        <p> </p>
<blockquote>  </blockquote>
      </blockquote>
    </blockquote>
  </blockquote>
</blockquote>
<!-- TemplateBeginEditable name="EditRegion5" -->
<div class="nonitalics" id="apDiv11"> Welcome to Joe's page about ADD/ADHD!</div>
<!-- TemplateEndEditable -->
<blockquote>
  <blockquote>
    <blockquote>
      <blockquote>
        <blockquote>
          <blockquote>
            <blockquote>
              <blockquote>
                <blockquote>
                  <blockquote>
                    <blockquote>
                      <blockquote>
                        <blockquote>
                          <blockquote>
                            <blockquote>
                              <blockquote>
                                <blockquote>
                                  <blockquote>
                                    <blockquote>
                                      <blockquote>
                                        <blockquote>
                                          <blockquote> </blockquote>
                                        </blockquote>
                                      </blockquote>
                                    </blockquote>
                                  </blockquote>
                                </blockquote>
                              </blockquote>
                            </blockquote>
                          </blockquote>
                        </blockquote>
                      </blockquote>
                    </blockquote>
                  </blockquote>
                </blockquote>
              </blockquote>
            </blockquote>
          </blockquote>
        </blockquote>
      </blockquote>
    </blockquote>
  </blockquote>
</blockquote>
<h2> </h2>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p>  </p>
    <div id="apDiv5">
      <ul id="MenuBar1" class="MenuBarHorizontal">
        <li><a class="MenuBarItemSubmenu" href="../anno.html">Annotations</a>
          <ul>
            <li><a href="#">Item 1.1</a></li>
            <li><a href="#">Item 1.2</a></li>
            <li><a href="#">Item 1.3</a></li>
          </ul>
        </li>
        <li><a href="../discussions.html" class="nonitalics">Discussions</a></li>
        <li><a href="../Meds.html" class="nonitalics">Medications</a></li>
        <li><a class="MenuBarItemSubmenu" href="../Stats.html">Statistics</a>
          <ul>
            <li><a class="MenuBarItemSubmenu" href="#">Item 3.1</a>
              <ul>
                <li><a href="#">Item 3.1.1</a></li>
                <li><a href="#">Item 3.1.2</a></li>
              </ul>
            </li>
            <li><a href="#">Item 3.2</a></li>
            <li><a href="#">Item 3.3</a></li>
          </ul>
        </li>
        <li><a href="../sucess.html" class="nonitalics"> Successes</a></li>
      </ul>
    </div>
<p> </p>
<p> </p>
  <!-- end .content --></div>
  <div class="footer">
    <p>Copyright (c) 2011, All rights reserved</p>
    <!-- end .footer --></div>
<!-- end .container --></div>
<script type="text/javascript">
var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1", {imgDown:"SpryAssets/SpryMenuBarDownHover.gif", imgRight:"SpryAssets/SpryMenuBarRightHover.gif"});
</script>
</body>
</html>

 
Replies
  • Currently Being Moderated
    Jul 5, 2011 1:44 PM   in reply to JoeRolledOne

    This page is from outerspace - just look at the nested blockquotes and the number of AP divs.  YIKES!

     

    Try getting rid of your blockquotes and the italics will be banished.

     

    You might also check your spelling/grammar - for example you say

     

    "Please note that I recognize with ADD not ADHD"

     

    Surely the word "recognize" is improperly used?

     

    Then you say "A person affliced with" - it should be "A person afflicted with", and "while possiblity mild or subtle" should be "while possibly mild or subtle".  There are others too.

     

    (note added later)

     

    I see that just changing the rule for apDiv13 to include this -

     

    font-style:normal

     

    is what will do the trick.  Sorry for the red herring.

     
    |
    Mark as:
  • Currently Being Moderated
    Jul 5, 2011 1:48 PM   in reply to JoeRolledOne

    No need to post your HTML code if you post a link to your website.

     

    For me, removing the <blockquote> tags does not remove the italics.

     

    The answer's in your CSS file

    http://www.u.arizona.edu/~jkimbro/oneColLiqCtr.css

     

    Remove the italic attribute from

     

    .container .content div {
    background-color: #000;
    font-style: italic;
    text-align: left;
    }

     

    But, as Murray notes, that page needs a big cleanup.

     
    |
    Mark as:
  • Currently Being Moderated
    Jul 5, 2011 1:47 PM   in reply to JoeRolledOne

    Here is the rule:

     

    .container .content div {

    background-color: #000;

    font-style: italic;

    text-align: left;

    }

     

    You'll find the rule in your "oneColLiqCtr.css" style sheet.

     

    --

    Al Sparber - PVII

    http://www.projectseven.com

    The Finest Dreamweaver Menus | Galleries | Widgets

    Since 1998

     
    |
    Mark as:
  • Currently Being Moderated
    Jul 5, 2011 2:06 PM   in reply to JoeRolledOne

    Just look at your code.  You'll have an extremely hard time missing them!

     

    A blockquote tag is used to signify quoted material in your content.  As such, it forces the content within blockquote tags to be indented.  People who don't know this will often use the blockquote tag as a way to get indented text.  That's a mistake, and it's what leads to the messy code you showed in your post, and to the rampant misuse of this very specific HTML tag.

     

    More experienced developers would use CSS to place this text on the page (and would definitely not use absolute positioning the way you have, but that's probably another thread).

     
    |
    Mark as:
  • Currently Being Moderated
    Jul 5, 2011 2:17 PM   in reply to JoeRolledOne

    Blockquotes have nothing to do with your italicized text problem.

     

    --

    Al Sparber - PVII

    http://www.projectseven.com

    The Finest Dreamweaver Menus | Galleries | Widgets

    Since 1998

     
    |
    Mark as:

More Like This

  • Retrieving data ...

Bookmarked By (0)

Answers + Points = Status

  • 10 points awarded for Correct Answers
  • 5 points awarded for Helpful Answers
  • 10,000+ points
  • 1,001-10,000 points
  • 501-1,000 points
  • 5-500 points