Posicionamiento de css 23/25 donde esta el error?


#1

AYUDA!!!

Para solucionar esto:

Establecé el valor de display de li como inline;

Hacé que tenga 5 píxeles de relleno alrededor.

#navbar {
position:fixed;
margin-top:-10px;
left:50%;
margin-left:-254px;
display: inline;
padding: 5px;
}


#2

¡Uy! Probá otra vez. ¿Estableciste el valor de display de li como inline?


#3

Link to exercise, please.


#4

https://www.codecademy.com/es/courses/web-beginner-es-dr4x7/4/3?curriculum_id=53a32b8cfed2a8488a000001


#5

Not sure if you encountered image missing problems, but here is a workaround with all images loadable.

index.html
<!DOCTYPE html>
<html>
	<head>
		<link type="text/css" rel="stylesheet" href="stylesheet.css"/>
		<title>Resultado</title>
	</head>
	<body>
		<div id="header">
			<div id="navbar">
				<ul>
					<li>Inicio</li>
					<li>Sobre mí</li>
					<li>Planes para dominar el mundo</li>
					<li>Contacto</li>
				</ul>
			</div>
			<h2>Sobre mí</h3>
		</div>
		<div id="izquierda">
		<img src="http://www.furrytalk.com/wp-content/uploads/2009/11/grumpy-pup.jpg"/>
		<!--img src="http://www.thedailybalance.com/wp-content/uploads/angry-puppy.jpg"/-->
		<p>Soy el cachorro más enojado del mundo. Un hecho que ha sido comprobado científicamente en varios ensayos clínicos.</p>
		</div>
		<div id="derecha">
		<table>
			<th colspan="3">Mis hermanos</th>
			<tr>
				<!--td><img src="http://thedoggiedish.com/uploads/pictures/1344463888_Puppies%20Training.jpg"/></td-->
				<td><img src="http://24.media.tumblr.com/tumblr_m825unsFjm1qldzl2o2_500.jpg"></td>
				<td><img src="http://www.humanesociety.org/assets/images/270x224/animals/dogs/dog_puppy_lookinup_270x224.jpg"/></td>
				<!--td><img src="http://funnycrave.frsucrave.netdna-cdn.com/wp-content/uploads/2011/03/puppy.png"/></td-->
				<td><img id="bottom_left" src="http://dailypicksandflicks.com/wp-content/uploads/2011/03/Boo.jpg"/></td>
			</tr>
			<tr>
				<td><img src="http://2.bp.blogspot.com/_jZHHRfnq9F8/Sw5Kb1D2EhI/AAAAAAAAKkE/fuaDErPNDvU/s1600/Puppy+Training.jpg"/></td>
				<td><img src="http://4.bp.blogspot.com/-hvKDf0aMe1g/ToKckj6RZrI/AAAAAAAACf0/oZQNbyPtmns/s1600/cute-puppy-pictures.jpg"/></td>
				<!--td><img src="http://puppiespics.net/wp-content/uploads/2012/04/doberman-puppy5.jpg"/></td-->
				<td><img src="http://24.media.tumblr.com/tumblr_m825unsFjm1qldzl2o2_500.jpg"></td>
			</tr>
			<tr>
				<td><img id="bottom_left" src="http://dailypicksandflicks.com/wp-content/uploads/2011/03/Boo.jpg"/></td>
				<td><img src="http://24.media.tumblr.com/tumblr_m825unsFjm1qldzl2o2_500.jpg"></td>
				<!--td><img id="bottom_right" src="http://img.photobucket.com/albums/v649/deadxmansxhand/ewok-closeup.jpg"/></td-->
				<td><img id="bottom_right" src="http://www.humanesociety.org/assets/images/270x224/animals/dogs/dog_puppy_lookinup_270x224.jpg"/></td>
			</tr>
		</table>
		</div>
		<div id="footer">
			<div id="button">
				<p>Mandame un <span class="bold">correo electrónico</span>!</p>
			</div>
		</div>
	</body>
</html>

The stylesheet I finished lesson 23 with (which passed) follows:

stylesheet.css
body {
	background-color: #b7d1c4
}

h2 {
	font-family: Verdana;
	font-weight: bold;
	text-align: center;
	padding-top: 25px;
	padding-bottom: 25px;
	color: #acd1b2;
}

img {
	height: 170px;
	width: 170px;
	box-shadow: rgba(0,0,0,0.2) 10px 10px;

}

#navbar {
	/*Agregá tu CSS acá*/
	position: fixed;
	margin-top: -10px;
	left:50%;
	margin-left:-254px;
}

#header {
	position: relative;
	top: -10px;
	background-color: #3c4543;
	border-top-left-radius: 15px;
	border-top-right-radius: 15px;
}

ul{
	list-style-type: none;
	position: fixed;
	margin: -10px;
}

li {
	/*Agregá tu CSS acá*/
	display: inline;
	padding: 5px;
	border: 2px solid #000000;
	font-family: Futura, Tahoma, sans-serif;
	color: #ffffff;
	border-radius: 5px 5px;
	background-color: #cc0323
}

#izquierda{
	/*Agregá tu CSS acá*/
	
}

p {
	font-family: Tahoma;
	font-size: 1em;
}

#derecha{
	/*Agregá tu CSS acá*/
	
}

table {
	border: #000000 1px solid;
	background-color: #acd1b2;
	float: right;
	margin-right: 10px;
	border-bottom-right-radius: 15px;
	border-bottom-left-radius: 15px;
}

td {
	height: 75px;
	width: 75px;
}

td img {
	height: 75px;
	width: 75px;
	box-shadow: none;
}

th {
	font-family: Verdana;
	font-size: 1em;
	font-weight: normal;
	color: #3c4543
}

#bottom_left{
	border-bottom-left-radius: 15px;
}

#bottom_right{
	border-bottom-right-radius: 15px;
}

#footer{
	/*Agregá tu CSS acá*/
	
	position: relative;
	bottom: -20px;
	border-bottom-left-radius: 15px;
	border-bottom-right-radius: 15px;
	height: 75px;
	background-color: #3c4543;
}

#button{
	border: 2px solid #000000;
	float:left;
	position: relative;
	left: 229px;
	bottom: -20px;
	border-radius: 5px;
	background-color: #cc0323;
	height: 30px;
	width: 150px;
	
}

#button p{
	position: relative;
	bottom: 10px;
	font-size: 0.8em;
	color: #acd1b2;
	text-align: center;
}

.bold{
	font-family: tahoma;
	font-weight: bold;
	font-size: 1.2em;
	font-variant: small-caps;
	color: #ffffff;
}

The full screen preview looks incomplete, but I suspect the remaining lessons will put everything right.


Following is the CSS I finished up with…

stylesheet.css
body {
	background-color: #b7d1c4
}

h2 {
	font-family: Verdana;
	font-weight: bold;
	text-align: center;
	padding-top: 25px;
	padding-bottom: 25px;
	color: #acd1b2;
}

img {
	height: 170px;
	width: 170px;
	box-shadow: rgba(0,0,0,0.2) 10px 10px;

}

#navbar {
	/*Agregá tu CSS acá*/
	position: fixed;
	margin-top: -20px;
	margin-left: -30px;
	/*margin-left:-254px;*/
}

#header {
	position: relative;
	margin-top: 45px;
	background-color: #3c4543;
	border-top-left-radius: 15px;
	border-top-right-radius: 15px;
}

ul{
	list-style-type: none;
	position: fixed;
	margin: -10px;
}

li {
	/*Agregá tu CSS acá*/
	display: inline;
	padding: 5px;
	border: 2px solid #000000;
	font-family: Futura, Tahoma, sans-serif;
	color: #ffffff;
	border-radius: 5px 5px;
	background-color: #cc0323
}

#izquierda{
	/*Agregá tu CSS acá*/
	float: left;
	width: 45%;
}

p {
	font-family: Tahoma;
	font-size: 1em;
}

#derecha{
	/*Agregá tu CSS acá*/
	float: right;
	width: 45%;
}

table {
	border: #000000 1px solid;
	background-color: #acd1b2;
	float: right;
	margin-right: 10px;
	border-bottom-right-radius: 15px;
	border-bottom-left-radius: 15px;
}

td {
	height: 75px;
	width: 75px;
}

td img {
	height: 75px;
	width: 75px;
	box-shadow: none;
}

th {
	font-family: Verdana;
	font-size: 1em;
	font-weight: normal;
	color: #3c4543
}

#bottom_left{
	border-bottom-left-radius: 15px;
}

#bottom_right{
	border-bottom-right-radius: 15px;
}

#footer{
	/*Agregá tu CSS acá*/
	clear: both;
	position: relative;
	bottom: -20px;
	border-bottom-left-radius: 15px;
	border-bottom-right-radius: 15px;
	height: 75px;
	background-color: #3c4543;
}

#button{
	border: 2px solid #000000;
	float:left;
	position: relative;
	left: 229px;
	bottom: -20px;
	border-radius: 5px;
	background-color: #cc0323;
	height: 30px;
	width: 150px;
	
}

#button p{
	position: relative;
	bottom: 10px;
	font-size: 0.8em;
	color: #acd1b2;
	text-align: center;
}

.bold{
	font-family: tahoma;
	font-weight: bold;
	font-size: 1.2em;
	font-variant: small-caps;
	color: #ffffff;
}