Welcome to the Treehouse Community
Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.
Looking to learn something new?
Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.
Start your free trial
datavxn
16,180 PointsHow do I unfork my workspace?
When refreshing my page to preview work I am sent to an index page which indexes my html and css separately. I've linked my css stylesheet but the changes are not refreshing on preview. Currently my css stylesheet only has code for h1 only, but changes are not coming through to html. I'm hoping by unfork-ing the workspace the changes will come through; even though I understand forking is used to not make changes on original html definite until sure. What am I doing wrong?
2 Answers
Michael Fish
7,804 PointsHi Vana,
Could you please show us your code? I could probably help you out with this
datavxn
16,180 PointsHi Michael,
Thank you for your attention and I apologize for the delay in my response. My code is here:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>OppIR, LLC</title>
</head>
<body>
<header>
<a href="index.html"></a>
<a href="img/orangeball.jpg"></a>
<img src="img/orangeball.jpg" alt="OppIR Logo">
<nav>
<ul>
<li><a href="index.html">Current Projects</a></li>
<li><a href="blog.html">Blog</a></li>
<li><a href="about.html">About</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>
</nav>
</header>
<h1>Welcome!</h1>
<h2>We are currently in the survey phase of our first location. If you are inquiring about future rentals, please contact us through "contact" tab above.</h2>
<h3>Have a great day!</h3>
</section>
<footer>
<img src="img/twitter-wrap.png" alt="Twitter Logo">
<img src="img/facebook-wrap.png" alt="Facebook Logo">
<img src="img/youtube-wrap.png" alt="YouTube Logo">
<p>Ā© 2015 Opportunity Investment Realty, LLC</p>
</footer>
</body>
</html>
datavxn
16,180 PointsSorry Michael, I just realized I didn't add the CSS to this one. But even now added, I still get the same response: and index page showing preview of html and preview of css code separately. Here is the corrected code and css:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>OppIR, LLC</title>
</head>
<body>
<header>
<a href="index.html"></a>
<link rel="stylesheet" href="css/main.css">
<a class="orangeball" href="img/orangeball.jpg"></a>
<img src="img/orangeball.jpg" alt="OppIR Logo">
<nav>
<ul class="navi-buttons">
<li><a href="index.html">Current Projects</a></li>
<li><a href="blog.html">Blog</a></li>
<li><a href="about.html">About</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>
</nav>
</header>
<section>
<h1>Welcome!</h1>
<h2>We are currently in the survey phase of our first location. If you are inquiring about future rentals, please contact us through "contact" tab above.</h2>
<h3>Have a great day!</h3>
</section>
<footer>
<img src="img/twitter-wrap.png" alt="Twitter Logo">
<img src="img/facebook-wrap.png" alt="Facebook Logo">
<img src="img/youtube-wrap.png" alt="YouTube Logo">
<p>Ā© 2015 Opportunity Investment Realty, LLC</p>
</footer>
</body>
</html>
/* css below*/
.orangeball { padding: 20%; border: solid 10px lightblue; margin: auto; align: center; max-width: 100%; background: orange; }
.navi-buttons {
font-family: verdana, serif;
font-style: italic;
font-weight: bold;
font-variant: small-caps;
display: block;
padding: auto;
border: lightblue;
}
Thanks again,
V