Solved

Trying to design a box

Posted on 2014-03-31
5
96 Views
Last Modified: 2014-03-31
Why does this not work.
No borders show
no background shows
http://real20cardkeno.com/test.asp
Why does this not work ?
0
Comment
Question by:isnoend2001
  • 3
5 Comments
 
LVL 52

Accepted Solution

by:
Scott Fell,  EE MVE earned 250 total points
ID: 39968194
Try

<!DOCTYPE html>

<html lang="en">
  <head>
  <title>test</title>
    <meta charset="utf-8">
	<style type= "text/css">	
	
	.pitchbox{	 
	 border: 1px solid #0066ff;
	width: 160px;
	height: 720px;
 padding-left: 5px; 
 padding-right: 5px;  
 padding-top: 2px;
  padding-bottom: 3px;
  background-color: rgb(227,227,227);
  text-align: center;
   }             
	
	</style>
  </head>
 
  <body>
 <div id="pitchbox" class=pitchbox>
  Roof pitch
  </div>
  </body>
</html>

Open in new window

0
 
LVL 52

Expert Comment

by:Scott Fell, EE MVE
ID: 39968200
Ooops that  should be  <div id="pitchbox" class="pitchbox">

Try and do your design using the class and not the id.  You simply set your css to a class by using a . instead of # (for id)
0
 
LVL 52

Expert Comment

by:Scott Fell, EE MVE
ID: 39968202
Dave, did you submit twice is or is that a glitch.  2nd time I saw this today.
0
 
LVL 83

Assisted Solution

by:Dave Baldwin
Dave Baldwin earned 250 total points
ID: 39968193
Because '.pitchbox' is a class and you put id="pitchbox" in the div.  They need to both be the same kind.  Both class or both id.
0
 

Author Closing Comment

by:isnoend2001
ID: 39968226
Thanks
Should have know that
0

Featured Post

Active Directory Webinar

We all know we need to protect and secure our privileges, but where to start? Join Experts Exchange and ManageEngine on Tuesday, April 11, 2017 10:00 AM PDT to learn how to track and secure privileged users in Active Directory.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Suggested Solutions

Introduction If you're like most people, you have occasionally made a typographical error when you're entering information into an online form.  And to your consternation, the browser remembers the error, and offers to autocomplete your future entr…
So you have coded your own WordPress plugin and now you want to allow users to upload images to a folder in the plugin folder rather than the default media location? Follow along and this article will show you how to do just that!
In this Micro Tutorial users will learn how to embed custom fonts into websites using @font-face in CSS Select a font: Ensure the EULA allows you to use @font-face: Download the font: Get the browser-compatible files you need: Edit your CSS       - Name …
Learn how to create flexible layouts using relative units in CSS.  New relative units added in CSS3 include vw(viewports width), vh(viewports height), vmin(minimum of viewports height and width), and vmax (maximum of viewports height and width).

821 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question