Adblock breaks this site

Need css/html Homework Help

Discussion in 'Homework Help' started by lntrigued, Jun 3, 2012.

Thread Tools

Thread Tools

  • Thread ID:
  1. lntrigued

    lntrigued Forum Addict
    $25 USD Donor New Competition Winner

    Joined:
    Mar 25, 2009
    Posts:
    351
    Referrals:
    1
    Sythe Gold:
    1
    Tier 1 Prizebox
    Need css/html Homework Help
    I'm in a 4700 Web Design class this summer, and I'm having a little trouble with some of the stuff. I'm going to post my code, and my screenshot vs. what it's supposed to look like. Any help would be appreciated. Thanks in advanced.

    This is not the full code, just excerpts of the spots I'm having problems with.


    First Problem:
    The drop down menu here is supposed to be inside of the small colored box.
    My code:
    lee.css
    Code:
    #links {
		width:155px;
		float:left;
		background-color:gold;
		margin-right:10px;
		margin-bottom:10px;
		padding:10px;
		border:2px solid black;
		}
    nav.html
    Code:
    <html>
<head>
	<title> Master Lee Navigation Page</title>
	<link href="lee.css" rel="stylesheet" type="text/css">
	<script language="javascript" type="text/javascript">
	<!-- Hide from older browsers
	function getPage (page) {
							window.open(page,"content");
							}
	//End hiding -->
	</script>
</head>
<body>
<p id="links">
	<form name="menuForm">
	<!-- A pull-down list -->
	<select name="Links">
		<option value="home.html" selected="">Home
		<option value="contact.html">Contact Us
	</select>
	<input value="Go!" type="Button" onClick="getPage(document.menuForm.Links.options
	[document.menuForm.Links.selectedIndex].value)">
	</form>
</p>
<center>
	<script language="JavaScript">
		<!--
		var date
		date=document.lastModified
		document.write("Last Modified on " + date)
		// -->
	</script>
	<img src ="tkd.jpg" alt="tkd">
</center>
</body>
</html>
    What it's supposed to look like:
    [​IMG]
    What it looks like currently:
    [​IMG]


    Second problem: My small box here is supposed to have a border around it like the silver one that kind of fades out, in the correct image.

    lee.css
    Code:
    h3.boxheader{
			text-align:center;
			font-size:12-pt;
			color:white;
			font-weight:700;
			margin-top:10px;
			}
p.boxtext {
			text-align:center;
			font-size:10pt;
			color:white;
			margin: 15px 15px 15px 15px;
			}
#boxL {
	width: 250px;
	float: left;
	background-color: black;
	margin: 15px 15px 15px 15px;
	border:outset color:#660099;
	font-family:arial, helvetiva, sans-serif;
	color:white;
	}
#boxL h3 {
	text-align: center;
	margin-top: 9px;
	color:white;
	}
#boxL ul {
	list-style-type:square;
	margin-left:20px;
	padding-left:0px;
	}
    home.html
    Code:
    <div id="boxL">
<h3 class="boxheader">Translation of<br>Tae Kwon Do</h3>
<p class="boxtext">Literally, a method of defending yourself with your hands and feet.</p>
<ul>
	<li>Tae - Jumping or flying to kick or smash with the foot</li>
	<li>Kwon - to punch or destroy with the fist</li>
	<li>Do - the &quot;art&quot; or &quot;way&quot; of</li>
	<br>
</ul>
</div>
    What it's supposed to look like:
    [​IMG]
    What is currently looks like:
    [​IMG]



    I have all of my professor's code for his website design, and I've compared mine to his, and can't find any differences to help me out here. Like say, any help would be much appreciated.
     
    lntrigued, Jun 3, 2012
    #1
  2. sirlaughsalot

    sirlaughsalot Forum Addict

    Joined:
    Apr 13, 2007
    Posts:
    260
    Referrals:
    0
    Sythe Gold:
    0
    Need css/html Homework Help
    The first problem is because it is in a
    Code:
    <p>
    tag, not a
    Code:
    <div>
    tag. p tags are for paragraphs of text, div-s are meant to show divisions in the document.

    I'll edit/re-post with the solution to the second.

    Edit:

    Change the
    Code:
    #boxL {
	width: 250px;
	float: left;
	background-color: black;
	margin: 15px 15px 15px 15px;
	border:outset color:#660099;
	font-family:arial, helvetiva, sans-serif;
	color:white;
	}
    block, to something like
    Code:
    #boxL {
  width: 250px;
  float: left;
  background-color: black;
  margin: 15px 15px 15px 15px;
  border-style: outset;
  border-color: #660099;
  border-width: 10px;
  font-family:arial, helvetiva, sans-serif;
  color:white;
  }
    Hope that helps!
     
    sirlaughsalot, Jun 3, 2012
    #2
  3. lntrigued

    lntrigued Forum Addict
    $25 USD Donor New Competition Winner

    Joined:
    Mar 25, 2009
    Posts:
    351
    Referrals:
    1
    Sythe Gold:
    1
    Tier 1 Prizebox
    Need css/html Homework Help
    Holy crap, yeah. I was missing a ; in there too, haha. Thanks for the help man. I got it working now. Appreciate it!
     
    lntrigued, Jun 3, 2012
    #3
< Generic scholarship proofread please. | need help with these chemistry problems >


 
 
Adblock breaks this site