me ayudan a crear un albun de fotos

Raulyure · 13 Feb 2009, 14:36 · Solicitar retirada

krisalith escribió:ANTES KE TODO AGRADECER POR TU PACIENCIA AS SIDO REALMENTE BUENA PERSONA I KOMPRENSIBLE KONMIGO POR KE TE DAS EL TRABAJO DE ENSEÑARME PASO A PASO LAS KOSAS I ESO PO GRACIAS

DIGAME AHORA KE ES LO KE TENGO KE HACER KE LE ENVIO
A RESPECTO A LO KE ME DECIA

SI CADA CARPETA DE OBJETOS TIENE LO KORRESPONDIENTE A LO KE VA EN EL HTML KORREPONDIENTE NO MAS O SEA LO KE SALE NA MAS xd
AI ME ENREDE OJALA ENTIENDA

YA PO AMIGO ESPERO ORDENES UTE ME DICE KE AGO I IO LE NVIO

Hola:

No tiene que mandar nada por ahora, yo le iré dando los códigos de como tiene que ponerlos en cada una de las páginas, luego usted los copia de acá y los pega en la pagina que le pertenece, (lógicamente tiene que borrar los que tenía antes en dicha página, se lo digo porque usted tenía un poco revuelto los códigos en sus paginas, yo los he puesto más o menos como tienen que estar.

Por ejemplo le voy a dar acálos códigos de la pagina index.html
index.html
.......................................................
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>Pagina Principal del Ejemplo CCTW</title>
<link rel="stylesheet" href="estilo.css" type="text/css" media="all">
</head>
<body>
<p class="centrado">Bienvenidos a mi página web. Muy pronto estará lista!</p>

[contenido no disponible]</p>

Página creada gracias a CCTW</p>

[correo eliminado]</p>

Para entrar pulse aca</p>
</body>
</html>
....................................................................
....................................................................

Estos son los de la hoja de estilo llamada estilo.css, que pertenecen a la pagina index.html
estilo.css
..............................................
body {text-align:center;background-color:#E6E6FA;background-image:url(objetos/fondo024.jpg);background-position:center center;background-repeat:repeat;height:100%;}
img{border-style:none;}
.centrado{text-align:center;}

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

Estos son los de la pagina plantilla
plantilla.css
...............................................................
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>INGIENERIA EN TRANSPORTES""VIEJO ROBLE""</title>
<link rel="stylesheet" href="estilo-general.css" type="text/css" media="all">
<meta content="text/html; charset=iso-8859-1" http-equiv=Content-Type>
</head>
<body>
<div id="global">

<div id="curva-superior"></div>
<div id="cabecera">
<div id="logotipo">
<a href="index.html">
[contenido no disponible]</a></div>

<div id="publicidad">BIENVENIDOS A LA PAGINA DE TRANSPORTES VIEJO ROBLE</a></div>

</div>
<div id="navegacion">
<ul>

portada

servicios

galeria-fotografica

enlaces-relacionados

contactenos

</div>

<div id="contenido">

<div id="menu">
<ul><h1>MENU PRINCIPAL</h1>

servicios

galeria-fotografica

enlaces-relacionados

contactenos

</div>

<h1>BIENVENIDOS A TRANSPORTES VIEJO ROBLE</h1>

Sabemos lo que hacemos, refleja nuestra técnica para transportar ya que nuestros choferes especializados y con gran experiencia en el rubro del transporte, saben como tener su carga segura, como lograr la tranquilidad de nuestros clientes y como llegar a tiempo con su carga.</p>
[contenido no disponible]
<h2>NUESTRA MISION</h2>

A cualquier costo, lograr la satisfacción de nuestros clientes en cada faena ejecutada con un trabajo profesional y eficaz, transformar nuestras complicaciones en oportunidades de soluciones rápidas en la faena, para así no destruir nuestro prestigio en el mercado.</p>
<h2>NUESTRA VISION</h2>

Mas allá de lo imposible, lograr ser una empresa totalmente reconocida a nivel mundial conquistando cada camino de los países mas desarrollados, sin errores durante toda nuestra trayectoria empresarial</p>
[contenido no disponible]

</div>

<div id="pie">
<div id="pieuno">
<ul>

Foro Ejemplo

Contactos

Nos Enlazan

</div>
<div id="piedos">INGIENERIA EN TRANSPORTES DE CARGA PESADA Y SOBREDIMENSION</div>

<div id="pietres">
<ul>

Directorio

TopSite

Mapa de la Web

</div>
</div>

<div id="curva-inferior"></div>
</div>
</body>

</html>
.................................................................................
.................................................................................

Estos son los de la hoja de estilo de la plantilla
estilo-general.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;background-color: #E6E6FA ; background-image: url(objetos/fondo.jpg) ; background-repeat: no-repeat ; background-position: center 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:280px ; float:left }
#publicidad {width:518px ; float:right ; margin-top:25px ; font-size: 16px }
#navegacion {background-color: gray ; border: black 1px solid ; height:20px}
#navegacion li {float:left ; list-style:none ; margin: 0px 20px 0px 20px }
#navegacion ul { margin-left: 150px }
#contenido {background-color: NavajoWhite ; border-left: black 1px solid ;
border-right: black 1px solid }
#contenido p {padding: 5px 10px 5px 10px ; text-indent: 15px}
#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}
#pieuno {float:left ; width:150px }
#pie li {list-style: none ; font-size: 12px}
#piedos {float:left ; width:498px }
#pietres {float:left ; width:150px }
#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 {}
#pie a {color: blue; text-decoration:none ; display: block }
#pie a:link {}
#pie a:visited {}
#pie a:hover {color:black ; text-decoration:underline ; background-color: white }
#pie a:active {color:black}
#logotipo a {}
#logotipo a:link {}
#logotipo a:visited {}
#logotipo a:hover {background-color: white }
#logotipo a:active {}

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

Estos son los codigos de la pagina contactenos, la que está dentro de la carpeta contactenos
contactenos.html
.................................................
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>CONTACTENOS</title>
<link rel="stylesheet" href="estilo-contactenos.css" type="text/css" media="all">
<meta content="text/html; charset=iso-8859-1" http-equiv=Content-Type>
</head>
<body>
<div id="global">

<div id="curva-superior"></div>
<div id="cabecera">
<div id="logotipo">
<a href="../index.html">
[contenido no disponible]</a></div>
<div id="publicidad">BIENVENIDOS A LA PAGINA DE TRANSPORTES VIEJO ROBLE</a></div>

</div>
<div id="navegacion">
<ul>

portada

servicios

galeria-fotografica

enlaces-relacionados

contactenos

</div>

<div id="contenido">

<div id="menu">
<ul><h1>MENU PRINCIPAL</h1>

servicios

galeria-fotografica

enlaces-relacionados

contactenos

</div>

<h1>contacte con nosotros </h1>

a traves de nuestro telefono de nuestra oficina </p>

(02)8521776</p>

a nuestro correo electronico</p>

[correo eliminado] [correo eliminado]</p>

o puede dirigirse a nuestra oficina ubicada en las acacias 2765 comuna la pintana ciudad santiago</p>

Con gusto sera atendido por nuestro personal en dicha direccion antes mencionada</p>

[contenido no disponible]
</div>

<div id="pie">
<div id="pieuno">
<ul>

Foro Ejemplo

Contactos

Nos Enlazan

</div>
<div id="piedos">INGIENERIA EN TRANSPORTES DE CARGA PESADA Y SOBREDIMENSION</div>
<div id="pietres">
<ul>

Directorio

TopSite

Mapa de la Web

</div>
</div>

<div id="curva-inferior"></div>
</div>
</body>
</html>
........................................................................
.......................................................................

Estos son los de la hoja de estilo que pertenece a la pagina contactenos
estilo-contactenos.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;background-color: #E6E6FA ; background-image: url(../objetos/fondo.jpg) ; background-repeat: no-repeat ; background-position: center 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:280px ; float:left }
#publicidad {width:518px ; float:right ; margin-top:25px ; font-size: 16px }
#navegacion {background-color: gray ; border: black 1px solid ; height:20px}
#navegacion li {float:left ; list-style:none ; margin: 0px 20px 0px 20px }
#navegacion ul { margin-left: 150px }
#contenido {background-color: NavajoWhite ; border-left: black 1px solid ;
border-right: black 1px solid }
#contenido p {padding: 5px 10px 5px 10px ; text-indent: 15px}
#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}
#pieuno {float:left ; width:150px }
#pie li {list-style: none ; font-size: 12px}
#piedos {float:left ; width:498px }
#pietres {float:left ; width:150px }
#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 {}
#pie a {color: blue; text-decoration:none ; display: block }
#pie a:link {}
#pie a:visited {}
#pie a:hover {color:black ; text-decoration:underline ; background-color: white }
#pie a:active {color:black}
#logotipo a {}
#logotipo a:link {}
#logotipo a:visited {}
#logotipo a:hover {background-color: white }
#logotipo a:active {}
...................................................................................
.....................................................................................

Estos son los de la pagina servicios, la que está dentro de la carpeta servicios
servicios.html
........................................................

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>servicios</title>
<link rel="stylesheet" href="estilo-servicios.css" type="text/css" media="all">
<meta content="text/html; charset=iso-8859-1" http-equiv=Content-Type>
</head>
<body>
<div id="global">

<div id="curva-superior"></div>
<div id="cabecera">
<div id="logotipo">
<a href="../index.html">
[contenido no disponible]</a></div>
<div id="publicidad">BIENVENIDOS A LA PAGINA DE TRANSPORTES VIEJO ROBLE</a></div>

</div>
<div id="navegacion">
<ul>

portada

servicios

galeria-fotografica

enlaces-relacionados

contactenos

</div>

<div id="contenido">

<div id="menu">
<ul><h1>MENU PRINCIPAL</h1>

servicios

galeria-fotografica

enlaces-relacionados

contactenos

</div>

<h1>NUESTROS SERVICIOS</h1>

La metodología de trabajo de nuestra organización se compromete a tener segura su carga, para esto nuestro personal especializado inspeccionara la carga antes de el carguio para desarrollar una serie de inspecciones y así decidir el equipo adecuado para su carga</p>
<h1>TRANSPORTE ESPECIAL PARA CARGAS SOBREDIMENSIONADAS INDIVISIBLES</h1>

El Transporte en cama baja simple es un medio donde su carga, ya sea maquinaria de cualquier tipo, estructuras metálicas, estanques, etc. sean transportado a 60 cms. como mínimo del suelo, esto hace que su carga con sobre dimensión se apoye en una base de 3.20 mts de ancho y quede lo mas bajo posible, para asi ser trasladado sin problemas al transitar por tuneles, pasos bajo nivel, pasarelas u otras complicaciones que pueda tener la ruta.

La ventaja de una cama baja tipo palote es lograda por su mínima altura desde el suelo a 5 cms. como mínimo y menos, esto lo hace un medio de transporte seguro para las maquinarias pesadas ya que el transporte se hace mas solido como si todo fuera una sola pieza, lo que destaca a este medio es que la maquina se toma desde el chasis o entre orugas y se levanta a una altura adecuada para el desplazamiento.</P>

*Hasta 50 Toneladas de peso.</P>

*Servicio de apoyo logístico si fuera necesario.</P>

*ademas ofrecemos servicios de montajes de maquinarias</P>

[contenido no disponible]
</div>

<div id="pie">
<div id="pieuno">
<ul>

Foro Ejemplo

Contactos

Nos Enlazan

</div>
<div id="piedos">INGIENERIA EN TRANSPORTES DE CARGA PESADA Y SOBREDIMENSION</div>
<div id="pietres">
<ul>

Directorio

TopSite

Mapa de la Web

</div>
</div>

<div id="curva-inferior"></div>
</div>
</body>
</html>
...................................................................................
..................................................................................

Estos son los códigos de la hoja de estilo que pertenece a la pagina servicios
estilo-servicios.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;background-color: #E6E6FA ; background-image: url(../objetos/fondo.jpg) ; background-repeat: no-repeat ; background-position: center 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:280px ; float:left }
#publicidad {width:518px ; float:right ; margin-top:25px ; font-size: 16px }
#navegacion {background-color: gray ; border: black 1px solid ; height:20px}
#navegacion li {float:left ; list-style:none ; margin: 0px 20px 0px 20px }
#navegacion ul { margin-left: 150px }
#contenido {background-color: NavajoWhite ; border-left: black 1px solid ;
border-right: black 1px solid }
#contenido p {padding: 5px 10px 5px 10px ; text-indent: 15px}
#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}
#pieuno {float:left ; width:150px }
#pie li {list-style: none ; font-size: 12px}
#piedos {float:left ; width:498px }
#pietres {float:left ; width:150px }
#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 {}
#pie a {color: blue; text-decoration:none ; display: block }
#pie a:link {}
#pie a:visited {}
#pie a:hover {color:black ; text-decoration:underline ; background-color: white }
#pie a:active {color:black}
#logotipo a {}
#logotipo a:link {}
#logotipo a:visited {}
#logotipo a:hover {background-color: white }
#logotipo a:active {}
.....................................................................
.......................................................................

Estos son los códigos de la pagina enlaces relacionados
enlaces-relacionados.html
.....................................................
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>enlaces-relacionados</title>
<link rel="stylesheet" href="estilo-enlaces.css" type="text/css" media="all">
<meta content="text/html; charset=iso-8859-1" http-equiv=Content-Type>
</head>
<body>
<div id="global">

<div id="curva-superior"></div>
<div id="cabecera">
<div id="logotipo">
<a href="../index.html">
[contenido no disponible]</a></div>

<div id="publicidad">BIENVENIDOS A LA PAGINA DE TRANSPORTES VIEJO ROBLE</a></div>

</div>
<div id="navegacion">
<ul>

portada

servicios

galeria-fotografica

enlaces-relacionados

contactenos

</div>

<div id="contenido">

<div id="menu">
<ul><h1>MENU PRINCIPAL</h1>

servicios

galeria-fotografica

enlaces-relacionados

contactenos

</div>

<h1>ESTOS SON UNOS DE LOS ENLACES RELACIONADOS CON LA EMPRESA</h1>

[contenido no disponible]

AUTORIDAD CORRESPONDIENTE A LOS PERMISOS DE SOBREDIMENSION</p>

</P>VIALIDAD.GOV.CL</p>

MAPAS DE LAS RUTAS DEL PAIS</P>

</P>MAPASCHILE.COM</p>

EMPRESA NACIONAL DEL PETROLEO</P>

</P>ENAP.CL</p>

</div>

<div id="pie">
<div id="pieuno">
<ul>

Foro Ejemplo

Contactos

Nos Enlazan

</div>
<div id="piedos">INGIENERIA EN TRANSPORTES DE CARGA PESADA Y SOBREDIMENSION</div>
<div id="pietres">
<ul>

Directorio

TopSite

Mapa de la Web

</div>
</div>

<div id="curva-inferior"></div>
</div>
</body>
</html>
.................................................................................
.................................................................................

Estos son los códigos de la hoja de estilo que pertenecen a la pagina enlaces relacionados
estilo-enlaces.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;background-color: #E6E6FA ; background-image: url(../objetos/fondo.jpg) ; background-repeat: no-repeat ; background-position: center 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:280px ; float:left }
#publicidad {width:518px ; float:right ; margin-top:25px ; font-size: 16px }
#navegacion {background-color: gray ; border: black 1px solid ; height:20px}
#navegacion li {float:left ; list-style:none ; margin: 0px 20px 0px 20px }
#navegacion ul { margin-left: 150px }
#contenido {background-color: NavajoWhite ; border-left: black 1px solid ;
border-right: black 1px solid }
#contenido p {padding: 5px 10px 5px 10px ; text-indent: 15px}
#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}
#pieuno {float:left ; width:150px }
#pie li {list-style: none ; font-size: 12px}
#piedos {float:left ; width:498px }
#pietres {float:left ; width:150px }
#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 {}
#pie a {color: blue; text-decoration:none ; display: block }
#pie a:link {}
#pie a:visited {}
#pie a:hover {color:black ; text-decoration:underline ; background-color: white }
#pie a:active {color:black}
#logotipo a {}
#logotipo a:link {}
#logotipo a:visited {}
#logotipo a:hover {background-color: white }
#logotipo a:active {}
......................................................................................
......................................................................................

Estos son los códigos de la página galeria fotografica
Hay que recordar que la pagina está dentro de la carpeta galeria-1 y la carpeta galeria-1 está dentro de la capeta galeria-fotografica
galeria-fotografica.html
...............................................................
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>GALERIA FOTOGRAFICA VIEJO ROBLE</title>
<link rel="stylesheet" href="estilo-galeria.css" type="text/css" media="all">

</head>
<body>
<div id="global">
<div id="curva-superior"></div>
<div id="cabecera">
<div id="logotipo">
<a href="../../index.html">
[contenido no disponible]</a></div>
<div id="publicidad">BIENVENIDOS A LA PAGINA DE TRANSPORTES VIEJO ROBLE</div>

</div>
<div id="navegacion">
<ul>

Portada

Servicios

Galeria-fotografica

Enlaces-relacionados

Contactenos

</div>

<div id="migaleria"><h1>Mi Galeria de fotos</h1>
<ul>

<a href="../galeria-1/uno.jpg"target="_blank">[contenido no disponible]
<span>Uno</span></a>

<a href="../galeria-1/dos.jpg"target="_blank">[contenido no disponible]
<span>Dos</span></a>

<a href="../galeria-1/tres.jpg"target="_blank">[contenido no disponible]
<span>Tres</span></a>

<a href="../galeria-1/cuatro.jpg"target="_blank">[contenido no disponible]
<span>Cuatro</span></a>

<a href="../galeria-1/cinco.jpg"target="_blank">[contenido no disponible]
<span>Cinco</span></a>

<a href="../galeria-1/seis.jpg"target="_blank">[contenido no disponible]
<span>Seis</span></a>

<a href="../galeria-1/siete.jpg"target="_blank">[contenido no disponible]
<span>Siete</span></a>

<a href="../galeria-1/ocho.jpg"target="_blank">[contenido no disponible]
<span>Ocho</span></a>

<a href="../galeria-1/nueve.jpg"target="_blank">[contenido no disponible]
<span>Nueve</span></a>

<a href="../galeria-1/diez.jpg"target="_blank">[contenido no disponible]
<span>Diez</span></a>

<a href="../galeria-1/once.jpg"target="_blank">[contenido no disponible]
<span>Once</span></a>

<a href="../galeria-1/doce.jpg"target="_blank">[contenido no disponible]
<span>Doce</span></a>

</div>
<div id="pie">
<div id="pieuno">
<ul>

Foro

Contactos

Nos Enlazan

</div>
<div id="piedos">INGIENERIA EN TRANSPORTES DE SOBREPESO Y SOBREDIMENSION</div>
<div id="pietres">
<ul>

Directorio

TopSite

Mapa de la Web
</div>
</div>
<div id="curva-inferior"></div>
</div>

</body>
</html>
.........................................................................................
.........................................................................................

Estos son los códigos de la hoja de estilo que pertenecen a la pagina galeria-fotografica
estilo-galeria.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;background-color: #E6E6FA ; background-image: url(objetos/fondo.jpg) ; background-repeat: no-repeat ; background-position: center center}

#global {width:800px ; margin:4px auto }
#curva-superior { background-image: url(../../objetos/curva-superior.gif.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:280px ; float:left }
#publicidad {width:518px ; float:right ; margin-top:25px ; font-size: 16px }
#navegacion {background-color: gray ; border: black 1px solid ; height:20px}
#navegacion li {float:left ; list-style:none ; margin: 0px 20px 0px 20px }
#navegacion ul { margin-left: 150px }

#migaleria {float:left;background-color:#000000;width:800px; }
#migaleria li{display:inline;float:left;width:150px;padding:5px;margin:15px;text-align:center;border-right:#FF0000 solid 2px;border-bottom:#FF0000 solid 2px;}
#migaleria h3{font-size:1.1em;color:red;font-weight:bold;text-decoration:none;text-align:center;}
#pie { border-left:black 1px solid;border-right:black 1px solid;border-top:black 1px solid;height:65px;clear:both}
#pieuno {float:left ; width:150px }
#pie li {list-style: none ; font-size: 12px}
#piedos {float:left ; width:498px }
#pietres {float:left ; width:150px }
#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 {}
#pie a {color: blue; text-decoration:none ; display: block }
#pie a:link {}
#pie a:visited {}
#pie a:hover {color:black ; text-decoration:underline ; background-color: white }
#pie a:active {color:black}
#logotipo a {}
#logotipo a:link {}
#logotipo a:visited {}
#logotipo a:hover {background-color: white }
#logotipo a:active {}
.............................................................................
.............................................................................

Bien, espero que le sirva.
todas las paginas están enlazadas unas con otras, y recuerde, que las imagenes que van en la carpeta objetos, esa carpeta objetos que está junto con el index y la plantilla y las hojas de estilo de la plantilla y del index, quiero decir , esa carpeta objetos que es la del principio del curso.
allí debe tener la imagen curva-superior, la curva-inferior, las curvas del menu tanto la parte superior como la parte inferior, el buzón, la imagen de fondo. Todas esas cosas basta con tenerlas solo en esa carpeta objetos, ya que desde las páginas cuando ponemos los dos puntos más la barra, es como si la estuviésemos llamándo desde esas paginas.

Las imagenes, por ejemplo las grandes que van en cada pagina, (la de los camiones), como las tiene dentro de la carpeta objetos que pertenece a cada pagina, no es necesario ponerle los dos puntos más la barra, ya que están allí mismo .

La del buzón, no creo que sea necesario poner la imagen del buzón en cada carpeta objetos de cada pagina, basta con que esté en la carpeta objetos donde están las curvas, ya que desde cada página se le puede "llamar" con esos dos puntos más la barra

Quiero decir que las imagenes que van en todas las paginas de su web, como el logotipo o las curvas o el buzón o la imagen de fondo , basta con que estén en la carpeta objetos, (la de siempre, o la general).

Si usted ve en alguna página que a el buzón le he puesto los dos puntos más la barra y en otra página no se los he puesto, es solo porque no se donde tiene usted la imagen del buzón, todos los enlaces del buzón que hay en las páginas (excepto el index y la plantilla) debieran de estar con los dos puntos más la barra, eso suponiéndo que la imagen del buzón solo está en la carpeta objetos, (la del logotipo con las curvas.

Ya hará usted (que ya tendrá práctica) las modificaciones

Si todo le resulta bien, entonces me he ganado un "curanto con chapalele" o por lo menos un vasito de "chicha".....¡que es broma!!!!

Saludos

Raulyure · 13 Feb 2009, 21:17 · Solicitar retirada

krisalith escribió:MUCHAS GRACIAS POR TU PACIENCIA POR L A MOLESTIA DE TOMARTE EL TIEMPO DE EXPLIKARME PASO A PASO TODO
MIRA LO KE HIZZE SI ES DEJAR EL INDEX.HTML IGUAL KE LA PLANTILLA PARA EVITAR LA PAGINA DE INGRESO Y ELIMINE EL ESTILO.CSS Y KOLOKE TANTO EL INDEX COMO LA PLANTILLA RELACIONADA AL MISMO ESTILO O SEA AL GENERAL.CSS

KEDO BIEN MIRELA

http://transviejoroble.medianewsonline.com

DE ANTEMANO

MUCHAS GRACIAS POR TODO LO ANTERIOR

Hola:
Me ha entrado un poco de envidia, así que creo que me voy a hacer una galería, y veré si puedo ponerle algún marco a las fotos para que queden enmarcadas. (aunque aún no se como hacerlo, pero será cosa de ponerse)
En lo que respecta a lo que dice del index, me parece bien, ya más adelante, con un poco más de práctica podrá borrar la plantilla y dejar que sea el index su plantilla, ya que es importante que haya una página en su web que se llame index.html, pero eso más adelante, porque tendría que modificar códigos en tods sus páginas, por ahora creo que su página web está bien

He visto su página, y en la galería me he dado cuenta de que la imagen curva-superior, (solo la de la pagina galeria.html no se ve).
Y eso es porque yo le puse en la hoja de estilo-galeria.css curva-superior.gif.gif

así le puse yo
#curva-superior { background-image: url(../../objetos/curva-superior.gif.gif) ;
background-repeat: no-repeat ;
width: 800px ;
height:12px ;
overflow: hidden }

así que vaya a su hoja de estilo-galeria.css
y borre o elimine ese .gif que yo puse demás, el que le muestro en rojo acá

#curva-superior { background-image: url(../../objetos/curva-superior.gif.gif) ;
background-repeat: no-repeat ;
width: 800px ;
height:12px ;
overflow: hidden }
...................................................
Para que le quede así:
........................................................................
#curva-superior { background-image: url(../../objetos/curva-superior.gif) ;
background-repeat: no-repeat ;
width: 800px ;
height:12px ;
overflow: hidden }
........................................................................

En lo que respecta a su pregunta acerca de la música, realmente como yo no la utilizo, dejaremos que alguien que domine un poco eso, le pueda responder.

Para eso sería conveniente que abriera una nueva pregunta o nuevo tema en el Foro General, y así los entendidos de música puedan sugerirle algunas cosas

Saludos y de nada