Bueno antes que nada felicitarte, ya que estoy flipando con el curso.
Tengo varias preguntas:
Una es como coloco las fotografias de la portada en el lugar que quiera.
index:
<!DOCTYPE HTML PUBLIC "-//IETF//DTD HTML//EN">
<html>
<head>
<link rel="stylesheet"href="estilos.css"type="text/css"media="all">
<title>unicor</title>
</head>
<body>
[contenido no disponible]</p>
[contenido no disponible] </p>
<p class="centrado">Pagina en Construcción</p>
Pagina creada por C.Pajares<a href="http://www.edicionespajares.com"target="blank"> pagina asociada</a</p>
[correo eliminado]</p>
</body>
</html>
estilos.css:
body {background-color: #FFFFE0 ; background-image: url(objetos/fondo primero.jpg) ; background-position:center center} ; background-repeat: no-repeat ; height:100%; }
img {border-style: none}
.centrado {text-align:center}
.derecha {text-aligh:right}
La otra: como coloco el texto a la derecha del menu:
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"><h1>Camiseta</h1></div>
<div id="contenido"><div id="menu">menu</div>
<ul>
<a href="#">Bebé/Infantil<a> <a href="#">Deporte<a> <a href="#">Humor/Adulto<a> <a href="#">Bordado/Tejido<a>
Esta será la zona principal de la web</p>
Este es mi segundo párrafo. Acabo de poner un punto y en cambio sigue siendo un párrafo pues no le he colocado aún la etiqueta de cierre. Voy a ponersela justo aquí.
Y este es el tercer párrafo. En pocas lecciones aprenderé a darle margenes para separarlos unos de otros, e incluso hacerles sanguias por la izquierda a la primera línea, que queda mucho mejor.
Anda, fijate! Salen todos centrados, que cosa. Espero que Jorgens nos enseñe a ponerlos alineados a la izquierda, o justificados. Así esto parece una poesia! je je je.
</p>
<h2> Esta será la zona principal de la web</h2></p>
</div>
<div id="pie">Este es el pié de página</div>
</body>
</html>
estilo-general.css:
* {text-indent: 0px ; margin:0px ; padding:0px ; border: 0px}
body {text-align: justify }
#global {width:800px ; margin: 4px auto }
#cabecera{background-color:yellow}
#navegacion {background-color: gray }
#contenido {background-color:orange;width:800px;float:left }
#contenido p {padding: 5px 10 px 5px 10px ; text-indent: 15px }
#menu li{list-style:none ;}{background-color: yellow; width: 150px ; float:left ; text-align:left ; margin-right: 10px }
#pie {background-color: beige}
p{text-align:left}
a{color:blue;font-size:1.3em;text-decoration: none}
a {color:brown ; text-decoration:none}
a:link {}
a:visited {}
a:hover {color:red ; text-decoration:underline ; background-color:silver}
a:active {}
a {color: brown ; text-decoration:none ; display: block }
h1 {font-size: 1.2em ; color:blue ; font-weight: bold ; text-decoration: underline ; text-align: center }
h2 {font.size: 1.1em ; color:blue ; font-weight: bold ; text-decoration: none ; text-aligh: center }
Y con todo esto no carga en la pagina.
Te envio las gracias anticipadamente, ya te digo esto alucinando (estos es crear una pagina en un fin de semana.
Tengo varias preguntas:
Una es como coloco las fotografias de la portada en el lugar que quiera.
index:
<!DOCTYPE HTML PUBLIC "-//IETF//DTD HTML//EN">
<html>
<head>
<link rel="stylesheet"href="estilos.css"type="text/css"media="all">
<title>unicor</title>
</head>
<body>
[contenido no disponible]</p>
[contenido no disponible] </p>
<p class="centrado">Pagina en Construcción</p>
Pagina creada por C.Pajares<a href="http://www.edicionespajares.com"target="blank"> pagina asociada</a</p>
[correo eliminado]</p>
</body>
</html>
estilos.css:
body {background-color: #FFFFE0 ; background-image: url(objetos/fondo primero.jpg) ; background-position:center center} ; background-repeat: no-repeat ; height:100%; }
img {border-style: none}
.centrado {text-align:center}
.derecha {text-aligh:right}
La otra: como coloco el texto a la derecha del menu:
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"><h1>Camiseta</h1></div>
<div id="contenido"><div id="menu">menu</div>
<ul>
Esta será la zona principal de la web</p>
Este es mi segundo párrafo. Acabo de poner un punto y en cambio sigue siendo un párrafo pues no le he colocado aún la etiqueta de cierre. Voy a ponersela justo aquí.
Y este es el tercer párrafo. En pocas lecciones aprenderé a darle margenes para separarlos unos de otros, e incluso hacerles sanguias por la izquierda a la primera línea, que queda mucho mejor.
Anda, fijate! Salen todos centrados, que cosa. Espero que Jorgens nos enseñe a ponerlos alineados a la izquierda, o justificados. Así esto parece una poesia! je je je.
</p>
<h2> Esta será la zona principal de la web</h2></p>
</div>
<div id="pie">Este es el pié de página</div>
</body>
</html>
estilo-general.css:
* {text-indent: 0px ; margin:0px ; padding:0px ; border: 0px}
body {text-align: justify }
#global {width:800px ; margin: 4px auto }
#cabecera{background-color:yellow}
#navegacion {background-color: gray }
#contenido {background-color:orange;width:800px;float:left }
#contenido p {padding: 5px 10 px 5px 10px ; text-indent: 15px }
#menu li{list-style:none ;}{background-color: yellow; width: 150px ; float:left ; text-align:left ; margin-right: 10px }
#pie {background-color: beige}
p{text-align:left}
a{color:blue;font-size:1.3em;text-decoration: none}
a {color:brown ; text-decoration:none}
a:link {}
a:visited {}
a:hover {color:red ; text-decoration:underline ; background-color:silver}
a:active {}
a {color: brown ; text-decoration:none ; display: block }
h1 {font-size: 1.2em ; color:blue ; font-weight: bold ; text-decoration: underline ; text-align: center }
h2 {font.size: 1.1em ; color:blue ; font-weight: bold ; text-decoration: none ; text-aligh: center }
Y con todo esto no carga en la pagina.
Te envio las gracias anticipadamente, ya te digo esto alucinando (estos es crear una pagina en un fin de semana.