Entrar

ayuda con mis primeros pasos

gustavoarielmartinez · · Solicitar retirada
hola les hablo porque necesito ayuda y no se como solucionarlos, estoy haciendo los ejemplos de divs siguiendo paso a paso ya que soy nuevo en esto, y cuando pongo vista previa no me queda como en los ejemplos que se muestran porque puede ser?tiene que ver el navegador?si alguien me puede ayudar se los voy agradecer.desde ya muchismas gracias.
Web-Freelance · · Solicitar retirada
Hola gustavoarielmartinez, bienvenido.

Ya que de momento no somos adivinos, copia y pega aquí tus códigos tanto html como css, y una captura de pantalla de como lo ves en el navegador sería un detallazo! ;-)

Saludos!
gustavoarielmartinez · · Solicitar retirada
Este es el html que lo llame plantilla

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>Page title</title>
<link rel="stylesheet" href="estilo-general.css" type="text/css" media="all">
</head>
<body>
<div id="global">
<div id="cabecera">Bienvenidos a mi Web</div>
<div id="navegacion">Barra de Navegación</div>
<div id="contenido">
<div id="menu">
<ul>
<li><a ref="#">Enlace 1</a></li>
<li><a ref="#">Enlace 2</a></li>
<li><a ref="#">Enlace 3</a></li>
</ul>
</div>
Esta sera la zona principal de la web
</div>
<div id="pie">Este es el pié de página</div>
</div>
</body>
</html>



Y este es el archivo css que lo llame estilos-general

* {margin:0px; padding:0px; border:0px;}
body {text-align:center;}
#cabecera {background-color:pink}
#navegacion {background-color:gray;}
# contenido {background-color:orange; width:800px; float:left;}
#menu {background-color:yellow; width:150px; float:left;}
#menu li {list-style:none;}
#pie {background-color:brown;}
#global {width:800px; margin:4px auto;}
Web-Freelance · · Solicitar retirada
Varias cosas. Nos estas dando la dirección de tú ordenador, y obviamente eso no podemos verlo. Debes hacer una captura de pantalla y subirlo a algún servidor de imáganes, pero en fin.

Si el CSS se llama "estilos-general.css" tal y como dices, tú lo tienes puesto en el html como href="estilo-general.css" (estilo en singular).

Luego en el CSS pones (# contenido) con un espacio entre la almohadilla y "contenido" que no se permite.

Haz estos cambios y nos cuentas ;-)

Saludos!