hola bueno primero q buena web, segundo, les comento que el curso lo hago con el deamweaver, no con el html Xd, perdon q no use el q dicen ustedes pero 1- lei q ese era el mas fasil y dos, q lo baje antes de entrar a sta pag y supuse q era muy parecidos, por tal motivo tuve muchos inconvenientes pero logre cumplerlos todos escepto 1 Xd.
voy en la tercera leccion, por los bordes, anoche estuve aplicandolos y todo de 10 pero resulta q me levanto esta mañana, quice seguir, pero cuando pongo vista previa (sin tocar nd, me aparecio todo como lo deje aller por la tarde y no aller por la noche, osea q era como q los bordes no lo habia echo, cosa rara por q recordaba q si) luego abro la otra planilla, la q usabamos antes de abrir el ftp y me di cuenta q los bordes los estaaba aplicando desde esa plantilla, bueno no inportaba, ya que era cuestion de hacerlos en esa y ya, la cosa es q ahora modico el archivo estilo-general.css y cuando voy a la plantilla y pongo para la vista previa en firefox,y no realiza cambio alguno, y no me aparece como antes, q decia se han aplicado cambios en archivos conectados o algo asi, si hago cambios en la misma plantilla no me aparece nada tampoco, si lo guardo yo automaticamente tampoco se modifica, aunq en la vista previa del programa, si se realizan los cambios q yo hago en el archivo estilo.
Bueno perdon semejante parrafo pero es para q sea maz fasil ayudarme.
ya vi los 2 archivos y ninguno falla, ahora les dejo los codigos, veran q no estan exactamente iguales al tutorial, es q lo hago distinto o en otro lugar para ver si lo entendi bien, y lo pruebo a cada toque para no mandarme macanas, bueno esto es todo muchas grax:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>Mejorando</title>
<link rel="stylesheet" href="estilo-general1.css" type="text/css" media="all"/>
</head>
<body>
<div id="global">
<div id="estilo-unico-cabecera">Bienvenidos a mi Web</div>
<div id="barra-de-navegacion">Barra de Navegacion</div>
<div id="contenido">
<div id="menu">
<h3>El Menu</h3>
<ul>
Link 1
Link 2
Link 3
Link 4
Link 5</div>
<h1>Aca lo mas importante de la web</h1>
<h2>Tras esta aclaracion, vamos a incluir un par de parrafos mas a continuacion de ese.</h2>
Ya sabes, has de poner y al principio y al final de cada uno para que el navegador sepa donde empiezan y terminan. Escribe un par de parrafos que tengan bastante texto, al menos lo suficiente como para sobrepasar lo que ocupa el menu de la izquierda.</p>
Tras esta aclaracion, vamos a incluir un par de parrafos mas a continuacion de ese. Ya sabes, has de poner y
al principio y al final de cada uno para que el navegador sepa donde empiezan y terminan. Escribe un par de parrafos que tengan bastante texto, al menos lo suficiente como para sobrepasar lo que ocupa el menu de la izquierda.</p>
Tras esta aclaracion, vamos a incluir un par de parrafos mas a continuacion de ese. Ya sabes, has de poner y
al principio y al final de cada uno para que el navegador sepa donde empiezan y terminan. Escribe un par de parrafos que tengan bastante texto, al menos lo suficiente como para sobrepasar lo que ocupa el menu de la izquierda.</p></div>
<div id="pie">Aca lo que esta al pie de la pag</div>
</div>
</body>
</html>
* {margin:0px ; padding:0px ; border:0px}
body {text-align: center}
#global {width:900px ; margin: 4px auto }
#estilo-unico-cabecera {background-color: #00F5FF }
#barra-de-navegacion {background-color: #C6E2FF }
#contenido {background-color: #FF00FF ; width: 900px ; float:left}
p {text-align: justify}
#contenido p {padding: 5px 10px 5px 25px ; text-indent: 15px}
#menu {background-color: yellow; width: 200px ; float:left ; text-align:left ; margin:10px 10px 3px 10px}
a {color: blue; font-size:1.0em ; text-decoration: none}
#menu li {list-style:none ; margin: 8px 0px 5px 5px}
#pie {background-color: #FFFFFF}
a {color: brown ; text-decoration: none ; display: block}
a:link {}
a:visited {}
a:hover {color:red ; text-decoration:underline ; background-color: silver}
a:active {}
h1 {font-size: 2.0em ; color: #000000 ; font-weight: bold ; text-decoration: underline ; text-align: center}
h2 {font.size: 1.3em ; color: #00FFFF ; font-weight: bold ; text-decoration: none ; text-align: left}
h3 {font.size: 1.3em ; color: #000000 ; font-weight: bold ; text-decoration: none ; text-align: center}
aca una imagen de q en el prog me muestra los cambios :S:
http://img258.imageshack.us/my.php?image=dibujoms0.png
[contenido no disponible]
PD: y no solamente en mozilla si no en explorer tmb
voy en la tercera leccion, por los bordes, anoche estuve aplicandolos y todo de 10 pero resulta q me levanto esta mañana, quice seguir, pero cuando pongo vista previa (sin tocar nd, me aparecio todo como lo deje aller por la tarde y no aller por la noche, osea q era como q los bordes no lo habia echo, cosa rara por q recordaba q si) luego abro la otra planilla, la q usabamos antes de abrir el ftp y me di cuenta q los bordes los estaaba aplicando desde esa plantilla, bueno no inportaba, ya que era cuestion de hacerlos en esa y ya, la cosa es q ahora modico el archivo estilo-general.css y cuando voy a la plantilla y pongo para la vista previa en firefox,y no realiza cambio alguno, y no me aparece como antes, q decia se han aplicado cambios en archivos conectados o algo asi, si hago cambios en la misma plantilla no me aparece nada tampoco, si lo guardo yo automaticamente tampoco se modifica, aunq en la vista previa del programa, si se realizan los cambios q yo hago en el archivo estilo.
Bueno perdon semejante parrafo pero es para q sea maz fasil ayudarme.
ya vi los 2 archivos y ninguno falla, ahora les dejo los codigos, veran q no estan exactamente iguales al tutorial, es q lo hago distinto o en otro lugar para ver si lo entendi bien, y lo pruebo a cada toque para no mandarme macanas, bueno esto es todo muchas grax:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>Mejorando</title>
<link rel="stylesheet" href="estilo-general1.css" type="text/css" media="all"/>
</head>
<body>
<div id="global">
<div id="estilo-unico-cabecera">Bienvenidos a mi Web</div>
<div id="barra-de-navegacion">Barra de Navegacion</div>
<div id="contenido">
<div id="menu">
<h3>El Menu</h3>
<ul>
<h1>Aca lo mas importante de la web</h1>
<h2>Tras esta aclaracion, vamos a incluir un par de parrafos mas a continuacion de ese.</h2>
Ya sabes, has de poner y al principio y al final de cada uno para que el navegador sepa donde empiezan y terminan. Escribe un par de parrafos que tengan bastante texto, al menos lo suficiente como para sobrepasar lo que ocupa el menu de la izquierda.</p>
Tras esta aclaracion, vamos a incluir un par de parrafos mas a continuacion de ese. Ya sabes, has de poner y
al principio y al final de cada uno para que el navegador sepa donde empiezan y terminan. Escribe un par de parrafos que tengan bastante texto, al menos lo suficiente como para sobrepasar lo que ocupa el menu de la izquierda.</p>
Tras esta aclaracion, vamos a incluir un par de parrafos mas a continuacion de ese. Ya sabes, has de poner y
al principio y al final de cada uno para que el navegador sepa donde empiezan y terminan. Escribe un par de parrafos que tengan bastante texto, al menos lo suficiente como para sobrepasar lo que ocupa el menu de la izquierda.</p></div>
<div id="pie">Aca lo que esta al pie de la pag</div>
</div>
</body>
</html>
* {margin:0px ; padding:0px ; border:0px}
body {text-align: center}
#global {width:900px ; margin: 4px auto }
#estilo-unico-cabecera {background-color: #00F5FF }
#barra-de-navegacion {background-color: #C6E2FF }
#contenido {background-color: #FF00FF ; width: 900px ; float:left}
p {text-align: justify}
#contenido p {padding: 5px 10px 5px 25px ; text-indent: 15px}
#menu {background-color: yellow; width: 200px ; float:left ; text-align:left ; margin:10px 10px 3px 10px}
a {color: blue; font-size:1.0em ; text-decoration: none}
#menu li {list-style:none ; margin: 8px 0px 5px 5px}
#pie {background-color: #FFFFFF}
a {color: brown ; text-decoration: none ; display: block}
a:link {}
a:visited {}
a:hover {color:red ; text-decoration:underline ; background-color: silver}
a:active {}
h1 {font-size: 2.0em ; color: #000000 ; font-weight: bold ; text-decoration: underline ; text-align: center}
h2 {font.size: 1.3em ; color: #00FFFF ; font-weight: bold ; text-decoration: none ; text-align: left}
h3 {font.size: 1.3em ; color: #000000 ; font-weight: bold ; text-decoration: none ; text-align: center}
aca una imagen de q en el prog me muestra los cambios :S:
http://img258.imageshack.us/my.php?image=dibujoms0.png
[contenido no disponible]
PD: y no solamente en mozilla si no en explorer tmb