total newbie - Page 2

User 187934 Photo


Senior Advisor
20,271 posts

Try this instead. I fixed most of the issues. Now is the layout what you wanted?:)

<!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" xml:lang="en" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title>Your Title</title>

<style type="text/css" media="screen">
html, body { margin: 0; padding: 0; }
body { color: #333; font: 12px Helvetica, Arial, sans-serif; line-height: 18px; }
h2 { color: #333; }
a { color: #337810; }
p { margin: 0 0 18px; }
#container { width: 760px; margin: 0 auto; }

/* Header */
#header { background: #eee; border-bottom: 2px solid #ddd; }
#header h1 { color: #004b6f; margin: 0 0 3px; padding: 24px 18px 0; }
#header p { color: #666; font-size: 18px; font-weight: bold; padding: 0 18px; }

/* Content Style */
#navigation { margin-left: 18px; }
#navigation ul { padding: 0 18px 9px; }
#extra { margin: 0 18px; }
#extra small { font-size: 11px; line-height: 18px; }
#content { border-bottom: 1px solid #ccc; margin: 0 18px; }
#content p, #extra p { padding-right: 18px; }

/* Content Positioning and Size */
#navigation { float: left; width: 350px; }

#extra { float: right; width: 350px; } /* Footer */
#footer { background: #333; border-bottom: 2px solid #999; clear: both; }
#footer a { color: #eee; }
#footer p { color: #ccc; margin: 0; padding: 0 18px 10px; }
#footer ul { border-bottom: 1px solid #555; list-style: none; margin: 0 18px 6px; padding: 10px 0 6px; }
#footer li { display: inline; font-size: 11px; font-weight: bold; padding-right: 5px; }
</style>
<!--[if IE]>
<style type="text/css">
#navigation, #content, #extra { margin-top: 20px; }
</style>
<![endif]-->
</head>
<body>
<div id="container">
<div id="header">
<h1>Runde &amp; Co. LLC</h1>
<p class="description">Investment Managers</p>
<h1><b><i>Process-Driven Investing</i></b></h1></div>
<div id="wrapper">
<div id="content">
<h2>Runde Large-Cap Value</h2>
<h2>Portfolio Characteristics</h2>
<p>Runde Large-Cap Value is a defensive, dividend-driven strategy. It has a yield of approximately 5%. Over the last five years, it has had an Alpha of x.x and a Beta of y.y <a href="">See more Portfolio Characteristics.</a></p>
<h2>Market Capitalization</h2>
<p>Runde Large-Cap Value has a mean market capitalization of approximately $21 billion and a median market capitalization of approximately $6.7 billion.<a href="">See more Market Capitalization.</a></p>
<h2>Year-End Sector Weights</h2>
<p>Runde Large-Cap Value is typically overweighted in Utilities and underweighted in Technology. <a href="">See more Year-End Sector Weights.</a></p>
<h2>Performance Attribution by Sector</h2>
<p>In 2010, Runde Large-Cap Value was helped by its overweight position in XXXXX but was hurt by its overweight/underweight position in YYYYY. <a href="">See more Performance Attribution by Sector.</a> </p>
<h2>Performance Summary</h2>
<p>Since inception (March 31, 2006 - June 30, 2011) Runde Large-Cap Value has returned 0.45% on an annualized basis while its benchmark (Russell 1000 Value) has returned -4.39 on an annualized basis. Runde Large-Cap Value has produced excess return of 4.85% on an annualized basis since inception.<a href="">See more Performance Summary.</a></p>
<h2>GIPS Verification and Performance Examination</h2>
<p>Runde &amp; Co. LLC claims compliance with the Global Investment Performance Standards (GIPS®) and has prepared and presented the Performance Summary in compliance with the GIPS standards.The verification and performance examination report, the firm's policies and procedures for valuing portfolios, calculating performance and preparing compliant presentations as well as a complete list of the firm's composites with descriptions are available upon request. Please contact Elizabeth Runde at 206-323-2255.</p>
<h2>Runde Value Portfolios</h2>
<ul>
<li><a href="">Runde Large-Cap Value</a></li>
<li><a href="">Runde Mid-Cap Value</a></li>
<li><a href="">Runde Small/Mid-Cap Value</a></li>
<li><a href="">Runde Small-Cap Value</a></li>

</ul>

</div>
<div id="footer">
<ul>
<li><a href="">Our Firm</a></li>
<li><a href="">Our Philosophy</a></li>
<li><a href="">Earnings-Driven Core Strategy</a></li>
<li><a href="">Dividend-Driven Value Strategy</a></li>
<li><a href="">Our People</a></li>
<li><a href="">Our Performance</a></li>
<li><a href="">National Recognition</a></li>
<li><a href="">Contact Us</a></li>
</ul>
<p>Copyright Runde &amp; Co. LLC. <i>Moneyball(tm)</i> is a registered trademark of Runde &amp; Co. LLC.</p>
</div>
</div>
</div>
</body>
</html>
I can't hear what I'm looking at.
It's easy to overlook something you're not looking for.

This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com
User 117361 Photo


Ambassador
6,076 posts

that is a simple one Kevin...
You have closed with a lot of </div> s which have no openings...see this example
<h2>Portfolio Characteristics</h2>
<p>Runde Large-Cap Value is a defensive, dividend-driven strategy. It has a yield of approximately 5%. Over the last five years, it has had an Alpha of x.x and a Beta of y.y <a href="">See more Portfolio Characteristics.</a> </div>

I have just removed them from every block of heading and paragraph text, and then just included one (which was missing) before your lower wrapper...
</div>
<div id="wrapper">
<div id="content">


If you close a <div> tag area before the tag has finished doing it's work (in this case the indentation), anything outside the closure of the tag </div> will not have that effect applied. Think of it as a box and only what is contained within that box area will be affected by the rule you set up for the box.

In this case I think it was the content box which set the rule for the indentation, right? And you closed that box right after the first heading...
<div id="content">
<h2>Runde Large-Cap Value</h2></div>


So I know it's easier if someone just gives you all the code directly, but try following my suggestions and you will learn more this way than by just copying and pasting in someone's solution to your page!!!
:cool:
User 2256121 Photo


Registered User
6 posts

Dear Eric and Janys,

Thank you so much for your help. You people are incredibly generous with your time and knowledge base.

I will see if I can make the adjustment to my code myself so that I am able to wean myself from this board but I do so with the knowledge that I have Eric's code to back me up.

You people are wonderful. This is the most supportive community with which I have ever been a part.

Sincerely,

Casey
User 187934 Photo


Senior Advisor
20,271 posts

Thanks for giving the backup Janys.:)
I can't hear what I'm looking at.
It's easy to overlook something you're not looking for.

This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com

Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.