r/HTML • u/ZombieInAFlowercrown • 4d ago
Question html help
Hey! I only starting learning html two days ago and I'm struggling a bit with my neocities site.
Can someone please help me figure out where I am going wrong with my code? My site has one big 'box' down the middle where I have my content and the background is intended to be a separate colour.
However, I cannot get them to be separate colours for the life of me. (This is for the entire page so I'll try to cut down on the unnecessary bits)
This is the colour I am trying to make the bigger box - #8FBC8B
EDIT: It's fixed now, thanks! :D I had no idea a single hashtag could mess it up lolollll
CODE:
<html>
<head>
<title>ander's landing site</title> <style>
body {
background: url(https://neocities.org/site_thumbnails/39/09/anders113/water%20background-%20Imgur.jpg.210x158.webp);
background-repeat: repeat;
}
h1 {
color: #FFFFF0;
font-size: 50px;
text-align:center;
font-family:monospace,Georgia;
}
a {
color: mediumvioletred;
}
a:hover {
color: gold;}
body {
color: #8FBC8B;
max-width:800px;
margin: 0 auto;
padding: 0 20px;
.page {
background-color:#FAEBD7;
color:black;
border:4px solid RosyBrown;
border-radius: 12px;
padding: 15px;
margin: 40px 0;
box-shadow: 0 4px 8px rgba(0,0,0.2);
text-align: center;
}
.bigpage {
background-color:##8FBC8B;
color:black;
border:10px #7D4C13;
border-radius: 12px;
padding: 15px;
margin: 40px 0;
box-shadow: 0 4px 8px rgba(0,0,0.2);
text-align: center;
max-width:1000px;
}
#kirri {
text-align: left;}
h2 {
color: #12240C; }
</style>
</head>
<div class="bigpage"><body>
<h1 id="top">\★ anders aquarium \★</h1> <br>
<div class="page"><h2><strong> WELCOME </strong><small>to the </small><strong> HOME </strong><small> page </small><strong>:)</strong></h2>
<iframe width="314" height="321" scrolling="no" src="https://gify.pet/pet/pet.html?name=Kirri <3&dob=1784269586&gender=f&element=Water&pet=https%3A%2F%2Fmedia3.giphy.com%2Fmedia%2Fv1.Y2lkPTc5MGI3NjExNGl5OHhoZGw5dG4wc3Uxd3I3c3lwdzluNnR1Nm12OTg3NGVoa3BzaSZlcD12MV9pbnRlcm5hbF9naWZfYnlfaWQmY3Q9Zw%2F2GmjfO9CtnVIaA8VFL%2Fgiphy.gif&map=https%3A%2F%2Fcdn.phototourl.com%2Ffree%2F2026-07-17-0f8e5d4f-a891-4c52-bc9e-bbf2601e8375.jpg&background=https%3A%2F%2Fcdn.phototourl.com%2Ffree%2F2026-07-17-0f8e5d4f-a891-4c52-bc9e-bbf2601e8375.jpg&tablecolor=white&textcolor=white" frameborder="0"></iframe>
<a href="[https://info.flagcounter.com/oOcf">](https://info.flagcounter.com/oOcf">)<img src="[https://s01.flagcounter.com/count/oOcf/bg\\_8F5E72/txt\\_EDBEDC/border\\_000000/columns\\_2/maxflags\\_10/viewers\\_0/labels\\_0/pageviews\\_0/flags\\_0/percent\\_1/](https://s01.flagcounter.com/count/oOcf/bg_8F5E72/txt_EDBEDC/border_000000/columns_2/maxflags_10/viewers_0/labels_0/pageviews_0/flags_0/percent_1/)" alt="Flag Counter" border="0" style="float:right;"></a>
<!-- I'm going to make a page just for kirri eventually...give her some virtual pets :D -->
<iframe src="https://shroom.ink/guard.html/?site=Ander's Aquarium&shroom=9" height="250px" width="200px" scrolling="no" style="float: right;" frameborder="0"></iframe>
<details id="kirri">
<summary><em>\♥kirri\♥</em></summary>
<p>This sweet girl is my darling, Kirri :) She lives in my bedroom and I have spent countless hours writing at my desk by her side. Her likeness is scattered throughout my home in many physical photos and colourful frames, and now she has populated a tiny space online as well!\★</p>
</details> </div>
<!-- navigation -->
<div class="page"><fieldset><legend id="Navigation">Navigation:</legend><ul class="tree-view">
<li><a href="https://anders113.neocities.org/aboutme#poem" about.html title=":D"> about me</a></li>
<li><a href="https://anders113.neocities.org/resources"title="have fun and be home by 10!" coding resources.html> coding resources!! </a> </li>
<li><a href="https://anders113.neocities.org/formattingpractise" title="i know what u are"formatting practise.html> sapphic sunset hour </a> </li> </fieldset></div>
<div class="page"> <a href="https://www.chickensmoothie.com/pet/521020506.html"><img src="https://www.chickensmoothie.com/pet/521020506&bg=86bd75.jpg" border=0></a><br><b>Pet's name:</b> Willa <br> <a href="https://www.imood.com/[email protected]"><img src="https://moods.imood.com/display/[email protected]/fg-#B0C4D/bg-#DDA0D/imood.gif" alt="The current mood of [email protected] at www.imood.com" border="0"></a>
<p> this mossy and overgrown corner of the internet has been lovingly handcrafted </p>
<p> you can usually find me on <a href="https://archiveofourown.org/">ao3</a> and various other writing sites </p> </div>
<hr>
<!-- goodreads widget made accessible by the lovely petra pixel (linked on resources page) -->
<div class="page"> <hr>
<blockquote><h2>my favourite songs </h2></blockquote>
<ul>
<li> 'Cold Turkey' by The Happy Fits </li>
<li> 'Milk Carton' by Elio Mei </li>
<li> 'Twistin the Night Away' by Sam Cooke </li>
<li> 'Lost Kitten' by Metric </li>
</ul>
<hr>
<blockquote><h2> beloved places </h2></blockquote>
<a href="[https://anders113.neocities.org/bedroom">](https://anders113.neocities.org/bedroom">)<img style="float: right;" alt="pixel art door" src="[https://neocities.org/site\\_thumbnails/39/09/anders113/pixil-frame-0.png.210x158.webp](https://neocities.org/site_thumbnails/39/09/anders113/pixil-frame-0.png.210x158.webp)" /></a>
<ul>
<li> my desk </li>
<li> triplet falls </li>
<li> next to my cat by a sunny window </li>
</ul>
<p><a href="#top" title="only bc u asked nicely">take me back up please! :O</a> </p> </div>
</div>
</body>
</html>
2
u/SCD_minecraft 4d ago
So
Today i learned reddit can render HTML
But only when you open post via clicking on a picture
2
u/WulfCoDev 4d ago
You have two #’s in front of the color hex code