Aiuto

saphira555

Nuovo Utente
5 Nov 2015
2
0
0
Ciao a tutti
Mi sono iscritta a un mooc di web design. Attualmente stiamo studiando CSS3. Sto avendo enormi difficoltà con il compito della seconda settimana. Questo è il link di come sarebbe dovuto venire
http://www.intro-webdesign.com/CSS/assignment-2/index.jpg
e questo è il mio
http://codepen.io/saphira555/pen/vNRQGG
Purtroppo non è disponibile una correzione e non mi possono correggere il compito nel forum del mooc. Vorrei capire cosa ho sbagliato prima di andare avanti col corso.
Grazie mille a tutti per l'aiuto
Irene
 
Io ho corretto qualche cosa senza sapere cosa volevi ottenere di uguale al campione, sicuramente ci sarà da fare altri aggiustamenti, ma ora prova così e eventualmente sappi dire cosa vuoi ottenere
Codice:
<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Ultimate Frisbee - Home</title>
	<link rel="stylesheet"  type="text/css" href="css/hw1.css">
</head>
<body>
	<header>
		<h1>Ultimate Frisbee</h1>
		<nav>
			<a href="index.html" class = "active">Home</a>
      
			<a href="teams.html" class="teams">Teams</a>
			<a href="history.html">History</a>
			<a href="http://www.usaultimate.org/index.html" target="_blank">USA Ultimate</a>
		</nav>
	</header>
		<main>
			<aside class = "left">
			<a href="https://commons.wikimedia.org/wiki/File%3AUltimate_Frisbee%2C_Jul_2009_-_17.jpg"><img src="https://upload.wikimedia.org/wikipedia/commons/5/5d/Ultimate_Frisbee%2C_Jul_2009_-_19.jpg" alt="Creative Common Ultimate Photo" title="By Ed Yourdon [CC BY-SA 2.0 (http://creativecommons.org/licenses/by-sa/2.0)], via Wikimedia Commons"/> </a>

			<a href="https://commons.wikimedia.org/wiki/File%3AUltimate_Frisbee_Colorado_Cup_2005.jpg"><img alt="Ultimate Frisbee Colorado Cup 2005" src="https://upload.wikimedia.org/wikipedia/commons/thumb/7/7d/Ultimate_Frisbee_Colorado_Cup_2005.jpg/512px-Ultimate_Frisbee_Colorado_Cup_2005.jpg"/></a>


			<a href="https://www.flickr.com/photos/paradisecoastie/15409853738/" title="Ultimate Frisbee"><img src="https://farm4.staticflickr.com/3948/15409853738_7dbfbfbac7_k.jpg"  alt="Ultimate Frisbee"></a>
		</aside>
			<section class = "right">
				<h2>Watch your Head </h2>
			<p>Ultimate Frisbee is a sport that I never played myself, but it's popularity is something hard to ignore in many Midwestern college towns.  Students (and people who wish they were still students) spend the few briefs months of good weather, sprinting down fields, hurling frisbees, and yelling "Stack!!".</p>
			<p>What I find much more entertaining is the large number of people who continue to play when the weather gets windy and the night sky darkens around oh....4:15pm.  The sight of frisbees boomeranging in the wind is topped only by the knowledge that even when you can't seem, those same plastic discs of death are probably hurtling through the dark night sky at 8 or 9 o'clock in the evening.
			</p>
			<p>Ultimate Frisbee requires a great deal of stamina and dexterity.  Not surprisingly, the <abbr title = "International Olympic Committee">IOC</abbr> officially recognized Ultimate as a sport in 2015.   It can go up against other sports for inclusion in  Olympic games.</p>
	</section>
</main>
</body>
</html>​
Codice:
a img {width:300px; height:300px;
  border-style: solid;  border-color: black;
     border-width: 3px; display: block; margin:2%; padding:1035*724px; 
     vertical-align:top; margin-top: 20px; margin-bottom: 20px; 
     margin-left: 20px;
}

body {background:#57A83B; margin:30px auto 30px;auto;padding:1px;width:1450px;}

html {background:#FFFFFF;}


nav a {background:#B3B3B3;
    color:#0006CC;    border-radius: 25px; width:50%;
  margin:20px; padding:25px; font-variant: small-caps;

	font-size:150%; 

	font-family:Arial, "Times New Roman" , serif; text-align:center;

	 color:#563E94;
  display:inline;
    text-decoration:none;
}



a:hover {
  background:#2D9FC4;
    color:#9D2DC4;
}


a:focus{background:#B3B3B3;
    color:#0006CC; 
}
a:active {
  border:3px solid #000000;
}

a:visited{
 background:#B3B3B3;
    color:#249C64;
}
a:link{
  color:#DB4223
}

.active {
  background-color: #D6E3D1;
  color:#5FE82A;
}




nav{ 
  color:#270975; }

.left {
width:19,5%;

border:4px, solid black; 

	display:block;

	float:left;
  padding: 1338x939px; 
background-color:#3E9481;
  margin-bottom:5px;
  overflow:auto;
  height:100%;
  padding-bottom: 35px;
  margin-right: 0,5%;
}

.right{
   

 width: 40%;
  display:inline-block;
	margin:20px;
  padding: 1338*939px;

  float:left}

main {
 background-color:#3E9481;
 margin-bottom: 1000px;
}
Una cosa è necessario che fai! Quando inizi una discussione non usare titoli vaghi come aiuto ecc. usa titoli significativi e descrittivi del contesto.



.
 
Ciao, non ho mai seguito un MOOC ma il mio consiglio più istintivo é:
Rileggiti la lezione (o riguardati i video) più e più volte con il tuo codice davanti, così trovi tutti gli errori.
Se non hai modo di rivederti la lezione facci risapere.
 

Discussioni simili