total newbie - Page 1 - Post ID 164961

User 2256121 Photo


Registered User
6 posts

let's start with this. I just bought an html theme. downloaded it. thought it would automatically download into coffee cup and I could start working with it right away. that totally did not happen. what were the correct steps so that when i download it goes into coffee cup and I can start working with it right away?
User 122279 Photo


Senior Advisor
14,649 posts
Online Now

When you have downloaded a theme, you open the HTML Editor, Choose 'New from theme'. When that dialogue box opens, click Add, then browse to where you saved the theme, select it and OK.
Ha en riktig god dag!
Inger, Norway

My work in progress:
Components for Site Designer and the HTML Editor: https://mock-up.coffeecup.com


User 2256121 Photo


Registered User
6 posts

ok, that worked. thank you very much. now then, how do I get my hyperlinks to work inside my project. in other words, i just started working straight away with Default Layouts - Single Column Fixed 1. I put my own titles on the Navigation links. I then created pages that have the corresponding titles simply by clicking on the New HTML Page. Unfortunately, I cannot tell how to then link the Navigation link to the actual underlying page I have created. Thank you for any help you can be.
User 117361 Photo


Ambassador
6,076 posts

Hi Kevin...
let me see if I can help here...
Let's say you have the words THIS IS A LINK and you want to be able to link those words to a page which you have named myhouse.html

So what you do is highlight the words and either go to the tools at the top of the editor interface and pick INSERT or click on the little globe icon. Either way you will be given the option to choose a link.

If the page myhouse.html is open in the editor, you can use the quick link to open document option under the INSERT and just run down the list of open documents until you find the one you want to link to. To simplify things, make sure the page you are linking from, and the page you are creating the link to are in the same folder.

You will then see something like this:
<a href="myhouse.html">THIS IS A LINK</a>


It will look slightly different if you are trying to add a link around an image...for instance a button in a menu.
Let's try that one...say your button is called button.jpg
The code for your button will look a bit like this:
<img src="images/button.jpg" width="50" height="20" alt="BUTTON" border="0" />

This time you are going to have to highlight all that code and then do exactly the same as before to add the link. Your code will look something like this:
<a href="myhouse.html"><img src="images/button.png" width="401" height="82" alt="" border="0" /></a>


Hope that helps. Give a shout if you still need some guidance.

User 2256121 Photo


Registered User
6 posts


I tried you solution but it did not work. Here is the code as it stands. Perhaps you can plug it into your version of coffeecup and walk me through it. Thank so much for your help.


<!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; }
#content { }
#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 & 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>Welcome!</h2>
<p>Runde & Co. LLC is an independent, SEC-registered, majority woman-owned investment manager located in Seattle, Washington. Runde was founded in 1992 by Elizabeth Runde and Casey Runde who have more than 60 years combined investment experience.</p>
</div>
</div>
<div id="navigation">
<h2>Learn More</h2>
<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>
</div>
<div id="extra">
<h2>Philosophy</h2>
<p>Runde & Co. LLC seeks to achieve solid, risk-adjusted returns for its investors through the construction and management of highly diversified portfolios of equity securities. The investment strategy is a fundamentally-based, process-driven approach. Runde's objective methodology, based on a proprietary filter developed in-house, is designed to identify undervalued and overvalued stocks. <h2>Advantages</h2> <p>There are a number of benefits to a process-driven investment strategy and specifically to the Runde strategy. The primary benefit is that the Runde implementation creates and facilitates a dispassionate, unbiased approach to investing which is replicable and in which stock selection criteria can be uniformly applied. A secondary benefit is that a systematic approach allows for greater diversification of the assets which contributes to better risk-adjusted performance and a reduction in company-specific risks. Lastly, Runde portfolios have very low turnover which mitigates style-drift. </p>

</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 & Co. LLC. <i>Moneyball(tm)</i> is a registered trademark of Runde & Co. LLC.</p>
</div>
</div>
</body>
</html>
User 122279 Photo


Senior Advisor
14,649 posts
Online Now

If you have saved all your pages to the same folder, it should be easy to add the various pages to the menu. Your navigation is this:

<ul>
<li><a href="firm.html">Our Firm</a></li>
<li><a href="philosophy.html">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="http://www.natrecognition.com">National Recognition</a></li>
<li><a href="">Contact Us</a></li>
</ul>


As you may see (in bold) I have written some page names between the double quotes. If you have a link to a different site, you have to write the full URL, as I've shown with the National Recognition menu item. You have to repeat this for the footer menu, of course.

When you have created the menu on one page, you can probably just copy/paste it onto the other pages.

I hope this helps.
Ha en riktig god dag!
Inger, Norway

My work in progress:
Components for Site Designer and the HTML Editor: https://mock-up.coffeecup.com


User 117361 Photo


Ambassador
6,076 posts

Kevin,
My solution definitely works. If you notice, Inger has just said exactly the same thing that I did on how to create the links. She had the advantage of having a piece of code from your page, so let's see if you manage to apply her solution and get it to work now.
Let us know how you get on.:)
User 2256121 Photo


Registered User
6 posts

Dear Inger,

You are a genius! Thank you so much. It worked.

Janys, Thank you too. For whatever reason, Inger's solution got through my thick skull. I am sure someone with more skill would have been able to make your solution work, too.

In any event, I am indebted to you both.

Really appreciate the help.

Sincerely,

Casey
User 2256121 Photo


Registered User
6 posts

Troopers,

I am having trouble with this page. As you can see, the formatting breaks down if I try to do too much. If you plug the code into your version of CoffeeCup, you will find that Portfolio Characteristics and Market Capitalization indent properly but as I try to add Year End Sector Weights, etc., the formatting breaks down and the indenting stops.

I suspect it is up in the CSS code but I do not know what to do or where to do it.

Thank you in advance for any help you can be.

Casey





<!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; }
#content { }
#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 & 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></div>
<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>
<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> </div>
<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> </div>
<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> </div>
<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> </div>
<h2>GIPS Verification and Performance Examination</h2>
<p>Runde & 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. <div id="wrapper">
<div id="content">
<div id="navigation">
<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>
<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 & Co. LLC. <i>Moneyball(tm)</i> is a registered trademark of Runde & Co. LLC.</p>
</div>
</div>
</body>
</html>
User 187934 Photo


Senior Advisor
20,271 posts

Is this what your looking for?
<!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 & 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></div>
<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>
<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>
<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>
<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>
<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>
<h2>GIPS Verification and Performance Examination</h2>
<p>Runde & 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.
<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 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 & Co. LLC. <i>Moneyball(tm)</i> is a registered trademark of Runde & Co. LLC.</p>
</div>
</div>
</body>
</html>

This code still has a lot of issues but is the basic layout what you wanted?
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.