Placing text in div causes the div to expand

I have a floating div called itemboxfloat. It is a left floating div. I have placed a background image in the div which has the same dimension as the div but I had to specify no-repeat because if I used padding it would expand the space given for the background and it would tile. I can't really discribe whats happening but I am trying to place text in the div box and I am using the padding functions to located the top line of the text within the div. But as I add more padding to force the first line of text lower in the div. it seems to be expanding some boundry out the bottom of the div. My CSS if itemboxfloat and the div is also called itemboxfloat. I have included the code for your review.
Thanks for your help
Dan
<!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>aro</title>
<style type="text/css">strong {
font-family: Arial, Helvetica, sans-serif;
font-size: 18px;
font-weight: bold;
color: #000;
</style>
<link href="CSS/Chemtech.css" rel="stylesheet" type="text/css" />
<link rel="stylesheet" href="CSS/verticalmenu.css" type="text/css" />
<link rel="stylesheet" href="CSS/horizontalmenu.css" type="text/css" />
</head>
<body>
<div id="container">
  <div id="headernarrow"><img src="Images/header-narrow.jpg" alt="header" width="960" height="150" border="0" usemap="#Map" />
    <map name="Map" id="Map">
      <area shape="rect" coords="3,5,265,123" href="index.html" alt="Chemtech Process Equipment" />
    </map>
  </div>
  <div id="navigation_bar"><div class="AJXMenuULDYZCC"><!-- AJXFILE:CSS/horizontalmenu.css -->
<div class="ajxmw1">
  <div class="ajxmw2">
<ul>
<li><a href="index.html" title="Home"><b>    HOME    </b></a></li>
<li><a class="ajxsub" href="productsbytype.html" title="Products"><b> PRODUCTS </b>
  <!--[if gt IE 6]><![endif] --></a><!--<![endif]--><!--[if lte IE 6]><table><tr><td><![endif]-->
  <ul>
   <li><a href="productsbytype.html" title="Indexed by Type"><b>Indexed by Type</b></a></li>
   <li><a href="productsbymfgr.html" title="Indexed by Manufacturer"><b>Indexed by Manufacturer</b></a></li>
  </ul>
  <!--[if lte IE 6]></td></tr></table></a><![endif]-->
</li>
<li><a href="#" title="Request Quote"><b>REQUEST QUOTE</b></a></li>
<li><a href="#"><b>DOWNLOADS</b></a></li>
<li><a href="contact%20us.html" title="Contact Us"><b> CONTACT US </b></a></li>
</ul>
  </div>
</div>
<br />
</div></div>
  <div id="sidebar"><div class="AJXMenuEHWBGHC"><!-- AJXFILE:CSS/verticalmenu.css -->
<ul>
<li><h1><b>PROCESS EQUIPMENT</b></h1></li>
<li><a class="ajxsub" href="#" title="Pumps"><b>Pumps</b>
  <!--[if gt IE 6]><![endif] --></a><!--<![endif]--><!--[if lte IE 6]><table><tr><td><![endif]-->
  <ul>
   <li><a href="#" title="Air Diaphragm"><b>Air Diaphragm</b></a></li>
   <li><a href="#" title="Centrifugal"><b>Centrifugal</b></a></li>
   <li><a href="#" title="Drum"><b>Drum</b></a></li>
   <li><a href="#" title="Gear"><b>Gear</b></a></li>
   <li><a href="#" title="Hose"><b>Hose</b></a></li>
   <li><a href="#" title="Magnetic Drive"><b>Magnetic Drive</b></a></li>
   <li><a href="#" title="Metering"><b>Metering</b></a></li>
   <li><a href="#" title="Peristaltic"><b>Peristaltic</b></a></li>
   <li><a href="#" title="Piston"><b>Piston</b></a></li>
   <li><a href="#" title="Vertical"><b>Vertical</b></a></li>
  </ul>
  <!--[if lte IE 6]></td></tr></table></a><![endif]-->
</li>
<li><a class="ajxsub" href="#" title="Mixers"><b>Mixers</b>
  <!--[if gt IE 6]><![endif] --></a><!--<![endif]--><!--[if lte IE 6]><table><tr><td><![endif]-->
  <ul>
   <li><a href="#" title="Direct Drive"><b>Direct Drive</b></a></li>
   <li><a href="#" title="Gear Drive"><b>Gear Drive</b></a></li>
   <li><a href="#" title="C-Clamp Mount"><b>C-Clamp Mount</b></a></li>
   <li><a href="#" title="Drum Mount"><b>Drum Mount</b></a></li>
   <li><a href="#" title="Fixed Top Mount"><b>Fixed Top Mount</b></a></li>
   <li><a href="#" title="Side Mount"><b>Side Mount</b></a></li>
  </ul>
  <!--[if lte IE 6]></td></tr></table></a><![endif]-->
</li>
<li><a class="ajxsub" href="#" title="Filters"><b>Filters</b>
  <!--[if gt IE 6]><![endif] --></a><!--<![endif]--><!--[if lte IE 6]><table><tr><td><![endif]-->
  <ul>
   <li><a href="#" title="Bag"><b>Bag</b></a></li>
   <li><a href="#" title="Cartridge"><b>Cartridge</b></a></li>
   <li><a href="#" title="Centrifuge"><b>Centrifuge</b></a></li>
   <li><a class="ajxsub" href="#" title="Indexing Media"><b>Indexing Media</b>
    <!--[if gt IE 6]><![endif] --></a><!--<![endif]--><!--[if lte IE 6]><table><tr><td><![endif]-->
    <ul>
     <li><a href="#" title="Gravity FIlter"><b>Gravity Filter</b></a></li>
     <li><a href="#" title="Vacuum FIlter"><b>Vacuum FIlter</b></a></li>
     <li><a href="#" title="Sludge Filter"><b>Sludge FIlter</b></a></li>
     <li><a href="#" title="Pressure Filter"><b>Pressure Filter</b></a></li>
     <li><a href="#" title="Sludge Filter"><b>Sludge Filter</b></a></li>
    </ul>
    <!--[if lte IE 6]></td></tr></table></a><![endif]-->
   </li>
   <li><a href="#" title="Oil Skimmers"><b>Oil Skimmers</b></a></li>
   <li><a href="#" title="Oil-Water Separators"><b>Oil-Water Separators</b></a></li>
  </ul>
  <!--[if lte IE 6]></td></tr></table></a><![endif]-->
</li>
<li><a class="ajxsub" href="#" title="Tanks"><b>Tanks</b>
  <!--[if gt IE 6]><![endif] --></a><!--<![endif]--><!--[if lte IE 6]><table><tr><td><![endif]-->
  <ul>
   <li><a href="#" title="Carboys &amp; Totes"><b>Carboys &amp; Totes</b></a></li>
   <li><a href="#" title="Rectangular"><b>Rectangular </b></a></li>
   <li><a href="#" title="Cylindrical Cone Bottom"><b>Cylindrical Cone Bottom</b></a></li>
   <li><a href="#" title="Cylindrical Flat Bottom"><b>Cylindrical Flat Bottom</b></a></li>
   <li><a href="#" title="Vertical Bulk Storage"><b>Vertical Bulk Storage</b></a></li>
  </ul>
  <!--[if lte IE 6]></td></tr></table></a><![endif]-->
</li>
<li><a class="ajxsub" href="#" title="Piping/Hose"><b>Piping / Hose</b>
  <!--[if gt IE 6]><![endif] --></a><!--<![endif]--><!--[if lte IE 6]><table><tr><td><![endif]-->
  <ul>
   <li><a href="#" title="PVC Pipe &amp; Fittings"><b>PVC Pipe &amp; Fittings</b></a></li>
   <li><a href="#" title="CPVC Pipe &amp; Fittings"><b>CPVC Pipe &amp; Fittings</b></a></li>
   <li><a href="#" title="Polypro Pipe &amp; Fittings"><b>Polypro Pipe &amp; Fittings</b></a></li>
   <li><a href="#" title="PE Pipe &amp; Fittings"><b>PE Pipe &amp; Fittings</b></a></li>
   <li><a href="#" title="Kynar Pipe &amp; Fittings"><b>Kynar Pipe &amp; Fittings</b></a></li>
   <li><a href="#" title="Sanitary Hose, Gaskets &amp; Fittings"><b>Sanitary Hose, Gaskets &amp; Fittings</b></a></li>
  </ul>
  <!--[if lte IE 6]></td></tr></table></a><![endif]-->
</li>
<li><a class="ajxsub" href="#" title="Immersion Heaters"><b>Immersion Heaters</b>
  <!--[if gt IE 6]><![endif] --></a><!--<![endif]--><!--[if lte IE 6]><table><tr><td><![endif]-->
  <ul>
   <li><a href="#" title="Electric Immersion"><b>Electric Immersion</b></a></li>
   <li><a href="#" title="Steam Coil"><b>Steam Coil</b></a></li>
  </ul>
  <!--[if lte IE 6]></td></tr></table></a><![endif]-->
</li>
<li><a class="ajxsub" href="#" title="Process Controls"><b>Process Controls</b>
  <!--[if gt IE 6]><![endif] --></a><!--<![endif]--><!--[if lte IE 6]><table><tr><td><![endif]-->
  <ul>
   <li><a href="#" title="pH &amp; ORP Probes"><b>pH &amp; ORP Probes</b></a></li>
   <li><a href="#" title="Conductivity Probes"><b>Conductivity Probes</b></a></li>
   <li><a href="#" title="Flowmeters"><b>Flowmeters</b></a></li>
   <li><a href="#" title="Level Sensors"><b>Level Sensors</b></a></li>
   <li><a href="#" title="Pressure Transducers"><b>Pressure Transducers</b></a></li>
   <li><a href="#" title="Process Controllers"><b>Process Controllers</b></a></li>
   <li><a href="#" title="VFD's"><b>VFD's</b></a></li>
   <li><a href="#" title="Power Monitors"><b>Power Monitors</b></a></li>
  </ul>
  <!--[if lte IE 6]></td></tr></table></a><![endif]-->
</li>
<li><h1><b>ENGINEERED SYSTEMS</b></h1></li>
<li><a href="#" title="Chemical Feed Skids"><b>Chemical Feed Skids</b></a></li>
<li><a class="ajxsub" href="#" title="Evaporators"><b>Evaporators</b>
  <!--[if gt IE 6]><![endif] --></a><!--<![endif]--><!--[if lte IE 6]><table><tr><td><![endif]-->
  <ul>
   <li><a href="#" title="Burt Process Equipment"><b>Burt Process Equipment</b></a></li>
   <li><a href="#" title="Filtertech"><b>Filtertech</b></a></li>
  </ul>
  <!--[if lte IE 6]></td></tr></table></a><![endif]-->
</li>
<li><a href="#" title="Filtration Systems"><b>Filtration Systems</b></a></li>
<li><a href="#" title="Fume Scrubbers"><b>Fume Scrubbers</b></a></li>
<li><a href="#" title="pH Neutralization"><b>pH Neutralization</b></a></li>
<li><a href="#" title="RODI Water Systems"><b>RODI Water Systerms</b></a></li>
<li><a href="#" title="Transfer Sumps"><b>Transfer Sumps</b></a></li>
<li><a href="#" title="UL Control Panels"><b>UL Control Panels</b></a></li>
<li><a href="#" title="Vacuum Distillation"><b>Vacuum Distillation</b></a></li>
<li><a class="ajxsub" href="#" title="Wastewater Treatment"><b>Wastewater Treatment</b>
  <!--[if gt IE 6]><![endif] --></a><!--<![endif]--><!--[if lte IE 6]><table><tr><td><![endif]-->
  <ul>
   <li><a href="#" title="Burt Process Equipment"><b>Burt Process Equipment</b></a></li>
   <li><a href="#" title="Filtertech"><b>Filtertech</b></a></li>
  </ul>
  <!--[if lte IE 6]></td></tr></table></a><![endif]-->
</li>
<li><a href="#" title="Water Reclaim (LEEDS)"><b>Water Reclaim (LEEDS)</b></a></li>
</ul>
<br />
</div>
  </div>
  <div class="floatimageleft"><img src="Images/aro-sanitary-pumps.jpg" width="250" height="243" alt="aro sanitary pump" /></div>
  <h2><span class="largeheading">ARO</span>  Air Operated Diaphragm Pumps</h2>
  <p>Air Diaphragm Pumps are an excellent choice for self-priming applications and situations where the pump my be deadheaded such as feeding a filter press. A favorite of process professionals everywhere- Ingersoll Rand / ARO Diaphragm   Pumps provide stall-free, ice-free operation in 3/8&rdquo; thru 3&rdquo; fluid ports. Backed   by a five-year warranty, they are the most reliable pump line on the market   today.</p>
  <div id="cat_long_description"><span id="ctl00_Content_description">Their patented   &ldquo;Unstallable&rdquo; unbalanced air valve design avoids stalling issues associated with   other pumps. The &ldquo;Quick-Dump&rdquo; exhaust valves divert cold exhaust air from   ice-prone components, preventing freezing. Backed by a five-year warranty, we   have the most reliable pump line on the market today.</span></div>
  <div class="itemboxfloat">
    <p><br />
      Metallic<br />
    Non-Metallic<br />
    Classic
    </p>
  </div>
  <p> </p>
  <div id="footer">
    <p><a href="index.html">HOME</a> | <a href="products.html">PRODUCTS</a> | REQUEST QUOTE | DOWNLOADS | <a href="contact us.html">CONTACT US</a><br />
    </p>
    <hr align="left" width="740" id="footer rule2" />
    <h4>© 2011 Chemtech Process Equipment, All Rights Reserved, Designed and Developed By Graphics Advantage. <img src="Images/GA-logo.jpg" width="46" height="40" align="top" /><br />
      <br />
    </h4>
  </div>
</div>
</body>
</html>
ul {
list-style-type: none;
padding: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 1em;
display: block;
a:link {
text-decoration: none;
color: #666;
a:hover {
font-weight: bold;
color: #F00;
text-decoration: underline;
.largeheading {
font-family: Arial, Helvetica, sans-serif;
font-size: 48px;
color: #F00;
.floatimageleft {
float: left;
width: 250px;
margin-right: 20px;
height: auto;
margin-top: 10px;
background-image: url(../Images/aro-compact-series-float.jpg);
background-repeat: no-repeat;
margin-bottom: 20px;
.itemboxfloat {
height: 110px;
width: 740px;
float: left;
padding-left: 10px;
background-repeat: no-repeat;
border: thin solid #000;
background-image: url(../Images/aro-compact-series-float.jpg);
background-position: 0px 0px;
overflow: hidden;
margin-top: 10px;
margin-bottom: 10px;

Thats because you have height 110px set on the 'itemboxfloat' <div>. When you add padding to it, say padding-top: 20px; the divs height becomes 130px. Never set height on a <div> which contains text.

Similar Messages

  • Text Problem - 'Editing or Rendering the text layer will cause the layout to change'

    Hello all,
    The problem I'm having is that when I try to edit a text layer, the layout of the layer changes completely - I have a grey warning triangle in the affected layer thumbnail that states the following message when I hover over it :
    'Font is present on system but requires a layout change'
    When I double click to edit the text layer, the following warning dialog pops up:
    'Editing or Rendering the text layer will cause the layout to change'
    I'm forced to click 'okay' to proceed which is when the layout of the text layer changes completely! Obviously this has massive implications for branding and page consitency!!
    Now even if I have to do this the long way round, which means rebuilding each individual text layer for every single document, there is another problem, it appears that after I click 'OK' photoshop distorts the text! This means that I can't increase or decrease the font size to match it up! Same font, Same height, same AA, same weight, different circle radius!
    Any help is massively appreciated,
    I'm using CS5 64bit Cloud edition on Windows 7, I've already tried updating and reinstalling Photoshop but it doesnt remedy the problem, I've reinstalled a sample batch of the fonts affected and deleted any plugins
    GULP!

    That warning is pretty clear - you don't appear to have the font on your system. Not sure what otehr answer you are looking for. The layout changes beyond that could be indicative of a million things like the original source layers having been heavily customized with manual kerning, used a different version of a seemingly similar font, have been created with glyph substitution on a system with a different language and whatever... Unless you mean you created the files yourself just yesterday and the warning appears despite nothing have changed, everything works as intended. If you think something is up, you need to provide more info.
    Mylenium

  • How can I get text to scale to fit div?

    I am using a fluid div layout and want the text to scale itself with a maximum and minimum size so that it does not cause the div to expand excessively.
    Example - I scale the browser so that the code for the middle size, ipads, kicks in.
    I have then sized the text so that it looks right, but when I expand the screen so UNTIL the next media size kicks in, the text appears too small and the box is oversized.
    On the other hand I shrink the browser and the text wraps around causing the box div to expand too much causing the photograph to be outsized.
    I can not post an example as the client information is now on the site and I don't want to fall foul of group policy by posting links to a live site or 'appear' to advertise it.
    Thanks
    Terry

    Did you put your font-size properties inside your media queries?
    /* Special Rules for tablets */
    @media only screen and (max-width: 768px) {
       body {font-size: 110%}
    /* Special Rules for desktops */
    @media only screen and (min-width: 769px) and (max-width: 1223px) {
      body {font-size: 135%}
    Nancy O.

  • How to get text to align to the very top of a DIV?

    How to get text to align to the very top of a DIV?
    There is a gap at the top. I am using in this example H1 and
    a paragraph tag.
    <!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=iso-8859-1" />
    <title>Text Alignment</title>
    <style type="text/css">
    body {
    background-color: #4a7186;
    p {
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 2em;
    margin: 0px;
    padding: 0px;
    h1 {
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 3em;
    margin: 0px;
    padding: 0px;
    #box1 {
    width: 450px;
    background-color: #FFFFFF;
    margin-right: auto;
    margin-left: auto;
    margin-top: 30px;
    padding: 0px;
    margin-bottom: 0px;
    #box2 {
    width: 300px;
    background-color: #FFFFFF;
    margin-right: auto;
    margin-left: auto;
    margin-top: 30px;
    padding: 0px;
    margin-bottom: 0px;
    </style>
    </head>
    <body>
    <div id="box1">
    <h1>Lorem ipsum H1</h1>
    </div>
    <div id="box2">
    <p>Lorem ipsum P</p>
    </div>
    </body>
    </html>

    <h1 style="margin-top:0;">Lorem ipsum H1</h1>
    It's a margin issue in SOME browsers.
    Murray --- ICQ 71997575
    Adobe Community Expert
    (If you *MUST* email me, don't LAUGH when you do so!)
    ==================
    http://www.projectseven.com/go
    - DW FAQs, Tutorials & Resources
    http://www.dwfaq.com - DW FAQs,
    Tutorials & Resources
    ==================
    "davidhelp" <[email protected]> wrote in
    message
    news:gpbg8q$8c6$[email protected]..
    > How to get text to align to the very top of a DIV?
    > There is a gap at the top. I am using in this example H1
    and a paragraph
    > tag.
    >
    >
    >
    > <!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=iso-8859-1" />
    > <title>Text Alignment</title>
    > <style type="text/css">
    > body {
    > background-color: #4a7186;
    > }
    > p {
    > font-family: Georgia, "Times New Roman", Times, serif;
    > font-size: 2em;
    > margin: 0px;
    > padding: 0px;
    > }
    >
    >
    >
    > h1 {
    > font-family: Georgia, "Times New Roman", Times, serif;
    > font-size: 3em;
    > margin: 0px;
    > padding: 0px;
    > }
    >
    > #box1 {
    > width: 450px;
    > background-color: #FFFFFF;
    > margin-right: auto;
    > margin-left: auto;
    > margin-top: 30px;
    > padding: 0px;
    > margin-bottom: 0px;
    > }
    >
    > #box2 {
    > width: 300px;
    > background-color: #FFFFFF;
    > margin-right: auto;
    > margin-left: auto;
    > margin-top: 30px;
    > padding: 0px;
    > margin-bottom: 0px;
    > }
    > </style>
    > </head>
    >
    > <body>
    >
    > <div id="box1">
    > <h1>Lorem ipsum H1</h1>
    > </div>
    >
    > <div id="box2">
    > <p>Lorem ipsum P</p>
    > </div>
    >
    > </body>
    > </html>
    >
    >

  • Onchange on a select that replaces the innerHTML of a encapsulating div crashes the browser

    webos browser under 1.3.5.1 crashes
    description:
    If a div includes a select and the select has an onchange which causes the innerHTML of the div to change, the browser crashes and reloads.
    You can see the below html at: http://quigleyjones.com/dropdown.html
    <html><head><title>dropdown test</title>
    <script type="text/javascript">
    function jstest() {
    document.getElementById("testdiv").innerHTML = "test";
    </script>
    <meta name="viewport" content="width=device-width; initial-scale=1.0;">
    </head>
    <body>
    <div id="testdiv">
    <select onchange="jstest();">
    <option value="one">one</option>
    <option value="two">two</option>
    <option value="three">three</option>
    </select>
    <div>
    </body>

    Palm has logged this in its software issue tracking system. We endeavor to continuously improve our software quality and thank you for bringing this to our attention.  We are grateful to the community and will evaluate options based on customer feedback and software best practices.

  • How to Remove the /Div in a Multi-line Field when reporting in Excel, getting

    I am uisng Excel Services to extract data from PS2013.  And the Multi-line text fields include the </Div> syntax.  I have looked at a lot of the links regarding how to do this.  I have even borrowed code that was on someones blog. 
    When I try and use it I get the following message and cannot not seem to resolve it after reading varous links regarding this issue. 
    Any ideas?  As a work around I have created an Excel Macro to remove it, however would like to solve it in the query
    Error Message
    The data types
    Nvarchar and Ntext are incompatible in the add operator
    Here is the syntax
    declare @Headxml nvarchar(350)
    declare @Footxml nvarchar(50)
    set @Headxml = N'<?xml version="1.0"?>
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd"
    [<!ENTITY  nbsp "&#xA0;"><!ENTITY quot "&#x22;">]><html><body>'
    set @Footxml = N'</body></html>'
    SELECT   ProjectOwner.ProjectUID as [ProjectUID],
    ProjectOwner.ProjectName as [Project Name],
    ProjectOwner.[Project Number] as [ECP#],
    TaskRelated.TaskName as [Task Name],
    MSP_WssRiskToTaskLinks_UserView.RiskID as [Risk ID],
    MSP_WssRiskToTaskLinks_UserView.Title as [Risk Title],
    MSP_WssRiskToTaskLinks_UserView.Status as [Status],   
    MSP_WssRiskToTaskLinks_UserView.AssignedToResource as [Assigned To],
    MSP_WssRiskToTaskLinks_UserView.Owner as [PM], 
    MSP_WssRiskToTaskLinks_UserView.DueDate as [Due Date],  
    MSP_WssRiskToTaskLinks_UserView.Probability as [Probability],
    MSP_WssRiskToTaskLinks_UserView.Impact as [Impact], 
    MSP_WssRiskToTaskLinks_UserView.Exposure as [Exposure],
    MSP_WssRiskToTaskLinks_UserView.Cost as [Cost],
    MSP_WssRiskToTaskLinks_UserView.CostExposure as [Cost Exposure],  
    MSP_WssRiskToTaskLinks_UserView.Category as [Category],
    ISNULL(LTRIM((CONVERT(xml,(@Headxml+MSP_WssRiskToTaskLinks_UserView.[Description]+@Footxml),3)
            .value(N'(/)','nvarchar(4000)'))),'') AS [YourMulti-lineCustomFieldNewName],
    MSP_WssRiskToTaskLinks_UserView.MitigationPlan as [Mitigation Plan],  
    MSP_WssRiskToTaskLinks_UserView.ContingencyPlan as [Contingency Plan],
    MSP_WssRiskToTaskLinks_UserView.TriggerTask as [Trigger Task],
    MSP_WssRiskToTaskLinks_UserView.TriggerDescription as [Trigger Description],
    MSP_WssRiskToTaskLinks_UserView.CreatedDate as [Created Date],
    MSP_WssRiskToTaskLinks_UserView.CreateByResource as [Create By],
    MSP_WssRiskToTaskLinks_UserView.ModifiedByResource as [Modified By],
    MSP_WssRiskToTaskLinks_UserView.ModifiedDate as [Modified],
    TaskRelated.TaskUID as [TaskUID],
    TaskRelated.TaskName as [Task Name],
    TaskRelated.TaskStartDate as [Task Start],
    TaskRelated.TaskFinishDate as [Task Finish] FROM dbo.MSP_WssRiskToTaskLinks_UserView
    LEFT OUTER JOIN dbo.MSP_EpmProject_UserView AS ProjectOwner ON ProjectOwner.ProjectUID = MSP_WssRiskToTaskLinks_UserView.ProjectUID
    LEFT OUTER JOIN dbo.MSP_EpmProject_UserView AS ProjectRelated ON ProjectRelated.ProjectUID = MSP_WssRiskToTaskLinks_UserView.RelatedProjectUID
    LEFT OUTER JOIN dbo.MSP_EpmTask_UserView AS TaskRelated ON TaskRelated.ProjectUID = MSP_WssRiskToTaskLinks_UserView.RelatedProjectUID 
    AND TaskRelated.TaskUID = MSP_WssRiskToTaskLinks_UserView.RelatedTaskUID LEFT JOIN dbo.MSP_WssRelationshipType ON
    MSP_WssRiskToTaskLinks_UserView.RelationshipTypeID = MSP_WssRelationshipType.RelationshipTypeID                
    ORDER BY ProjectOwner.ProjectName ASC,  MSP_WssRiskToTaskLinks_UserView.RiskID
    Andrew Payze

    Hi Andrew,
    We normally create a function to do this. Some examples can be found here:
    http://blog.sqlauthority.com/2007/06/16/sql-server-udf-user-defined-function-to-strip-html-parse-html-no-regular-expression/
    http://lazycoders.blogspot.co.uk/2007/06/stripping-html-from-text-in-sql-server.html
    http://stackoverflow.com/questions/457701/best-way-to-strip-html-tags-from-a-string-in-sql-server
    Paul
    Paul Mather | Twitter |
    http://pwmather.wordpress.com | CPS

  • Using JavaScript to extend the height of a DIV to the height of a document or page.

    Hello everyone,
    How can I use JavaScript to dynamically resize a DIV on a page so that the div extends vertically to the size of the page or document.
    I have been experimenting all evening with different methods, some don't even work.
    Thanks everyone!
    WE

    Thanks for responding, I'll gladly explain further, hopefully you can help me.
    I have a DIV on the right side of the page (sidebar) it has very little content and does not extend to the botom of the page.
    However, I have another DIV with text that extend further down the page.
    What I am trying to do is have the sidebar extend to the bottom of the page or window height.
    This way as more text is place in the other DIV and the page stretches down, the sidebar stays extend at the bottom.
    I know the CSS method but I would like to experiment with JavaScript.
    I want to be the cook with many knives!
    Thanks for helping!
    WE
    garywpaul wrote:
    I'm not sure I understand you question. It sounds to me like you want div columns to match in size regarless of content amount?  If that is the case, you want to use faux columns.
    Read about it here:
    http://www.paulgdesigns.com/faux-columns.php
    If I am not understanding you, post back.
    gary

  • Rich Text Editor functionality for a DIV tag in a publishing page in SharePoint online

    Hi,
    We are having a requirement where we need RTE behavior of SharePoint 2013 Rich Html Field for a custom DIV. The scenario goes like this:
    1. I have a publishing page
    2. I dropped the content editor web part and to that content editor web part I will point to an HTML file that needs to be rendered in that content editor web part
    3. I have one DIV in the above mentioned HTML files and I want that div to be editable and I need to RTE options for that DIV.
    How to accomplish the above behavior?

    Hi,
    According to your post, my understanding is that you wanted to create html rich text editor for a DIV tag in a publishing page in SharePoint online.
    You can create your own Rich Text Editor.
    Here are some great blogs for your reference:
    An Example to Use HTML Rich Text Editor
    Example: Using the Editor's instance
    Rich Text Editor control in SharePoint 2010
    Regarding SharePoint Online, for quick and accurate answers to your questions, it is recommended that you initial a new thread in Office 365 forum.
    Office 365 forum
    http://community.office365.com/en-us/forums/default.aspx
    Best Regards,
    Linda Li
    Linda Li
    TechNet Community Support

  • How do I vertically align my text to center within a div?

    any solutions?

    nevermind I found a way to do it. It's probably not the most efficient way but since I only have a single line of text within the div I managed to vertically center the text using line height. I am new to web design and have been studying and watching tutorials for the last month on dreamweaver. I am getting better but I must say dreamweaver is quite glitchy when it come to accurately displaying the actual design of the webpage in split view. Only when I view my work in line view can I actually see what is really going on.

  • Keep footer div at the bottom of the page

    ok, really simple im sure, il i want to do is keep a div at the bottom of the page.. not the browser window so it can always be seen, but at the bottom of all the content, what information would i apply to this div? ive tried top;100% minus the height of the div, no luck, any help would be great thanks.

    Try something like this:
    First define your html code like this:
    <div id="container">
         <div id="content">
              <h1>Content</h1>
              <p>Please resize the browser window to see how your 100% CSS footer behaves. </p>
              <p>Some more text here</p>
         </div>
         <div id="footer">
              <h1>Footer</h1>
         </div>
    </div>
    Next create your CSS like this:
    <style type="text/css">
              <!--
                   html, body {
                        height: 100%;
                   body {
                        margin: 0;
                        padding: 0;
                        font: 12px/1.5 verdana, arial, helvetica, sans-serif;
                   #container {
                        position: relative;
                        min-height: 100%;
                        height: 100%;
                        voice-family: "\"}\"";
                        voice-family: inherit;
                        height: auto;
                   html>body #container {
                        height: auto;
                   #content {
                        padding: 10px;
                        background-color: #a6c;
                        padding-bottom: 48px;
                   #footer {
                        position: absolute;
                        bottom: 0;
                        padding: 10px;
                        background-color: #609;
                        width: 75%;
                   #footer h1 {
                        color: #fff;
                        padding-bottom: 0;
                   h1, p {
                        margin: 0;
                        padding-bottom: 1em;
                   h1 {
                        font-size: 12px;
                        line-height: 1.5em;
              -->
              </style>
    This is all there is to it in a nutshell.  It can be modified to work in old browsers but that is another question.

  • I want my content div to the right of sidebar

    I'm building a page from scratch (to my specs for layout of
    other pages in my site), blank HTML, fixed at 780 pixels. I have
    all of my divs in place but I want my sidebar (which will be my nav
    bar) to the left of the page and all the way down, and to the left
    of my content, but my content is positioned under my sidebar and
    spans across the width of the page. I want my content to the right
    of the sidebar and under the header. Can someone tell me what rules
    I should edit to get this to happen.
    I attached my code. Thanks.

    Hello,
    Float the sidebar left, like so:
    #sidebar {
    font-family: Arial, Helvetica, sans-serif;
    background-color: #e8e8e8;
    width: 200px;
    float: left;
    Give the content div a left margin of 210px.
    I also added some padding. Adjust as needed.
    #content {
    background-color: #121922;
    padding: 10px;
    margin: 0px 0px 0px 210px;
    font-family: Arial, Helvetica, sans-serif;
    color: #e8e8e8;
    The content of the divs will determine the height.
    If you want the sidebar to appear to be the same height as
    the content div,
    check out this technique:
    http://www.alistapart.com/articles/fauxcolumns/
    Take care,
    Tim
    "Rock Artist" <[email protected]> wrote in
    message
    news:[email protected]...
    > I'm building a page from scratch (to my specs for layout
    of other pages in
    > my
    > site), blank HTML, fixed at 780 pixels. I have all of my
    divs in place but
    > I
    > want my sidebar (which will be my nav bar) to the left
    of the page and all
    > the
    > way down, and to the left of my content, but my content
    is positioned
    > under my
    > sidebar and spans across the width of the page. I want
    my content to the
    > right
    > of the sidebar and under the header. Can someone tell me
    what rules I
    > should
    > edit to get this to happen.
    >
    > I attached my code. Thanks.
    >
    > <!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>Photo Gallery</title>
    > <style type="text/css">
    > <!--
    > body {
    > background-color: #e8e8e8;
    > text-align: center;
    > margin: 0px;
    > padding: 0px;
    > }
    > #wrapper {
    > text-align: left;
    > width: 780px;
    > margin-top: 0px;
    > margin-right: auto;
    > margin-bottom: 0px;
    > margin-left: auto;
    > }
    > #header {
    > height: 180px;
    > background-color: #121922;
    > }
    > #sidebar {
    > font-family: Arial, Helvetica, sans-serif;
    > background-color: #e8e8e8;
    > width: 200px;
    > }
    > #content {
    > background-color: #121922;
    > margin-top: 0px;
    > padding-top: 0px;
    > padding-left: 200px;
    > font-family: Arial, Helvetica, sans-serif;
    > color: #e8e8e8;
    > }
    > #footer {
    > margin-top: 12px;
    > margin-bottom: 12px;
    > clear: both;
    > }
    > -->
    > </style>
    > </head>
    >
    > <body>
    > <div id="wrapper">
    > <div id="header"></div>
    > <div id="sidebar">This will be my navigation bar
    with all of my pages
    > listed............right here.........</div>
    > <div id="content">Content for id "content" Goes
    Here and I wonder if I
    > fill
    > this up some that it will actually move to the right off
    my sidebar and it
    > did,
    > but why is my content section not going all the way to
    the top next to the
    > header div? Maybe I should give it a fixed size and
    float it to the right.
    > </div>
    > <div id="footer">Content for id "footer" Goes
    Here</div>
    > </div>
    > </body>
    > </html>
    >

  • Button with pre element text is given a container div

    Hi!
    Just installed 4.2.2.00.09 and imported a workspace and an application. Worked fine.
    I noted a page display difference when compared to the exported application (4.1.0.00.32). I have (so far) found this:
    If I have a button with Pre Element Text set to <div class="dummy"> and Post Element Text set to </div>, Apex generates an extra div around it all.
    If my button was named P1_SUBMIT I end up with
    <div id="P1_SUBMIT_CONTAINER">
    <div class="dummy"> <input type="button" value="Search" id="P1_SUBMIT" /></div>
    </div>
    Is it possible for me to turn this extra div off?
    Kind regards
    Tomas

    Hi,
    Change the "Number of Columns" setting in the "List of Values" where you define the 1,2,3,4,5 to "5", and you'll be all set.
    --Jennifer                                                                                                                                                                                                                                                                                                   

  • Having problems when aligning footer div and content div close together, in the browsers they are wi

    My problem is when I paste text or paste anything in div tag. I have a container that contains everything. I have a content div that contains content. I also have a footer. When I align the footer at the end to content div which is in the container, it looks good until I look at it in a the different browsers, the content and footer are so wide apart. I've tried everything I could to make the browsers look as close as what I do in dreamweaver cs4. Is there a solution to this problem?
    This is the link to page working on.
    http://www.nlclv.org/truenewwebsite/html/doctrine.htm
    The footer and content div are align very close in dreamweaver but very far apart in the browsers.
    Also if you click on this link and click on calendar of events page you will see the samething.
    Thanks for your help.

    Absolutely positioned divisions are NOT a good primary layout method. Here's why:
    http://www.apptools.com/examples/pagelayout101.php
    You should use a CSS with default CSS positioning (which is no positioning at all).  And then use margins, padding and floats to align elements on the page.  Also, if you want the page height to flex to content (as it should), remove the height property from divisions containing text.
    Something like this:
    http://alt-web.com/TEMPLATES/2-col-fixed-flash-holder.html
    Nancy O.
    Alt-Web Design & Publishing
    Web | Graphics | Print | Media  Specialists
    http://alt-web.com/
    http://twitter.com/altweb
    http://alt-web.blogspot.com

  • Placing images on top of a div tag

    Hello Dreamweavers
    Id like to know if how can I place an image in front,or should I say ontop of a div tag,for example
    Ive made a div tag,and I would like an image of a logo to be in front of that div tag.
    thank you.

    inquestflash wrote:
    Hi osgood.
    In the header i would have a background image of some sort. now you are going to tell me,why dont I place the logo on the banner
    No I was making sure there is no text in the header first.
    You can use an absolutely positioned <div>
    #header {
    position: relative;
    height: 220px; /*change height to the height of your bg image */
    #logo {
    position: absolute;
    top: 10px;
    left: 30px;
    height: 200px; /*change height to the height of your logo image */
    width: 200px; /*change width to the width of your bg image */
    Then just add the 'logo' <div> inside the 'header' <div> like below:
    <div id="header">
    <div id="logo">Logo goes here</div>
    </div><!-- end header -->

  • Media-query only for styling, keep the div content

    There must be a simple answer to this, and I. am. just. not. seeing. it.
    <div> <p id="subject-text" class="highlights">Here is the paragraph</p></div>
    css:
    .highlights {
         color: #0000CD;
         background-color: #CCCCCC;
         box-shadow: 0 -2px 10px rgba(0, 0, 128, 2.0); }
    (I want the .highlights class to be employed for smaller screens only)
    @media only (min-width: 768px) {
              .highlights {
              display: none;
    So therefore it should STILL display "Here is the paragraph" without applying the .highlight class but it doesn't. Do media queries not work like that? Do I need two media queries?

    Nope.
    display:none makes whatever the class .highlights is attached to no longer visible, which would be the entire <p> tag and its contents on screens with a min-width of 768 pixels.
    If you want the highlight to disappear when the screen size is large enough, you should use "nothing" in the media query. No .highlights class at all will give you unstyled text for anything with the .highlights class on it. Media queries don't overwrite the  css from the smaller/larger screen sizes, they are their own stylesheet that turns on for a given setting while the others turn off, in your case a min-width of 768px.
    EDIT: You would need two media queries, one for small and one for large screens (if that's how you want to run them). Both would have their own css but use the same classes/ids written into your html.
    For Example...
    <style>
    @media only screen
    and (min-width : 320px) {
    body {background-color:blue;}
    @media only screen
    and (max-width : 319px) {
    </style>
    This makes the background blue on anything larger than 320 pixels and has no background color at all for anything 319 pixels or smaller. You don't need to tell it to turn off because there isn't one by default in the second media query's css.

Maybe you are looking for

  • Error in cast a variable

    these are few lines from my long STORED PROCEDURE actually i am new to oracle 11g please declare v_s nvarchar2(10); p_RN nvarchar2(10); begin v_s := v_s || cast(p_RN as nvarchar2(10)); - ERROR IS COMING IN THIS LINE end; error ORA-06550: line 5, colu

  • Trouble connecting Macbook to Samsung LCD TV

    Hello, I tried connecting my Macbook to my Samsung LCD TV (through a DVI to HDMI cable) but I only got a black screen and "No signal". The macbook detects the Samsung and even displays "SAMSUNG" as a detected display. I checked the TV manual and ther

  • MacBook Pro 13-inch Late 2011 USB device have been disabled

    My USB ports are acting up. One port doesn't work at all and the second port only charges my devices. I'm trying to transfer files, pic's, music etc. from my cellphone to my computer then to my USB but it's giving me a message: Because a USB device w

  • CC&B V2.2 Base Batch Scheduler

    I am looking at the base batch scheduler and need to know how this interacts, if at all with the new lightweight batch. Can someone confirm the following about the base batch scheduler. 1. This scheduler does not use the lightweight batch as it is ba

  • Help !!! .. SERIOUS white balance issue, footage is yellow !!

    Hello guys, Im an avid reader of these forums but never actually posted. We shot some motorsport this weekend however something happened in terms of white balance on one of the cameras. The footage has a VERY yellow cast ... We are still injesting at