Hola a todos!!
He estado intentando crear una web con la IMPRESIONANTE ayuda que me habeis proporcionado con el "curso paso a paso" y tras haber conseguido algo, me ocurren cosillas que quieren acabar con mi paciencia pero, en ese momento de desesperación desenfrenada me dije. Al foro!! Y aquí estoy robando un poco de vuestro tiempo con preguntas de esas de tontos.
Pues allá van!!
1º/ ¿Cómo puedo cambiar el color y tamaño de las letras de los párrafos?
2º/ ¿Porqué en la portada cambia el fondo de color al pasar el ratón después de haber eliminado el menú lateral?
3º/ ¿Puedo tener problemas si pongo en mi página ".gif" que copie de la red? Me refiero a dibujos, no imágenes donde salgan rostros.
4º/ Si pongo dos imágenes a los lados con un alto de 100px y ancho 80px y en el centro la frasecita (jeje) "Bienvenidos a mi Web", ¿Es normal que la barra de navegación se coloque entre las dos imágenes deformando su estructura? Entiendo que sí por la falta de texto en "Bienvendios a mi Web" pero, hay algo que pueda hacer?
5º/ En el menú lateral, la sección "Miembros" me lleva a una página en blanco con un cartel en el centro que pone "ENTER". Si pulso resulta que me lleva a la primera página que mostraba el hostin. Pero no llego a "miembros.html". Lo he revisado y veo el error.
Bueno ya me estoy animando... valla geta la mía.
Os dejo la pagina (eltrotamo.mypressonline.com)para que la echeis un vistazo porque entiendo que serán cuestiones sencillas, pero si os es necesaria la "index.html" o "historia.html", que es donde tengo los problemas (el resto ni lo he tocado aún) o en su caso que me parece imprescindible "estilos-generales.html", me lo decis y los pego en el hilo.
En fin espero no haber entrado con mal pié al foro pero sea como sea, mis agradecimientos por la brillante idea de haber creado una página educativa, interesante y agradable de seguir.
:wink:
Hola de nuevo.
Lo primero quiero disculparme por no cumplir con las normas. Gracias al pié de página del amigo "Foley", me he dado cuenta que no puedo hacer mil preguntas en un mismo mensaje... hay... este chico...
Pues nada me ceñiré a la pregunta nº2 de mi mensaje anterior y os copio los estilos-generales.css, los estilos.css y la index.html:
ESTILOS-GENERALES.CSS:
* {text-indent:0px ; margin:0px ; padding:0px ; border: 0px}
p {text-align: justify}
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-align: center}
body {text-align: center }
#global {width:800px ; margin: 4px auto }
#curva-superior { background-image: url(objetos/curva-superior.gif) ; background-repeat: no-repeat ; width:800px ; height: 12px ; overflow : hidden}
#cabecera {background-color: white ; border-left: black 1px solid ; border-right: black 1px solid ; height: 85px}
#logotipo {width: 150px; float:left}
#publicidad {width: 600px; float:right ; margin-top:35px}
#navegacion {background-color: #DEB887 ; border: black 1px solid ; height:10px}
#navegacion li {float:left ; list-style:none ; margin: 10px 20px 10px 20px }
#navegacion ul { margin-left: 60px }
#contenido {background-image: url(objetos/fondo-lienzo.gif) ; border-left: black 1px solid ; border-right: black 1px solid}
#contenido p {padding: 5px 10px 5px 10px ; text-indent;12px}
#menu {width: 150px ; float:left ; text-align:left;margin:3px 10px 3px 3px ; background-image: url(objetos/menu-parte-inferior.gif) ; background-position: bottom ; padding-bottom:5px}
#menu li { list-style:none ; margin: 4px 8px 4px 6px ;}
#menu h1 {text-decoration:none ; font-size:12px ; background-image: url(objetos/menu-parte-superior.gif)}
#pie {background-color: white ; border-left: black 1px solid ; border-right: black 1px solid ; border-top: black 1px solid ; height: 65px}
#pie li {list-style: none ; front-style: 6px}
#pieuno {float: left ; width: 150px }
#piedos {float: left ; width: 498px }
#pietres {float: left ; width: 150px }
#curva-inferior {background-image: url(objetos/curva-inferior.gif) ; background-repet: no-repeat ; width:800px ; height: 12px ; overflow: hidden}
a {color:brown;front-size:1,3em;text-decoration:none}
a:link {}
a:hover {color:red;text-decoration;underline ; background-color: silver}
a:active{}
a {color: brown ; text-decoration:none ; display: block }
#pie a {color: red; text-decoration;none ; display: block}
#pie a:link {}
#pie a:visited {}
#pie a:hover {color:red ; tex-decoration:underline ; background-color: yellow}
#pie a:active {color:blue}
#logotipo a {}
#logotipo a:link {}
#logotipo a:visited {}
#logotipo a:hover {background-color: white }
#logotipo a:active {}
____________________________________________________________
ESTILOS.CSS:
body {background-color: #E6E6FA ; background-image: url(objetos/fondo.png) ; background-position: center center ; background-repeat: no-repeat ; height:100%; }
img {border-style: none}
.centrado {text-align:center}
____________________________________________________________
INDEX.HTML
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<meta content="text/html; charset=iso-8859-1" http-equiv=Content-Type>
<title>ELTROTAMO WEB</title>
<link rel="stylesheet" href="estilo-general.css" type="text/css" media="all">
</head>
<body>
<div id="global">
<div id="curva-superior"></div>
<div id="cabecera">
<div id="logotipo">[contenido no disponible]</div>
<div id="publicidad">Bienvenidos a mi Web</div>
</div>
<div id="navegacion">
<ul>
<a href="index.html">Portada<a href="historia/historia.html">Historia<a href="discografia/discografia.html">Discografía<a href="conciertos/conciertos.html">Conciertos<a href="descargas/descargas.html">Descargas<a href="foro/foro.html">Foro<a href="souvenirs/souvenirs.html">
</div>
<div id="contenido">
<h1>ELTROTAMO</h1>
Hola amigos!!</p>
Poco a poco estoy intentando crear mi propia web para mostraros mil y un elementos que hoy por hoy no tengo ni idea de en qué van a consistir, pero la intención está ahí, jeje...</p>
Entiendo que todo podría ser mejor y mas bonito en este sitio web, pero espero que valoreis que yo no soy un entendido en la materia, pongo todo mi esfuerzo y procuro hacerlo bien, pero sobre todo mi orgullo reside en que soy completamente autodidacta y con eso me quedo. AUTODIDACTA!!</p>
<h2>ELTROTAMO ¿Quién es?<h2>
ELTROTAMO, es un hombre normal en un mundo muy raro, donde no siempre entiende lo que pasa en el (a quién no le ocurre eso, verdad). En realidad tengo algunas aficiones y creo que este espacio puede servir de escaparate para mostrar algun que otro elemento que quizá, te resulte interesante. Supongo que la sección que mas interes despierte, será referente a la fotografía, aunque creo que eso también va a ser algo que dependa mucho del repertorio que quiera mostrar y no suele ser facil decidir algunos aspectos.</p>
En fin, para empezar y con el tiempo que llevo sentado para intentar crear un página web, no tengo muchas ganas de seguir escribiendo así que supongo que en adelante modificaré bastantes cosas de todo esto.</p>
<h2>Contenido de la página</h2>
Hasta el momento me he dedicado a realizar las básicas practicas (aunque aún no logre aprenderlas todas) que he se proponen en un manual "paso a paso" muy ameno y bien explicado, que podreis encontrar en la web amiga " www.comocreartuweb.com " que por cierto, os recomiendo a todos aquellos que deseeis hacer una web sin tener conocimientos, como yo!! jejeje...
Un cordial saludo a todos!!</p>
</div>
<div id="pie">
<div id="pieuno">
<ul>
Foro EjemploContactosNos enlazan
</div>
<div id="piedos">pie dos</div>
<div id="pietres">
<ul>
DirectorioTopSiteMapa de la Web
</div>
</div>
<div id="curva-inferior"></div>
</div>
</body>
</html>
____________________________________________________________
Pues ahí queda eso.
En realidad no es lo que tengo ahora en la red, si habeis entrado en la página vereis que no se corresponde del todo.
En fin, espero respuesta esta vez, a ver si así me ciño un poco mas a las normas.
Gracias de ante mano!!
1.- En tu hoja estilo-general.css debes añadir font.size: x.xem ; color: x a p {text-align: justify}.
2.- No veo el problema que planteas, ni en Firefox 3.6.10 ni en Internet Explorer 8.
3.- No tendrás problemas con los dibujos que descargues de Internet que se presenten para ser descargados.
4.- No veo ningún problema para insertar las dos imágenes a la izquierda y a la derecha de “Bienvenidos a mi web” en la capa “Publicidad”.
5.- En todas las páginas aún no tienes definidas las rutas de las diferentes opciones de menú (<a href="#">).
En la página Eventos tienes mal definidas las rutas (<a href="encierros-los-molinos">). Sería así: <a href="encierros-los-molinos.html">, etc.
Saludos.
Vale, creo que el gran problema es que si no os ponía las hojas de estilos e index no podíais ayudarme, verdad?
Pues muchas gracias por tu gran ayuda:
1º/ Tamaño y color conseguido, no conocía los códigos y el del tamaño con su extensión (font.size: x.xem) entiendo que "xem" es la extensión. Es así?
2º/ Aunque no cambie el color de fondo, ¿no te cambia el cursor del ratón al pasar por la capa contenidos (en la previsualización del HTML-Kit a mi si), pero no se como lo he hecho que en lo que tengo en red ya no.
3º/ Ok, me alivia mucho. Gracias
4º/ Tendré que probar a ver si atino.
5º/ Bueno seguí probando y parece que ésto lo he conseguido, ahora me quedan los sub-sub-menus. Si salid e una carpeta es "../" como hago para salir de dos carpetas?? ¿(../../***)? ¿Cómo?
6º/ He de confesarte que eres mas rápido que yo, aún no hice esa parte, pero valla, eres una lince tio!!
Gracias de nuevo, seguiré probando a ver si poco a poco logro lo que quiero y mira, sin querer estoy aprendiendo detallitos que luego son muy importantes.
Dado que dejaste la dirección, eltrotamo.mypressonline.com, pude acceder a tu página.
Las “x” que escribí simbolizan un valor cualquiera (font.size: x.xem ; color: x), (font.size: 1.2em ; color: blue) u otros, dependiendo de los tamaños de fuentes y del color que quieras.
1.2em (1.2 es el número, em es la unidad).
Eventos , etc. en el div “navegación”.
Navacerrada, etc. en el div “menú”.
Saludos de nuevo, y feliz viaje siempre.
El paso 2º/ me ocurre de nuevo!!
Ahora he cargado unos cambios y mira, en la portada me ocurre lo que te comento:
eltrotamo.mypressonline.com
Te dejo lo que tengo en el index.html. Yo no se que es, pero los textos de la zona de contenido, al pasar el ratón se ponen grises... :x (me pone negro!!)
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<meta content="text/html; charset=iso-8859-1" http-equiv=Content-Type>
<title>ELTROTAMO</title>
<link rel="stylesheet" href="estilo-general.css" type="text/css" media="all">
</head>
<body>
<div id="global">
<div id="curva-superior"></div>
<div id="cabecera">
<div id="logotipo">
[contenido no disponible]</div>
<div id="publicidad">
[contenido no disponible][contenido no disponible][contenido no disponible][contenido no disponible][contenido no disponible][contenido no disponible][contenido no disponible][contenido no disponible][contenido no disponible]</div>
</div>
<div id="navegacion">
<ul>
<a href="../arquitectura/arquitectura.html">Arquitectura<a href="../retrato/retrato.html">Retrato<a href="../street/street.html">Street<a href="../paisaje/paisaje.html">Paisaje<a href="../fauna/fauna.html">Fauna<a href="../flora/flora.html">Flora<a href="../eventos/eventos.html">Eventos<a href="../otros/otros.html">Otros
</div>
<div id="contenido">
<div id="carcason-titere">[contenido no disponible]
</div>
<h1>ELTROTAMO WEB</h1>
Hola amigos!!</p>
Poco a poco estoy creando mi propia web para mostraros mil y un elementos que hoy por hoy no tengo ni idea de en qué van a consistir, pero la intención es lo que cuenta y yo tengo mucha, así que seguro que cada vez que me vengas a visitarme encontrarás cambios en una u otra sección ó, al menos esa es mi intención que muchas veces el tiempo no da para hacer todo lo que queremos. Entiendo que hay sitios web mejor creados, pero espero que valoreis que yo no soy un entendido en la materia, pongo todo mi esfuerzo y procuro hacerlo bien, pero sobre todo mi orgullo reside en que soy completamente autodidacta y con eso me quedo. AUTODIDACTA!!</p>
<div id="ciclismo">[contenido no disponible]
</div>
<h2>ELTROTAMO ¿Quién es?</h2>
ELTROTAMO, es un hombre normal en un mundo muy raro, donde no siempre entiende lo que pasa en el (a quién no le ocurre eso, verdad). En realidad tengo algunas aficiones y creo que este espacio puede servir de escaparate para mostrar algun que otro elemento que quizá, te resulte interesante. Supongo que la sección que mas interes despierte, será referente a la fotografía, aunque creo que eso también va a ser algo que dependa mucho del repertorio que quiera mostrar y no suele ser facil decidir algunos aspectos.</p>
En fin, para empezar y con el tiempo que llevo sentado para intentar crear un página web, no tengo muchas ganas de seguir escribiendo así que supongo que en adelante modificaré bastantes cosas de todo esto.</p>
<div id="dolomitas-bici">[contenido no disponible]
</div>
<h2>Contenido de la página</h2>
Hasta el momento me he dedicado a realizar las básicas practicas (aunque aún no logre aprenderlas todas) que he se proponen en un manual "paso a paso" muy ameno y bien explicado, que podreis encontrar en la web amiga " www.comocreartuweb.com " que por cierto, os recomiendo a todos aquellos que deseeis hacer una web sin tener conocimientos, como yo!! jejeje...
Un cordial saludo a todos!!</p>
</div>
<div id="pie">
<div id="pieuno">
<ul>
CCTW<a href="http://morenito.com">Lo mejor en BicicletasFiestas en EspañaHotmailGmailAgencia EFE. Noticias
</div>
<div id="piedos"><a href="mailto:[correo eliminado]">[contenido no disponible]
</div>
<div id="pietres">
<ul>
GoogleTriatlón MadridCiclismo MadridPlanifica tu viajeFotografía DzoomEstrellas y mas
</div>
</div>
<div id="curva-inferior"></div>
</div>
</body>
</html>
_____________________________________________________________
También te pongo los estilos-generales.css, no valla a estar aquí el problema:
* {text-indent:0px ; margin:0px ; padding:0px ; border: 0px }
p {text-align: justify }
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-align: center}
body {text-align: center; background-color: black}
#global {width:800px ; margin: 4px auto }
#curva-superior { background-image: url(objetos/curva-superior.gif) ; background-repeat: no-repeat ; width:800px ; height: 12px ; overflow : hidden}
#cabecera {background-color: white ; border-left: black 1px solid ; border-right: black 1px solid ; height: 85px}
#logotipo {width: 150px; float:left}
#publicidad {width: 600px; float:right ; float: left ; margin-top:10px 0px 10px 0px}
#navegacion {background-color: #DEB887 ; border: black 1px solid ; height: 40px}
#navegacion li {float:left ; list-style:none ; margin: 8px 20px 8px 20px }
#navegacion ul { margin-left: 20px }
#contenido {background-image: url(objetos/fondo-lienzo.gif) ; border-left: black 1px solid ; border-right: black 1px solid}
#contenido p {padding: 5px 10px 5px 10px ; text-indent: 12px}
#carcason-titere {float: left ; margin: 5px 5px 5px 5px}
#ciclismo {margin: 35px 0px 20px 0px}
#dolomitas-bici {margin: 35px 0px 20px 0px}
#menu {width: 150px ; float:left ; text-align:left;margin:3px 10px 3px 3px ; background-image: url(objetos/menu-parte-inferior.gif) ; background-position: bottom ; padding-bottom:5px}
#menu li { list-style:none ; margin: 4px 8px 4px 6px ;}
#menu h1 {text-decoration:none ; font-size:12px ; background-image: url(objetos/menu-parte-superior.gif)}
#pie {background-color: white ; border-left: black 1px solid ; border-right: black 1px solid ; border-top: black 1px solid ; height: 65px}
#pie li {list-style: none ; front-style: 6px}
#pieuno {float: left ; width: 150px }
#piedos {float: left ; width: 498px }
#pietres {float: left ; width: 150px }
#curva-inferior {background-image: url(objetos/curva-inferior.gif) ; background-repet: no-repeat ; width:800px ; height: 12px ; overflow: hidden}
a {color:brown;front-size:1,3em;text-decoration:none}
a:link {}
a:hover {color:red;text-decoration;underline ; background-color: silver}
a:active{}
a {color: brown ; text-decoration:none ; display: block }
#pie a {color: red; text-decoration;none ; display: block}
#pie a:link {}
#pie a:visited {}
#pie a:hover {color:red ; tex-decoration:underline ; background-color: yellow}
#pie a:active {color:blue}
#logotipo a {}
#logotipo a:link {}
#logotipo a:visited {}
#logotipo a:hover {background-color: white }
#logotipo a:active {}
_____________________________________________________________
El caso es que solo me ocurre en portada y de hecho lo he logrado evitar en el resto pero, lo que quiero es saber por qué me ocurre esto no solucionarlo sin saber porque.
Nuevamente muchas gracias y perdon por el toston.
te falta cerrar los "a"
en rojo
<ul>
ArquitecturaRetratoStreetPaisajeFaunaFloraEventosOtros
saludos
Ahora si !!!
Valla valla, algo tenía que ser.
Muchas gracias una vez mas por abrirme los ojos.