W3C CSS Validator results: Parse Error

HTML & CSS
1

Hi,
I’m having a issue with css coding for div element. I see the content for the box, but no box as well as the box float to the right of the page. I would appreciate input. I also corrected two typo Thank you.

16 Parse Error [: 5px solid black: padding: 15px; width: 275px; height: 275px; float: left; } ]

<!DOCTYPE html>
<html lang="en">
  <head>
	<meta charset= "utf-8">
           <title>Vance_project2.html</title>
  </head>
 <style>
{
    box-sizing: border-box; 
    background: #DCDCDC; 
	border: 5px solid black:
	padding: 15px;
	width: 275px;
	height: 275px;
	float: right;
}	
</style>

<body>

<div class="cast">
  <h2>Favorite Movie: The Wiz</h2>
  <h2>Release Date: 1978</h2>
      <h5 class="cast">Diana Ross as Dorothy</h5>
      <h5 class="cast">Theresa Merritt as Aunt Em</h5>
	  <h5 class="cast">Stanley Green as Uncle Henry</h5>
	  <h5 class="cast">Michael Jackson as Scarecrow</h5>
	  <h5 class="cast">Nippy Russell as Tinman</h5>
	  <h5 class="cast">Ted Ross as Lion</h5>
	  <h5 class="cast">Mable King as Evillene</h5>
	  <h5 class="cast">Richard Pryor as the Wiz</h5>
	  <h5 class="cast">Lena Horne as Glinda the Good</h5>
</div>     
 
<h2>My three favorite bands are:</h2>

<ul>
	<li>Earth Wind & Fire</li>
	<li>Alpha Blondy</li>
	<li>Brian Culbertson</li>
</ul>

<h2>My three favorite foods are:</h2>

<ol type= "I">
	<li>Garden Salads</li>
	<li>Vegetable Biryani</li>
	<li>Sweet Potato Pudding</li>
</ol>

<h2>My dream vacation destination is:</h2>

<dl>
	<dt>Alaska, nicknamed the last frontier </dt>
		<dd>Visiting mid to late May will offer 60 degree temperatures, less rain and fewer crowds.</dd> 
		<dd>It's an ideal time to explore National Parks, visit varies cities, and experience the culture.</dd>

</dl>
</head>
</body>
</html>
2

Should be a semicolon after “black”

3

ronpat,
Thanks. Do have suggestions on the topic of the content for div having no border and not positioned to the right of the page?

4

Sorry, I don’t understand the question.

Have you read our posting basics, yet. If not, please do.

5

Thanks, reviewing the format and I will follow up shortly.

6

ronpat,
Issue resolved and that you for your assistance. I signed up on CodePen as suggested. Thanks.

1 Like
7

correction: thank

8

@lstborne: when you post code on the forums, you need to format it so it will display correctly.

You can highlight your code, then use the </> button in the editor window, or you can place three backticks ``` (top left key on US/UK keyboards) on a line above your code, and three on a line below your code. I find this approach easier, but unfortunately some European and other keyboards don’t have that character.

I’ve formatted the code in your first post for you.

9

thank you.

10

This topic was automatically closed 91 days after the last reply. New replies are no longer allowed.