fondo de imagen

no puedo poner el fonde de imagen jeje no me sale
gaurde la imagen como dice pero no sale
me podrian decir que hice mal
hola mi amigo.
no podria decirte que hiciste mal si no se como lo hiciste...

dejame tus coddigos y te doy una mano

un saludo

Arian
ayer mencionaba en este enlace http://www.comocreartuweb.com/phpBB2/ftopic17301.html donde se hace la misma consulta que la imagen se ve si abrimos el archivo index.html dándole doble click en la carpeta, pero debe ser un problema en la configuarcion del programa, talvez sea con la version que estamos recien bajando, porque veo que muchas personas estamos teniendo el mismo problema, no vemos en el editor dándole preview la imagen de fondo, necesitamos que alguien nos ayude con la solución :( :( :(
Si Dios está contigo quien podrá estar contra tí
nuevamente mis estimados dejenme sus codigos y los miro aver de que se trata.

un saludo
Arian
.:2-D:. escribió:nuevamente mis estimados dejenme sus codigos y los miro aver de que se trata.

un saludo
Arian

Hola Arian, a ver, como asi que te deje mi s codigos? osea que tengo que hacer para mandarte mis codigos, me gustaria que me ayudes porque tengo ese mismo problema, y cuadno le doy a previw, no puedo ver mis imagenes, por favor ayudame, yo tengo firefox, e internet explorer, pero en el HTML-kit cuando le di para hacer la nueva pagina, pude notar k el icono de indx.html tiene una figura de firefox por si eso tiene que ver =S ....bueno por favor respondeme tan pronto puedas, que realmente esto de la pagina esta super buenisimo, y estoy motivado porque quiero ayudar a mi equipo a hacer una pagina de internet y ayudar con la publicidad de esto!, gracias, espero tu respuesta

Att: Fausto San
NANO SP
hola mi colega bueno espero poder haber sido rapido :lol: te cuento que aca son las 5:03 am y estoy en un proyecto... consegui trabajo diseñando una web!

bueno luego de esta introduccion comencemos a trabjar jeje

lo de los codigos, es que copies todo lo que tenes en el index.html y lo pegues aca entre las etiquetas "code" que ves arriba en uno de los botones.

me pasas todos los codigos por separado.

lo que decis del logo de mozilla.

eso te aparece por que vos lo tenes como navegador por defecto...

hagase la siguiente prueva:

    abri la carpeta en donde tenes tu index.
    parate arriba del index preciona boton derecho >> propiedades
    presiona el boton cambiar
    elegi internet explorer o el navegador que quieras/tengas.
    doble clic o aceptar.
    abri en html-kit

:o :o :o :o :o

como ves cambia el icono a lo que elegiste!

bueno es por eso
con los pasos que seguimos arriba lo que hacemos es "decirle" a nuestro odenador que apartir de ahora ese tipo de documentos (en nuestro caso los .html) los abra con tal navegador o tal editor de texto que nosotros decidmos.

pero mi querido y estimado, esto no tiene nada que ver con html kit mas que en cambiarle el icono ese que ves.

asi que no te fijes en eso, yo te lo explique por que siempre es bueno saber algo mas no? :D

bueno dejame tus codigos y los reviso tal vez mañana por que ya tengo un poco de sueño :roll:

un saludo y yo te voy a ayudar

Arian
MI amigo de verdad muchas gracias
te informo que al hacer el cambio, de firefox a explorer!!! ahora si veo las imagenes cuando veo preview!!! ahora puedo continuar con la segunda leccion de verdad muchisismas gracias!!!, no se porque pense que eso ayudaria pero asi fue!!!, gracias por enseñarme a cambiarlo jeje
aunque si aun quieres que te mande los codigos, pues lo mando por si acaso, y mucho exito con tu new work!!!, y sabes no estaria mal ver algun dia una pagina tuya!!!!

muchos saludos
Fausto San
NANO SP
tengo el mismo problema, pero lo curioso es que si al archivo index.html le doy preview no se me cargan las imagenes, pero si voy a la carpeta donde se encuentra el archivo y le doy doble click todo aparece correctamente (mi navegador predeterminado es firefox), con el archivo plantilla.html me pasa lo contrario, lo veo perfecto en el preview pero si le doy doble click en la carpeta algunos colores de fondo no se ven y la lista del menú aparece con los puntos y subrayado. Lo curioso es que cambie las propiedades de los archivos para que se habran con el explorer y los archivos que se ven bien con el firefox no se ven bien el el explorer, por ejemplo la pagina index no carga ninguna de las imagenes y el archivo plantilla.html que no se ve bien con firefox si se ve perfecto con el explorer. ¿será problemas con los archivos .css?. Aquí les dejo el código de todos los archivos para ver si solucionamos el problema

--------------------------archivo index.html------------------

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<html>

<head>


<link rel="stylesheet" href="estilos.css" type="text/css" media="all">

<title>CICLO TALLER FRANK Pagina de inicio</title>

</head>

<body>
<!--Insertamos una imagen, esta es la forma, lo que se ponde después del Alt es lo que aparecería en caso de
que no se cargara la imagen-->


[img]imagenes/bandera.gif[/img]</p>

<p class="centrado"> Bienvenidos a la pagina de CICLO TALLER FRANK, pronto estará lista </p>



 Sera un placer enorme que nos visites cuando este terminada, por ahora visita esta pagina </p>

<!-- Esta es la forma de crear un enlace a una página externa para que se habra en una ventana nueva
		 para que se habra en la misma ventana donde estamos lo pondríamos de esta forma: 
		 [url="http://www.comocreartuweb.com"]CCTW[/url]  //-->
[url="http://www.comocreartuweb.com"]http://www.comocreartuweb.com[/url]

 



[url="plantilla.html"]Ir a la página plantilla[/url]






[email="[correo eliminado]"]Escribenos un correo [/email]



[email="[correo eliminado]"][img]imagenes/204-buzon.gif[/img][/email]</p>

</body>

</html>


---------------------------------archivo estilos.css--------------------

body { background-image: url(imagenes/fondo.png) }

.img {border-style: none}


.centrado {text-align:center}
.justificado {text-align:justify}
.aladerecha {text-align:right}
.alaizquierda {text-align:left}


---------------------------------archivo plantilla.html----------------

<!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">para probar los div</div>
<div id="navegacion">Barra de Navegación</div>


<div id="contenido">
		 <div id="menu">
		 		<ul>
				
						[*][url="#"]Enlace 1[/url]
						[*][url="#"]Enlace 2[/url]
						[*][url="#"]Enlace 3[/url]
						[*][url="#"]Enlace 4[/url]
				[/list]
		 </div>
		 
Esta será la zona principal de la web
</div>

<div id="pie">Este es el pié de página</div>

</div>

</body>
</html>

---------------------------------archivo estilo-general.css-----------

<!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">para probar los div</div>
<div id="navegacion">Barra de Navegación</div>


<div id="contenido">
		 <div id="menu">
		 		<ul>
				
						[*][url="#"]Enlace 1[/url]
						[*][url="#"]Enlace 2[/url]
						[*][url="#"]Enlace 3[/url]
						[*][url="#"]Enlace 4[/url]
				[/list]
		 </div>
		 
Esta será la zona principal de la web
</div>

<div id="pie">Este es el pié de página</div>

</div>

</body>
</html>
Si Dios está contigo quien podrá estar contra tí
hola Nno_gsp, es raro lo que me contas... :roll:
o tal vez no...
es decir el preview del html-kit muestra comos e veria en un navegador que ya viene por defecto...

bueno bueno ya voy a averiguar mas esta perfecto que se soluciono tu problema.

si queres ver mi pagina hace clic en el dibujo de abajo "lofragildelalocura" :wink:

frankliberia

estoy en lo tuyo dame unos minutros para chekear tus codigos

un saludo

Arian
hola frankliberia

estuve mirando tu index, y las imagenes las veo bien en el preview como en el navegador.

la plantilla no a pude mirar por que no me dejaste el codigo css, te equivocaste y me mandaste el html :lol:

vamos a hacer un experimento:

en el html-kit anda a

editar>>preferencias>>programs>>"edit browser list"

ahi te tiene que aparecer los navegadores que tenes, elegi uno si es que no esta, yo recomiendo que metas mozilla

una vez tengas eso fijate si todo sigue =

sino dame el codigo css que te falto
no noos va a ganar :wink:

Arian
hice lo que me pediste, agregue el firefox a la lista ya que no estaba pero la situacion es la misma, aquí te dejo el codigo que faltaba y muchas gracias por responder tan pronto


*{margin:0px ;padding:0px ;border: 0px}


body{text-align: center}


#global {width:800px ; margin: 4px auto}

#cabecera {background-color: #00FF7F }

#navegacion {background-color: #CDCDC1}

#contenido {background-color: orange ;width: 800px ;float:left}

#menu {background-color: yellow ; width: 150px ; float:left ; text-align:left ; margin-right: 10px }


#menu li {list-style:none ; margin: 4px 0px 4px 6px}

#pie {background-color: brown}

<!-- AQUI DEFINIMOS LOS COLORES QUE TENDRÁN LOS LINKS EN SUS DIFERENTES ESTADOS, la caracteristica de display:block
es para que en cualquier parte que se situe el cursor en direccion del iten el link se active y no si solamente nos
posicionamos en el texto -->
a {color: #1E90FF ; text-decoration:none ; display: block }
a:link {}
a:visited {color:black}
a:hover {color:red; text-decoration:underline; background-color: silver}
a:active {}

p {text-align: justify}

#contenido p {padding: 5px 10px 5px 10px}
Si Dios está contigo quien podrá estar contra tí
subi la pagina a iespana.es (ciclotallerfrank.iespana.es) ahí puedes visualizar los problemas, si la vez con cualquier explorador la página index, no se ve ninguna imagen ni las de fondo, si visualizas la pagina plantilla se ve bien en todos los exploradores menos en mozilla. Ahora como decía en el post anterior si le doy doble click en el index en mozilla en mi carpeta local se ven perfectamente las imagenes.

Creo que nos está ganando este problema
Si Dios está contigo quien podrá estar contra tí
hola

subiste tambien la carpeta de imagenes con la imagen???

muestranos una captura de pantalla
de la carpeta imagenes abierta

saludos
frankliberia escribió:subi la pagina a iespana.es (ciclotallerfrank.iespana.es)

Hola:

A lo mejor me estoy metiéndo en lo que no debo, pero ¿dónde ha puesto usted las imágenes ? ¿en la pagina index o en la página plantilla?.

No me voy a aventurar en algo que no he visto aún, pero creo entender que la página index.html lleva unos códigos, por ejemplo todo se pone dentro del body, y como página de presentación que es, en teoría mno lleva ninguna capa excepto el body
Por tanto dentro del <body> de esa página index.html hay que poner las imagenes, que según el curso serían la sonrisa y el buzón.

Ahora ese index lleva una hoja de estilo que se llama estilos.css, y allí se ponen las propiedades para el body que pertenece al index.html.

Luego se hace una pagina a la que se le pone por nombre plantilla.html,
esa página también lleva una hoja de estilo solo para ella, a la que se le suele poner por nombre estilo-general.css

Por tanto en esa plantilla es donde se ponen las capas para ir diseñando las diferentes partes de la página, como por ejemplo una capa global que encierre a todas las demás capas , y dentro de ella iría una capa cabecera , luego una capa navegación y luego una cpa contenido y luego una capa pie et. etc. etc.

.
Entonces usted para poner las imagenes que van en la página index.html debiera de ponerlas en esa página , no en la pagina plantilla.html

Saludos
Agradecido de los que aprenden enseñando
Gracias Yaneth por responderme, te agradecería que leas mi consulta más arriba y te daras cuenta con más detalle del problema, quizas me puedas ayudar, he subido todos los archivos y carpetas donde están las imagenes, no encontré la forma de pegar la imagen hice un imprepant desde el teclado pero no me da la opcion de pegar :( por si acaso verifique con el dreamweaver que estuvieran todos los archivos en el sitio de iespana.es y todo correcto están subida la carpeta con las imagenes y los archivos tambien están por supuesto aparte de la carpeta de imagenes
Si Dios está contigo quien podrá estar contra tí
Raulyure escribió:
frankliberia escribió:subi la pagina a iespana.es (ciclotallerfrank.iespana.es)

Hola:

A lo mejor me estoy metiéndo en lo que no debo, pero ¿dónde ha puesto usted las imágenes ? ¿en la pagina index o en la página plantilla?.

No me voy a aventurar en algo que no he visto aún, pero creo entender que la página index.html lleva unos códigos, por ejemplo todo se pone dentro del body, y como página de presentación que es, en teoría mno lleva ninguna capa excepto el body
Por tanto dentro del <body> de esa página index.html hay que poner las imagenes, que según el curso serían la sonrisa y el buzón.

Ahora ese index lleva una hoja de estilo que se llama estilos.css, y allí se ponen las propiedades para el body que pertenece al index.html.

Luego se hace una pagina a la que se le pone por nombre plantilla.html,
esa página también lleva una hoja de estilo solo para ella, a la que se le suele poner por nombre estilo-general.css

Por tanto en esa plantilla es donde se ponen las capas para ir diseñando las diferentes partes de la página, como por ejemplo una capa global que encierre a todas las demás capas , y dentro de ella iría una capa cabecera , luego una capa navegación y luego una cpa contenido y luego una capa pie et. etc. etc.

.
Entonces usted para poner las imagenes que van en la página index.html debiera de ponerlas en esa página , no en la pagina plantilla.html

Saludos


no es ningun problema, solo estoy siguiendo paso por paso el curso, con el index no tengo ningun problema, donde tengo problema es en la plantilla, cuando estoy subiendo el logo, como explique arriba, la anchura perfecto luego cuando dice poner el logo a la izq, y la publicidad a la derecha , pues hago como se me pide, y aun asi, no funciona y queda mal!

gracias de todas formas!! =)
saludos
NANO SP
hola bueno primero que nada me disculpo por no dar las respuestas que debia de haber dado, estos dias estoy mas que atareado, y no me da el tiempo para pasar por aca.

tal vez este sea mi ultimo mensaje hasta que me encuentre con mas tiempo libre asi que ahi va...

vamos a evaluar 2 cosas

la primera es si hay un fallo en el navegador, programa o lo que fuere, que escapa a mis conocimientos, y como digo arriba por falta de tiempo se me hace casi imposible estudiar

y la segunda es que sea un fallo mortal es decir un error nuestro.

para evaluar la segunda vamos a hacer esta prueba:

copien la siguiente imagen dentro de su carpeta de imagenes que no se como le habran llamado.

[contenido no disponible]

una vez la tengan en su carpeta vamos a nuestro index o plantilla html o ambas.

vamos a borrar todo del body, lo que hay entre las etiquetas, y vamos a agregar la siguiente linea:

[img]OBJETOS/marcianos.png[/img]

recordar que la ruta sera "OBJETOS" si asi le llamamos a la carpeta que contiene nuestras imagenes, en caso contrario hagan el cambio de nombre.

muy bien le damos al preview...

si aparece la imagen quiere decir que el error es de ustedes tal vez se estan equivocando en alguna parte, revean.

si cuando van a la carpeta y presionan el index y se abre el navegador y ven la imagen, es completamente seguro que se habian equivocado ustedes.

en caso de que no se vea hay un problema mas que no llego a identificar, y que tal vez pueda darnos una mano alguien mas.

la verdad es que nunca tuve problemas con las imagenes mas que por error mio de equivocarme en las extenciones etc.

bueno espero puedan solucionarlo, y pido disculpas por la demora de mi respuesta.

un saludo a toda la gente, espero estar por aca pronto

Arian
Hola:
Bueno, el comentario que yo había hecho anteriormente era para frankliberia, porque me pareció, (puede que yo esté equivocado) que el le estaba tratándo de poner las imagenes en la pagina index.html, pero le estaba dando las directivas en la pagina plantilla, pero como veo que ya a él le están dando sugerencias...

Entonces le diré a usted que lo primero que tendría que hacer usted es ordenar su hoja de estilo-general. ¿Qué significa eso?.

Que usted por ejemplo la capa global, la tiene en la hoja de estilo-general por allí abajo, al igual que las etiquetas h1 y h2 etc.etc..
Por eso le daré una idea de como debe usted tener las cosas en la hoja de estilo-general
..................................

Más o menos usted la tiene así:
............
* {margin:0px ; padding:0px ; border: 0px}
body {text-align: center}
#cabecera {background-color: white ; border-left: black 1px solid ;
border-right: black 1px solid ; height:85px}
#logotipo {background-color: brown ; width:280px ; float: left }
#publicidad {background-color: pink ; width:518px ; float: right }
#navegacion {background-color: gray ; border: black 1px solid }
#contenido {background-color: orange ; border-left: black 1px solid ; border-right: black 1px solid }
#contenido p {padding: 5px 10px 5px 10px ; text-indent: 15px}
#pie {background-color: white ; border-left: black 1px solid ; border-right: black 1px solid; border-top: black 1px solid}
#global {width:800px ; margin: 4px auto }
#menu {background-color: yellow ; width: 150px ; float:left ; text-align:left ; margin:3px 10px 3px 3px}
#menu li {list-style:none ; margin: 4px 0px 4px 6px}
a {color: brown ; text-decoration:none ; display: block }
a:link {}
a:visited {}
a:hover {color:red ; text-decoration:underline ; background-color: silver}
a:active {}
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: left}
#curva-superior { background-image: url(objetos/curva-superior.gif) ; background-repeat: no-repeat ; width:800px ; height: 12px ; overflow : hidden }
#curva-inferior { background-image: url(objetos/curva-inferior.gif) ; background-repeat: no-repeat ; width:800px ; height: 12px ; overflow : hidden }

....................

Y debiera de tenerla más o menos así:
..............
* {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: left}

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 {background-color: brown ; width:280px ; float: left }

#publicidad {background-color: pink ; width:518px ; float: right }

#navegacion {background-color: gray ; border: black 1px solid }

#contenido {background-color: orange ; border-left: black 1px solid ; border-right: black 1px solid }

#contenido p {padding: 5px 10px 5px 10px ; text-indent: 15px}

#menu {background-color: yellow ; width: 150px ; float:left ; text-align:left ; margin:3px 10px 3px 3px}

#menu li {list-style:none ; margin: 4px 0px 4px 6px}

#pie {background-color: white ; border-left: black 1px solid ; border-right: black 1px solid; border-top: black 1px solid}

#curva-inferior { background-image: url(objetos/curva-inferior.gif) ; background-repeat: no-repeat ; width:800px ; height: 12px ; overflow : hidden }

a {color: brown ; text-decoration:none ; display: block }
a:link {}
a:visited {}
a:hover {color:red ; text-decoration:underline ; background-color: silver}
a:active {}
.............................

Acá en el mensaje las he puesto un poco separadas unas de otras, pero solo es para una mayor comprensión, no significa que usted en la hoja de estilo-general deba ponerlas así de separadas, lo que si es importante el orden en que tiene que ponerlas.

Cuando usted ponga en este orden (más o menos) su hoja de estilo-general, entonces se podrá ver qué puede ser la causa del problema del logotipo.

Fuera de todo esto que le he sugerido, tenga cuidado en bajarse el logotipo, ya que uno de ellos, (el que no se mueve) es de dimensiones inferiores al que debiera de poner en la página.
Si usted quiere bajarse el logotipo que hay que poner en la página, le recomiendo el que hay acá arriba a la izquierda, que es el que tiene las medidas que corresponden a lo que se pone en la página, ya que el logotipo que no se mueve solo mide de width 247px y este es el que mide 280px de width.

Para que no se líe ponga el cursor sobre el logotipo que hay acá arriba, haga click derecho y elija "Guardar imagen como", cuando se le abra la ventana del Guardar como no haga nada más que pulsar en guardar, este se guardará con el nombre : logo_phpBB.gif
Y ese logotipo lo pone en su carpeta objetos y en la página cuando ponga el nombre le pone este mismo nombre, (ya habrá tiempo de cambiarle el nombre después).

Saludos
Agradecido de los que aprenden enseñando
Bueno después de 4 días sin encontrar la solución no me queda más que desistir del HTML-KIT, no obstante pasé mi trabajo al dreamweaver y ahí todo me funciona bien, así que trataré de seguir y adaptar el curso al dreamweaver :(
Si Dios está contigo quien podrá estar contra tí
frankliberia escribió:

Hola:

A veces unas cuantas cabezas, y variedad de opiniones pueden llegar a resolver un problema.

Se lo digo porque yo entro a su pagina, y me muestra el index, que se supone está relacionado con su hoja de estilo estilos.css, en la cual usted tiene puestos unos script.
Hasta allí todo bien.

Pero después pulso en el enlace que llevará a la plantilla, y al ver los codigos que tiene en la plantilla, pues son los mismos que tiene en la pagina index

Eso quiere decir que de alguna manera usted mezcló los códigos que tienen que ir en una página con los que tienen que ir en la otra.

Es posible que cuando usted creó la pagina plantilla en base al index, no le haya borrado primero los códigos a la copia del index que sería su plantilla

Por eso le aparece todo descuadrado
por ejemplo que la pagina plantilla le esté (según qué navegador) ocupándo toda la pagina. ¿porqué? porque al index usted no le ha puesto un ancho, y es lógico porque no llleva capas, pero, las capas que tiene en la pagina plantilla si tienen un ancho. pero (según que navegador) le coge una cosa o la otra, porque la página plantilla tiene los códigos del index, por lo tanto los navegadores no saben a qué atenerse.


Le digo todo esto porque he abierto su pagina con uno y con otro navegador, y viendo sus hojas de estilo y la relacion que debe tener cada pagina con su personal hoja de estilo, es que debe tener como suele decirse los códigos cruzados.

Yo creo, y es solo mi opinión, que debiera primero, hacerse una carpeta en el escritorio, crear dentro de ella un index.html, una plantilla.html
una hoja de estilos.css una hoja de estilo-general.css
Y a la hoja de estilos.css que pertenecerá al index, ponerle por ejemplo

body { background—image: url(imagenes/fondo.png)}
.img {border-style: none}
•centrado {text—align:center}
•justificado {text—align: justify}
•aladerecha {text-align: right}
•alaizquierda {text—align: left}


Luego a su pagina index ponerle por ejemplo

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<html>

<head>

<link rel="stylesheet" href="estilos.css" type="text/css" media="all">

<title>CICLO TALLER FRANK Pagina de inicio</title>

</head>

<body>



[contenido no disponible]</p>

<p class="centrado"> Bienvenidos a la pagina de CICLO TALLER FRANK, pronto estará lista </p>



Sera un placer enorme que nos visites cuando este terminada, por ahora visita esta pagina </p>





</p>


Ir a la página plantilla</p>


[correo eliminado]</p>



[correo eliminado]</p>
</body>
</html>
........................................................................

Luego abrir su hoja de estilo-general.css y poner


* {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: left}
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 {background-color: brown ; width:280px ; float: left }
#publicidad {background-color: pink ; width:518px ; float: right }
#navegacion {background-color: gray ; border: black 1px solid }
#contenido {background-color: orange ; border-left: black 1px solid ; border-right: black 1px solid }
#contenido p {padding: 5px 10px 5px 10px ; text-indent: 15px}
#menu {background-color: yellow ; width: 150px ; float:left ; text-align:left ; margin:3px 10px 3px 3px}
#menu li {list-style:none ; margin: 4px 0px 4px 6px}
#pie {background-color: white ; border-left: black 1px solid ; border-right: black 1px solid; border-top: black 1px solid}
#curva-inferior { background-image: url(objetos/curva-inferior.gif) ; background-repeat: no-repeat ; width:800px ; height: 12px ; overflow : hidden }


a {color: brown ; text-decoration:none ; display: block }
a:link {}
a:visited {}
a:hover {color:red ; text-decoration:underline ; background-color: silver}
a:active {}

Eso sería su hoja de estilo-general.css con los códigos en orden

......................................................

Y luego en su plantilla.html colocar las capas que van en su plantilla, y relacionar su plantilla con la hoja de estilo-general.css

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<html>

<head>

<link rel="stylesheet" href="estilo-general.css" type="text/css" media="all">

<title>CICLO TALLER FRANK Pagina de inicio</title>

</head>
<body>
<div id="global>
< etc. etc. etc. etc.

hasta cerrar con </html>

Así tendría su página index cuyo ancho ocupa toda la pantalla y que tiene un par de imagenes y un par de enlaces, y la tendría relacionada con la hoja de estilo.css que es la que le pertenece


Y tendría su pagina plantilla.html con todas sus capas , cuya capa global mide 800px de ancho , y tendría esa página plantilla relacionada con una hoja de estilo llamada estilo-general.css

Luego de que todo esté bien, solo es reemplazar las paginas que usted ha subido por estas nuevas



Le repito seguramente usted sin querer ha cruzado los códigos ya que así me lo muestran los navegadores cuando veo sus páginas y sus hojas de estilo

Ya nos dirá

Saludos
Agradecido de los que aprenden enseñando
Muchas gracias Raulyure ahorita me siento más mótivado porque no se como si copiando el código a dreamweaver o de otra forma la cosa es que ya puedo visualizar muy bien los archivos en explorer y mozilla en los preview de HTML-KIT Y Dreamweaver, lo subí nuevamente y sigo con problemas para visualizar las imagenes en la pagina index pero la pagina plantilla ahora si se ve bien en cualquier navegador. Como te repito en los preview se ve bien las imagenes pero a la hora de subir la pagina no los encuentra, he revisado el sitio, lo he estado depurando en línea y las carpetas y archivos estan todos en su lugar.

se me olvidaba mencionar que uno de los problemas que tenía era que para introducir comentarios en las páginas html se usa y yo estaba haciendo lo mismo en los archivos .css en donde el comentario se escribe entre /* */ hechos esos cambios es que se soluciono la visualizacion en el preview
Si Dios está contigo quien podrá estar contra tí
frankliberia escribió:Muchas gracias Raulyure ahorita me siento más mótivado porque no se como si copiando el código a dreamweaver o de otra forma la cosa es que ya puedo visualizar muy bien los archivos en explorer y mozilla en los preview de HTML-KIT Y Dreamweaver, lo subí nuevamente y sigo con problemas para visualizar las imagenes en la pagina index pero la pagina plantilla ahora si se ve bien en cualquier navegador. Como te repito en los preview se ve bien las imagenes pero a la hora de subir la pagina no los encuentra, he revisado el sitio, lo he estado depurando en línea y las carpetas y archivos estan todos en su lugar.

Hola:

Le voy a dar otra idea para que tenga usted más variabilidad en lo concerniente a subir sus archivos.

Debe saber que todos los hosting suelen tener un programa FTP incorporado para que uno pueda por medio de ellos subir los archivos, eso se hace cuando se entra al panel de control de la web de uno.

iespana también lo tiene, eso sirve muchas veces para saber si realmente uno ha subido al lugar correcto los archivos.
Como es algo que ya tengo escrito se lo dejaré tal como lo tengo
Sería la forma de subir los archivos a iespana por iespana
Los archivos se suben de la carpeta raíz.
La carpeta raíz es la que tiene en el escritorio donde tiene sus archivos index plantilla etc.
De esa manera no estaría utilizándo para subir ni el HTML-KIT ni nada más que el ftp de iespana.

..........................

Imaginemos que su nombre de usuario es cancionero
y su contraseña es mitortura

En algunas ocasiones al nombre de usuario hay que añadirle el guion bajo más el números cinco
En este caso que le voy a explicar, solo hay que poner el nombre de usuario y la contraseña.

Usted abre su navegador, y en la barra de direcciones (arriba) escribe http://www.iespana.es
Cuando le da a Intro, le aparece una página que se llama http://web.iespana.es , (aunque esto es irrelevante)

Pues en esa ventana, hay un apartado que dice "Acceso a los Servicios"
y tiene dos casillas, en la de arriba debe poner su nombre de usuario, que en este ejemplo sería: cancionero (nada más que eso)

En la otra casilla (contraseña), debe poner su contraseña, que en este ejemplo sería: mitortura

Luego de hacer eso, a la derecha hay una casilla pequeña (cuadrado) en el que hay que pulsar en OK
entonces se abre una ventana en la que hay que pulsar en un icono que se llama "Acceder al sitio web"

Se abre una ventana, en que a la izquierda, hay un apartado que se llama " ¡WEB> Tus Herramientas "

Pues en ese apartado hay que pulsar en uno o de los dos iconos que aparecen allí, o sea se pulsa en el que dice "Publicar Mi Sitio".

Luego de hacer todo eso, lo más probable es que le aparezca una ventana mediana de advertencia de seguridad, que le dirá lo de siempre, "que el sitio bla bla bla" en esa ventana de seguridad, debe pulsar en la casilla que dice "Ejecutar"

Con eso, lo que está haciéndo es activar el FTP para que pueda subir sus archivos
El ftp que utiliza iespana se llama (“iftpDev”)

Seguramente entremedio de todas esas cosas, le estarán apareciéndo ventanas de publicidad, en algunas de ellas, desaparecen solas, en otras pues hay que cerrarlas, pulsándo la típica x que suele estar arriba a la derecha.

Luego entonces, después de pulsar en esa ventana de advertencia de seguridad la pestaña "Ejecutar", pasará un poco de tiempo, para que le muestre en esa ventana dos columnas.
Usted si no ve esas dos columnas, ponga el cursor en el desplazador, porque seguramente estarán un poco más abajo.

Usted espera hasta que en esas columnas aparezcan (en la izquierda) las carpetas de su ordenador, y en la derecha, las carpetas del sitio que tiene el servidor para usted.

Puede que en la columna que corresponde al servidor, solo aparezcan dos carpetas sin nombre, si usted hace doble click (creo) a una de ellas, (la de más abajo) esta le mostrará todas las carpetas que tiene

Entonces, usted abre la carpeta public_html (o doble click), y la deja así
A veces no es necesario abrir esa carpeta, porque suele estar por defecto preparada ya para subir los archivos a ella

Luego en la columna de la izquierda, ubica la carpeta que se llama "Escritorio", le hace doble click, para que le muestre las carpetas que tiene en el escritorio

Cuando encuentre la carpeta en donde tiene los archivos de su web le hace doble click , y cuando encuentre el index.html usted le hace click izquierdo, (solo click izquierdo)

Como se habrá dado cuenta, entre las dos columnas hay unas casillas cuadradas con unas flechas dobles, pues le pulsa en la que tiene la punta hacia la columna derecha

Al hacerlo, le saldrá una pequeña ventana de que el archivo se está transfiriéndo.

¿A dónde se está transfirirendo?

Pues como tenia abierta la carpeta public_html, el archivo se transfiere a esa carpeta.
Como le dije más arriba puede que ya esté abierta por defecto

Luego de transferir el archivo index a esa carpeta, usted va arriba a la izquierda y pulsa donde dice "desconexión", que seguramente estará en letras color naranja

Luego de desconectarse cierra la página

Luego abre su navegador, escribe la direccion de su web en la barra de direcciones, y tendría que aparecerle su pagina index, lógicamente no aparecerá como usted la tiene, ya que aún queda por subir los otros archivos

Ahora para subir los siguientes archivos, vuelve a abrir su navegador, pone su usuari@ y contraseña y lo mismo que lo anterior

Pulsa en el archivo a subir (el de la columna izquierda), pulsa en la flecha, después que aparezca y se cierre esa ventana pequeña que le dice que está transfirirendo el archivo
vuelve a hacer click en otro archivo que vaya a subir, otra vez en la flecha, y etc. etc.


DATO IMPORTANTE

Si cuando usted pulsa en "Publicar mi sitio" y no le aparece la ventana de advertencia, o le aparece un mensaje de que para entrar al FTP debe instalar el programa JAVA

Pues tendrá que instalarlo, es una aplicación que se llama JAVA (TM) 6 update 11 su icono es uno con forma de taza humeante

Porque esa aplicación es la que usa el FTP de iespana para que se active el ftp y pueda mostrarle esas dos columnas con los archivos

Espero le sirva

Saludos
Agradecido de los que aprenden enseñando
mi primer gran problema era que para los comentarios en los archivos .css usaba los mismos caracteres que los que se usan para encerrar los comentarios en html, solucione esa parte y la pagina plantilla e index funcionaban bien en el preview así que lo subí con el HTML-KIT y no funcionaban las imagenes, entonces lo elimine y lo volví a subir con el dreamweaver y la misma cosa. Pero llegó mi estimado Raulyure y me dejó paso a paso las intrucciones para subir cada uno de los archivos y asunto solucionado. pueden verlo en ciclotallerfrank.iespana.es :lol:
Si Dios está contigo quien podrá estar contra tí