Ayuda con logotipo

Hola amigos, Bue... otro problema =(
Mi logotipo no logro acomodarlo

Queria saber si podrian decirme cual es mi error les de mi pagina web para que vean como quedo(hoja plantilla)[/size][/color]http://loquesea.myartsonline.com

aqui les dejo plantilla y estilo-general asi me dicen si pueden donde tengo el error

Plantilla Html

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

<html>
<head>
<title>Mundo informatico...</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"></div>
<a href="index.html">
[contenido no disponible]
</div>
<div id="publicidad">Tu portal de diversion!!!...</div>
</div>
<div id="navegacion">Barra de Navegación</div>
<div id="contenido">
<div id="menu">
<ul>
  • Enlace 1
  • Enlace 2
  • Enlace 3
    </div>


    CloneCD Es la herramienta ideal para hacer copias exactas de tus CD de audio (música), datos e incluso es capaz de clonar cualquier disco de juegos protegidos (asi no necesitaras usar crackas), ¡Sin Importar si están protegidos contra copia!

    CloneCD permite crear excelentes copias 1:1 de tus invaluables discos originales. Ejemplo: Un CD de música protegido quizá no pueda ser reproducido en el reproductor de CD de tu auto, ¡La copia de seguridad creada con CloneCD lo hará!

    CloneCD Combina la experiencia y la innovación: Tomando lo clásico de las aplicaciones para copiar CD. Muchos años de experiencia, la comunicación directa con los clientes y la constante optimización del Kernel de copia hacen de CloneCD la aplicación de más alta calidad que existe. </p>
    </div>
    <div id="pie">Este es el pié de página</div>
    <div id="curva-inferior"></div>
    </div>
    </body>
    </html>

    Estilo-General.css

    * {margin:0px ; padding:0px ; border: 0px}
    body {text-align: center}
    #cabecera {background-color: white ; border-left: black 1px solid ; border-right: 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 ; margin-top:25px}
    #navegacion {background-color: gray ; border: black 1px solid }
    #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: black; width: 150px ; float:left ; text-align:left ; margin-right: 10px }
    #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 li { list-style:none ; margin: 4px 0px 4px 6px }
    a {color: green ; 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 {}
    p {text-align: justify}
    #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 }

    Desde ya muchas Gracias, Suerte y espero la respuesta =)
  • Volkodlak08 escribió:Hola amigos, Bue... otro problema =(
    Mi logotipo no logro acomodarlo

    Queria saber si podrian decirme cual es mi error les de mi pagina web para que vean como quedo(hoja plantilla)[/size][/color]http://loquesea.myartsonline.com

    aqui les dejo plantilla y estilo-general asi me dicen si pueden donde tengo el error

    Plantilla Html

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

    <html>
    <head>
    <title>Mundo informatico...</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"></div>
    <a href="index.html">
    [contenido no disponible]
    </div>
    <div id="publicidad">Tu portal de diversion!!!...</div>
    </div>
    <div id="navegacion">Barra de Navegación</div>
    <div id="contenido">
    <div id="menu">
    <ul>
  • Enlace 1
  • Enlace 2
  • Enlace 3
    </div>


    CloneCD Es la herramienta ideal para hacer copias exactas de tus CD de audio (música), datos e incluso es capaz de clonar cualquier disco de juegos protegidos (asi no necesitaras usar crackas), ¡Sin Importar si están protegidos contra copia!

    CloneCD permite crear excelentes copias 1:1 de tus invaluables discos originales. Ejemplo: Un CD de música protegido quizá no pueda ser reproducido en el reproductor de CD de tu auto, ¡La copia de seguridad creada con CloneCD lo hará!

    CloneCD Combina la experiencia y la innovación: Tomando lo clásico de las aplicaciones para copiar CD. Muchos años de experiencia, la comunicación directa con los clientes y la constante optimización del Kernel de copia hacen de CloneCD la aplicación de más alta calidad que existe. </p>
    </div>
    <div id="pie">Este es el pié de página</div>
    <div id="curva-inferior"></div>
    </div>
    </body>
    </html>

    Estilo-General.css

    * {margin:0px ; padding:0px ; border: 0px}
    body {text-align: center}
    #cabecera {background-color: white ; border-left: black 1px solid ; border-right: 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 ; margin-top:25px}
    #navegacion {background-color: gray ; border: black 1px solid }
    #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: black; width: 150px ; float:left ; text-align:left ; margin-right: 10px }
    #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 li { list-style:none ; margin: 4px 0px 4px 6px }
    a {color: green ; 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 {}
    p {text-align: justify}
    #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 }

    Desde ya muchas Gracias, Suerte y espero la respuesta =)

  • Hola:
    Haber si me recuerdo, (es que tengo sueño) pero haremos algo para empezar, hay que ordenar un poco la hoja de estilo:
    *{margin: etc.
    body{ etc.
    p { etc.
    #global{ etc.
    #curva-superior{ etc.
    #cabecera{ etc.
    #logotipo{ etc.
    #publicidad{ etc.
    #navegacion{ etc.
    #contenido{ etc.
    #contenido p{ etc.
    #menu{ etc.
    #menu li{ etc.
    #pie{ etc.
    #curva-inferior{ etc.
    a {}
    a: link{}
    a:visited{}
    a:hover{}
    a:active{}

    Fuera de eso en la #cabecera tiene repetido un border-right, debiera de eliminar uno, y en el grupo de las a, solo deben ser cinco, como le muestro acá arriba usted tiene repetida una --- a---
    Bueno, eso por ahora, cuando componga toda su hoja de estilo nos cuenta.
    Saludos
    Agradecido de los que aprenden enseñando
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

    <html>
    <head>
    <title>Mundo informatico...</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"></div>
    <a href="index.html">
    [contenido no disponible]
    </div>
    <div id="publicidad">Tu portal de diversion!!!...</div>
    </div>
    <div id="navegacion">Barra de Navegación</div>
    <div id="contenido">
    <div id="menu">
    <ul>
  • Enlace 1
  • Enlace 2
  • Enlace 3
    </div>


    CloneCD Es la herramienta ideal para hacer copias exactas de tus CD de audio (música), datos e incluso es capaz de clonar cualquier disco de juegos protegidos (asi no necesitaras usar crackas), ¡Sin Importar si están protegidos contra copia!

    CloneCD permite crear excelentes copias 1:1 de tus invaluables discos originales. Ejemplo: Un CD de música protegido quizá no pueda ser reproducido en el reproductor de CD de tu auto, ¡La copia de seguridad creada con CloneCD lo hará!

    CloneCD Combina la experiencia y la innovación: Tomando lo clásico de las aplicaciones para copiar CD. Muchos años de experiencia, la comunicación directa con los clientes y la constante optimización del Kernel de copia hacen de CloneCD la aplicación de más alta calidad que existe. </p>
    </div>
    <div id="pie">Este es el pié de página</div>
    <div id="curva-inferior"></div>
    </div>
    </body>
    </html>

  • Holaa! :wink:

    Bien, miremos tu plantilla.html :wink:

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

    <html>
    <head>
    <title>Mundo informatico...</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"></div>
    <a href="index.html">
    [contenido no disponible]
    </div>
    <div id="publicidad">Tu portal de diversion!!!...</div>
    </div>
    <div id="navegacion">Barra de Navegación</div>
    <div id="contenido">
    <div id="menu">
    <ul>
  • Enlace 1
  • Enlace 2
  • Enlace 3
    </div>


    CloneCD Es la herramienta ideal para hacer copias exactas de tus CD de audio (música), datos e incluso es capaz de clonar cualquier disco de juegos protegidos (asi no necesitaras usar crackas), ¡Sin Importar si están protegidos contra copia!

    CloneCD permite crear excelentes copias 1:1 de tus invaluables discos originales. Ejemplo: Un CD de música protegido quizá no pueda ser reproducido en el reproductor de CD de tu auto, ¡La copia de seguridad creada con CloneCD lo hará!

    CloneCD Combina la experiencia y la innovación: Tomando lo clásico de las aplicaciones para copiar CD. Muchos años de experiencia, la comunicación directa con los clientes y la constante optimización del Kernel de copia hacen de CloneCD la aplicación de más alta calidad que existe. </p>
    </div>
    <div id="pie">Este es el pié de página</div>
    <div id="curva-inferior"></div>
    </div>
    </body>
    </html>


    Estas cerrando el div "logotipo" antes de tiempo :wink: ,para arreglarlo, borra lo rojo :wink:

    Saludos :wink:
  • Gracias amigos, mejoro la cosa, pero no del todo :P miren http://loquesea.myartsonline.com que sera ??

    plantilla.html

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

    <html>
    <head>
    <title>Mundo informatico...</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">
    <a href="index.html">
    [contenido no disponible]
    </div>
    <div id="publicidad">Tu portal de diversion!!!...</div>
    </div>
    <div id="navegacion">Barra de Navegación</div>
    <div id="contenido">
    <div id="menu">
    <ul>
  • Enlace 1
  • Enlace 2
  • Enlace 3
    </div>


    CloneCD Es la herramienta ideal para hacer copias exactas de tus CD de audio (música), datos e incluso es capaz de clonar cualquier disco de juegos protegidos (asi no necesitaras usar crackas), ¡Sin Importar si están protegidos contra copia!

    CloneCD permite crear excelentes copias 1:1 de tus invaluables discos originales. Ejemplo: Un CD de música protegido quizá no pueda ser reproducido en el reproductor de CD de tu auto, ¡La copia de seguridad creada con CloneCD lo hará!

    CloneCD Combina la experiencia y la innovación: Tomando lo clásico de las aplicaciones para copiar CD. Muchos años de experiencia, la comunicación directa con los clientes y la constante optimización del Kernel de copia hacen de CloneCD la aplicación de más alta calidad que existe. </p>
    </div>
    <div id="pie">Este es el pié de página</div>
    <div id="curva-inferior"></div>
    </div>
    </body>
    </html>


    estilo-general.css

    * {margin:0px ; padding:0px ; border: 0px}
    body {text-align: center}
    p {text-align: justify}
    #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 ;
    border-right: black 1px solid ; height:85px }
    #logotipo {background-color: brown ; width:280px ; float:left }
    #publicidad {background-color: pink; width:518px ; float:right ; margin-top:25px}
    #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: black; width: 150px ; float:left ; text-align:left ; margin-right: 10px }
    #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: {}
    a: link{}
    a:visited{}
    a:hover {color:red ; text-decoration:underline ; background-color: silver}
    a:active {}
  • Ya se cual es el problema :)
    Nesecito quita los subrayados de barra de navegacion, tu portal de diversion, enlaces.
    Alguien me puede decir como quito los subrayados ??

    Estare esperando su respuesta, gracias
    Estoy apenas terminando la leccion 3 y al mismo tiempo que estoy estudiando el curso, estoy elaborando mi pagina web aplicando lo aprendido. Estoy un poco varada en el area del logotipo, en especial en la div de capas. Se supone que queden las capas del logotipo y de la publicidad una al lado de la otra, pero quedan una debajo de la otra, aunque estan en los extremos. En la pagina que estoy haciendo siguiendo las lecciones me salio bien, pero no se porque en la mia no me sale. He revisado todos los posibles errores, pero no lo encuentro. Me pueden ayudar?

    Esta es la 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">
    <meta http-equiv="Content-Type" content="text/html;charset=iso-8859-1">
    </head>
    <body>
    <div id="global">
    <div id="cabecera">
    <div id="logotipo1">[contenido no disponible]</div>
    <div id="publicidad">Bienvenidos a mi web"</div>
    </div>
    <div id="navegacion">
    <ul>
  • Contactos
  • Creaciones
  • Servicios
  • Inicio</div>
    <div id="logotipo2">[correo eliminado]</div>
    </div>
    <div id="curva-superior"></div>
    <div id="contenido">
    <div id="menu">
    <ul>
    <h1>Trabajos en computadora</h1>
  • Resumés
  • Trabajos escritos de todo tipo
  • Presentaciones Power Point
  • Correcciones en español e inglés
  • Traducciones en español e inglés
  • Creaciones
  • Costos

    </div>
    <h1>Trabajos en computadora</h1>


    ¿Está buscando un trabajo de calidad, con puntualidad y responsablemente? Ha llegado al lugar correcto. Compcreaciones le garantiza un trabajo de excelencia, calidad y puntualidad al gusto, necesidad y creatividad del cliente.</p>


    Realizamos todo tipo de trabajos en computadoras con la calidad que desea. A través de las próximas páginas, podrá ver una compilación de ejemplos de los trabajos que pueden ser realizados y mucho más. Le invito a explorar cada una de las alternativas para que pueda verificar si desea que su trabajo sea realizado con dicha excelencia. </p>


    Le garantizamos la confidencialidad que exige su trabajo, no importa el tipo. De ser necesario, llegamos hasta su hogar o negocio a recoger y entregar el trabajo solicitado. Trabajos solicitados con dos días de anticipación llevan un cargo adicional.


    A continuación, le presentamos una explicación general de los trabajos que realizamos.</p>
    <h2>Informes escritos y Resumés</h2>


    Los informes escritos, resumés, tesis, monografías y todo tipo de documento se realiza en Microsoft Word. Se toma en cuenta la necesidad del cliente en cuanto a especificaciones del trabajo, márgenes, posibles correcciones, entre otros aspectos. El documento puede ser impreso o entregado en un archivo grabado en CD.</p>
    <h2>Presentaciones de Power Point</h2>


    Las presentaciones realizadas en Microsoft Power Point se realizan con movimientos y efectos variados de acuerdo a su necesidad. Vea los ejemplos.</p>
    <h2>Correcciones en español e inglés</h2>


    Realizamos todo tipo de correcciones en documentos previamente realizados. Todas las correcciones se hacen basadas en las reglas de ortografía y sintasis de los respectivos idiomas.</p>
    <h2>Traducciones en español e inglés</h2>


    Hacemos todo tipo de traducciones de español a inglés y viceversa, siguiendo las reglas de ortografía y corrección correspondientes.</p>
    <h2>Creaciones</h2>


    Si necesita un poco de ayuda, podemos colaborar en aspectos de redacción y realización de su trabajo con un cargo adicional. Creamos también todo tipo de imágenes, dibujos, tablas, gráficas y mucho más. Su imaginación es el límite.</p>

    </div>
    <div id="curva-inferior"></div>
    <div id="pie">Este es el pié de la página</div>
    </div>
    </body>
    </html>

    Esta es la hoja de estilo:

    *{margin:0px;padding:0px;border:0px}
    p{text-align:justify}
    body{text-align:center;background-color:white}
    img{border-style:none}
    #global{width:800px;margin:4px auto}
    #cabecera{background-color:white;border-left:black 1px solid;border-right:black 1px solid;height:50px}
    #logotipo1{background-color:blue;border-left:black 1px solid;border-right:black 1px solid;width:350;float:left;height:50px}
    #publicidad{background-color:red;width:450;float:right;margin-top:5px}
    #navegacion{background-color:purple;height:13px}
    #navegacion ul{margin-right:20px}
    #navegacion li{float:right;font-size:18px;color:white;list-style:none;margin:0px 20px 0px 0px}
    #logotipo2{background-color:white;width:70;float:left}
    #curva-superior{background-image:url(objetos/curva-superior.gif);background-repeat:no-repeat;width:800;height:12px;overflow:hidden}
    #contenido{background-color:white;width:800px;float:left;border-left:black 1px solid;border-right:black 1px solid}
    #contenido p{padding:5px 10px 5px 10px;text-indent:25px}
    h1{font-size:1.2em;color:blue;font-weight:bold;text-decoration:underline;text-align:center}
    h2{font-size:1em;padding:10px 0px 0px 10px;color:purple;font-weight:bold;text-decoration:none;text-align:left}
    #menu{background-color:white;width:150px;float:left;text-align:left;margin:3px 10px 3px 3px;background-image:url(objetos/margeninferior.png);background-repeat:no-repeat;background-position:bottom}
    #menu h1{font-size:14px;color:blue;font-weight:bold;text-decoration:none;text-align:center;width:150;background-image:url(objetos/margensuperior.png);padding-top:10px;background-repeat:no-repeat}
    #menu li{list-style:none;margin:5px 10px 5px 10px}
    a{color:black;font-size:13px;text-decoration:underline;display:block}
    a:link(color:black}
    a:visited(color:green;text-decoration:underline}
    a:hover{color:purple;text-decoration:bold}
    a:active{}
    #curva-inferior{background-image:url(objetos/curva-inferior.gif);background-repeat:no-repeat;width:800px;height:12px;overflow:hidden}
    #pie{background-color:brown}

    Agradecere que me den de paso su opinion en lo que llevo hasta ahora. Espero su acostumbrada pronta respuesta. Bendiciones.
  • "Todo lo puedo en Cristo que me fortalece."
    Infinity escribió:Estoy apenas terminando la leccion 3 y al mismo tiempo que estoy estudiando el curso, estoy elaborando mi pagina web aplicando lo aprendido. Estoy un poco varada en el area del logotipo, en especial en la div de capas. Se supone que queden las capas del logotipo y de la publicidad una al lado de la otra, pero quedan una debajo de la otra, aunque estan en los extremos. En la pagina que estoy haciendo siguiendo las lecciones me salio bien, pero no se porque en la mia no me sale. He revisado todos los posibles errores, pero no lo encuentro. Me pueden ayudar?

    Esta es la 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">
    <meta http-equiv="Content-Type" content="text/html;charset=iso-8859-1">
    </head>
    <body>
    <div id="global">
    <div id="cabecera">
    <div id="logotipo1">[contenido no disponible]</div>
    <div id="publicidad">Bienvenidos a mi web"</div>
    </div>
    <div id="navegacion">
    <ul>
  • Contactos
  • Creaciones
  • Servicios
  • Inicio</div>
    <div id="logotipo2">[correo eliminado]</div>
    </div>
    <div id="curva-superior"></div>
    <div id="contenido">
    <div id="menu">
    <ul>
    <h1>Trabajos en computadora</h1>
  • Resumés
  • Trabajos escritos de todo tipo
  • Presentaciones Power Point
  • Correcciones en español e inglés
  • Traducciones en español e inglés
  • Creaciones
  • Costos

    </div>
    <h1>Trabajos en computadora</h1>


    ¿Está buscando un trabajo de calidad, con puntualidad y responsablemente? Ha llegado al lugar correcto. Compcreaciones le garantiza un trabajo de excelencia, calidad y puntualidad al gusto, necesidad y creatividad del cliente.</p>


    Realizamos todo tipo de trabajos en computadoras con la calidad que desea. A través de las próximas páginas, podrá ver una compilación de ejemplos de los trabajos que pueden ser realizados y mucho más. Le invito a explorar cada una de las alternativas para que pueda verificar si desea que su trabajo sea realizado con dicha excelencia. </p>


    Le garantizamos la confidencialidad que exige su trabajo, no importa el tipo. De ser necesario, llegamos hasta su hogar o negocio a recoger y entregar el trabajo solicitado. Trabajos solicitados con dos días de anticipación llevan un cargo adicional.


    A continuación, le presentamos una explicación general de los trabajos que realizamos.</p>
    <h2>Informes escritos y Resumés</h2>


    Los informes escritos, resumés, tesis, monografías y todo tipo de documento se realiza en Microsoft Word. Se toma en cuenta la necesidad del cliente en cuanto a especificaciones del trabajo, márgenes, posibles correcciones, entre otros aspectos. El documento puede ser impreso o entregado en un archivo grabado en CD.</p>
    <h2>Presentaciones de Power Point</h2>


    Las presentaciones realizadas en Microsoft Power Point se realizan con movimientos y efectos variados de acuerdo a su necesidad. Vea los ejemplos.</p>
    <h2>Correcciones en español e inglés</h2>


    Realizamos todo tipo de correcciones en documentos previamente realizados. Todas las correcciones se hacen basadas en las reglas de ortografía y sintasis de los respectivos idiomas.</p>
    <h2>Traducciones en español e inglés</h2>


    Hacemos todo tipo de traducciones de español a inglés y viceversa, siguiendo las reglas de ortografía y corrección correspondientes.</p>
    <h2>Creaciones</h2>


    Si necesita un poco de ayuda, podemos colaborar en aspectos de redacción y realización de su trabajo con un cargo adicional. Creamos también todo tipo de imágenes, dibujos, tablas, gráficas y mucho más. Su imaginación es el límite.</p>

    </div>
    <div id="curva-inferior"></div>
    <div id="pie">Este es el pié de la página</div>
    </div>
    </body>
    </html>

    Esta es la hoja de estilo:

    *{margin:0px;padding:0px;border:0px}
    p{text-align:justify}
    body{text-align:center;background-color:white}
    img{border-style:none}
    #global{width:800px;margin:4px auto}
    #cabecera{background-color:white;border-left:black 1px solid;border-right:black 1px solid;height:50px}
    #logotipo1{background-color:blue;border-left:black 1px solid;border-right:black 1px solid;width:350;float:left;height:50px}
    #publicidad{background-color:red;width:450;float:right;margin-top:5px}
    #navegacion{background-color:purple;height:13px}
    #navegacion ul{margin-right:20px}
    #navegacion li{float:right;font-size:18px;color:white;list-style:none;margin:0px 20px 0px 0px}
    #logotipo2{background-color:white;width:70;float:left}
    #curva-superior{background-image:url(objetos/curva-superior.gif);background-repeat:no-repeat;width:800;height:12px;overflow:hidden}
    #contenido{background-color:white;width:800px;float:left;border-left:black 1px solid;border-right:black 1px solid}
    #contenido p{padding:5px 10px 5px 10px;text-indent:25px}
    h1{font-size:1.2em;color:blue;font-weight:bold;text-decoration:underline;text-align:center}
    h2{font-size:1em;padding:10px 0px 0px 10px;color:purple;font-weight:bold;text-decoration:none;text-align:left}
    #menu{background-color:white;width:150px;float:left;text-align:left;margin:3px 10px 3px 3px;background-image:url(objetos/margeninferior.png);background-repeat:no-repeat;background-position:bottom}
    #menu h1{font-size:14px;color:blue;font-weight:bold;text-decoration:none;text-align:center;width:150;background-image:url(objetos/margensuperior.png);padding-top:10px;background-repeat:no-repeat}
    #menu li{list-style:none;margin:5px 10px 5px 10px}
    a{color:black;font-size:13px;text-decoration:underline;display:block}
    a:link(color:black}
    a:visited(color:green;text-decoration:underline}
    a:hover{color:purple;text-decoration:bold}
    a:active{}
    #curva-inferior{background-image:url(objetos/curva-inferior.gif);background-repeat:no-repeat;width:800px;height:12px;overflow:hidden}
    #pie{background-color:brown}

    Agradecere que me den de paso su opinion en lo que llevo hasta ahora. Espero su acostumbrada pronta respuesta. Bendiciones.
  • Hola:
    Infinity, ¿cuánto de altura tiene realmente su logotipo 1? porque en la página usted le tiene puesto un height de 120, siendo que su capa cabecera que contiene a ese logotipo solo tiene según puso usted en la hoja de estilo, 50px de alto (height). O está errónea la altura del logotipò, o está errónea la altura de la capa cabecera, eso véalo.
    Ahora usted tiene puesto que su capa logotipo mide 350 de ancho (width) y su capa publicidad que tiene que ir al lado, tiene 450px de ancho (width), eso sumaría 800píxeles de ancho entre las dos capas, lo mismo que tiene la capa cabecera. Pero usted tiene en la capa cabecera un borde izquierdo (left)de 1 px y un borde derecho (right) de 1px, eso hace que la capa realmente tenga, sin contar esos bordes solo 798 píxeles de ancho (width), por lo tanto la capa logotipo 1 y la capa publicidad no le caben dentro de la capa cabecera, lo que debiera de hacer es quitarle algo de ancho a la capa publicidad, yo le diría que le quitara dos píxeles que es lo que ocupan los bordes de la capa cabecera, pero prefiero que le quite 5 píxeles, o sea pongale a la capa publicidad un ancho (width) de 445 píxeles, y vaya viendo a medida que le vaya aumentando el ancho hasta llegar a los 448 píxeles, (pruebe y revise, pruebe y revise, es lo mejor).
    Bueno eso es por ese lado.
    Ahora veo que en su página, en la capa navegación usted hizo una lista que empieza por <ul> y que finaliza con , lógicamente asi debe ser, pero el problema está en que usted cerró esa capa navegación justo antes de ese con ese </div> que puso. Ese </div> debiera de ir después de ese .
    Bueno por ahora solo he llegado hasta allí revisando sus códigos.
    Saludos
    Agradecido de los que aprenden enseñando
    Volkodlak08 escribió:Ya se cual es el problema :)
    Nesecito quita los subrayados de barra de navegacion, tu portal de diversion, enlaces.
    Alguien me puede decir como quito los subrayados ??

    Estare esperando su respuesta, gracias
    Hola:
    No se si le han respondido y ya solucionó su problema pero para quitar el subrayado de los enlaces en general, allí en la hoja de estilo donde dice a:hover debe poner text-decoration:none;.
    Saludos
    Agradecido de los que aprenden enseñando
    Raulyure, solte de trabajar un ratito despues de enviarte el mensaje y volvi a revisar y habia encontrado el error, pero gracias porque aclare mejor ese error. Me di cuenta de la diferencia de 2px pero no sabia porque. Me alegra estar haciendo esa pagina a la vez porque en el tutorial uno tiende a poner las cosas como le indica, pero hasta que no lo aplicas en otra pagina, no lo comprendes bien. Volkodlak08, gracias por la sugerencia, los habia puesto underline adrede, pero me gustan mas sin el. Si encuentran algo mas en esos codigos, dejenme saber, que ahora estoy en la parte que mas me interesa, enlazar paginas. Ahi si que voy a tener trabajo con la mia, jeje. Ya se porque los Web masters cobran tan caro por una pagina. Gracias mil, mi gente y estamos en contacto. Bendiciones. Otra pregunta y tal vez me estoy adelantando al curso: Como se cambia el tipo de letra en las areas, me imagino que es font-style?
    "Todo lo puedo en Cristo que me fortalece."
    Hola:
    Me alergro que vaya solucionando sus problemas.
    Saludos