Entrar

Problema Urgente

Eskdrog · · Solicitar retirada
Se me ve mal todo, no sé que he hecho. Tengo la plantilla así:

<DOCTYPE>
<html>
<head>
<title>Page title</title>
<link>
</head>
<body>
<div>
<div></div>
<div><div>
<img>	
</div>	
<div>
  <ul>
    [*]<a>Sección 1</a>
    [*]<a>Sección 2</a>
    [*]<a>Sección 3</a>
    [*]<a>Sección 4</a>
  [/list]
</div>	
<div>
  <ul>
	<h1>Titulo de seccion 1</h1>
    [*]<a>Enlace 1</a>
    [*]<a>Enlace 2</a>
    [*]<a>Enlace 3</a>
  [/list]
</div>
<div>
		 <h1>Actualidad Pokémon</h1>
		 

Esta será la zona principal de la web</p>



Este es mi segundo párrafo. Acabo de poner un punto y en cambio sigue siendo un párrafo pues no le he colocado aún la etiqueta de cierre. Voy a ponersela justo aquí.</p>

<h2>Y este es el tercer párrafo</h2>. En pocas lecciones aprenderé a darle margenes para separarlos unos de otros, e incluso hacerles sanguias por la izquierda a la primera línea, que queda mucho mejor.</p>



Anda, fijate! Salen todos centrados, que cosa. Espero que Jorgens nos enseñe a ponerlos alineados a la izquierda, o justificados. Así esto parece una poesia! je je je.</p>
		 </div>
<div>Este es el pié de página</div>
<div></div>
</div>
</body>
</html>

y la hoja de estilos así:

* {text-indent:0px ; margin:0px ; padding:0px ; border:0px}
p {text-align: justify}
h1 {font-size: 1.2em; color:blue ; font-weight: bold ; text-decoration: underline ;
    text-align: center}
h2 {font.size: 1.1em; color:blue ; font-weight: bold ; text-decoration: none ; 
    text-align: center}
body        {text-align: center }
#global     {width:800px ; margin:4px auto }
#curva-superior { background-image: url(objetos/curva-superior.gif) ; 
                  background-repeat: no-repeat ;
                  width: 800px ;
                  height:12px ;
                  overflow: hidden }
#cabecera   {background-color: white ; border-left: black 1px solid ;
             border-right: black 1px solid ; height:85px}
#logotipo   {width: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: 180px }
#contenido  {background-color: orange ; border-left: black 1px solid ; 
             border-right: black 1px solid }
#contenido p {margin: 5px 10px 0px 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 }
#menu h1 {}
#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  {}

Se me ve todo fatal. Necesito ayuda urgente, por favor.
Eskdrog · · Solicitar retirada
Necesitaría que me pegáseis el código bien puesto. Os lo agradecería muchísimo.
Yaneth · · Solicitar retirada
Hola

para poder ayudarte necesitamos ver bien los codigos

porque creo que se te ha olvidado activar la casilla de abajo que dice:

deshabilitar html en este mensaje

copia y pega de nuevo pero antes de darle enviar
activa esa casilla

saludos
Eskdrog · · Solicitar retirada
Eskdrog escribió:Se me ve mal todo, no sé que he hecho. Tengo la plantilla así:

<DOCTYPE>
<html>
<head>
<title>Page title</title>
<link>
</head>
<body>
<div>
<div></div>
<div><div>
<img>	
</div>	
<div>
  <ul>
    [*]<a>Sección 1</a>
    [*]<a>Sección 2</a>
    [*]<a>Sección 3</a>
    [*]<a>Sección 4</a>
  [/list]
</div>	
<div>
  <ul>
	<h1>Titulo de seccion 1</h1>
    [*]<a>Enlace 1</a>
    [*]<a>Enlace 2</a>
    [*]<a>Enlace 3</a>
  [/list]
</div>
<div>
		 <h1>Actualidad Pokémon</h1>
		 

Esta será la zona principal de la web</p>



Este es mi segundo párrafo. Acabo de poner un punto y en cambio sigue siendo un párrafo pues no le he colocado aún la etiqueta de cierre. Voy a ponersela justo aquí.</p>

<h2>Y este es el tercer párrafo</h2>. En pocas lecciones aprenderé a darle margenes para separarlos unos de otros, e incluso hacerles sanguias por la izquierda a la primera línea, que queda mucho mejor.</p>



Anda, fijate! Salen todos centrados, que cosa. Espero que Jorgens nos enseñe a ponerlos alineados a la izquierda, o justificados. Así esto parece una poesia! je je je.</p>
		 </div>
<div>Este es el pié de página</div>
<div></div>
</div>
</body>
</html>

y la hoja de estilos así:

* {text-indent:0px ; margin:0px ; padding:0px ; border:0px}
p {text-align: justify}
h1 {font-size: 1.2em; color:blue ; font-weight: bold ; text-decoration: underline ;
    text-align: center}
h2 {font.size: 1.1em; color:blue ; font-weight: bold ; text-decoration: none ; 
    text-align: center}
body        {text-align: center }
#global     {width:800px ; margin:4px auto }
#curva-superior { background-image: url(objetos/curva-superior.gif) ; 
                  background-repeat: no-repeat ;
                  width: 800px ;
                  height:12px ;
                  overflow: hidden }
#cabecera   {background-color: white ; border-left: black 1px solid ;
             border-right: black 1px solid ; height:85px}
#logotipo   {width: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: 180px }
#contenido  {background-color: orange ; border-left: black 1px solid ; 
             border-right: black 1px solid }
#contenido p {margin: 5px 10px 0px 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 }
#menu h1 {}
#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  {}

Se me ve todo fatal. Necesito ayuda urgente, por favor.
Yaneth · · Solicitar retirada
asi es

visita este enlace

para que ya no sufras con eso de los codigos

cuando lo hayas hecho

vuelve a copiar y pegar desde tus documentos

todos los codigos

saludos
Yaneth · · Solicitar retirada
vuele a copiar y pegar tus codigos

pero directamente de tus documentos

no de lo que ya pusiste aqui

de esa manera yo lo subo a mi pc, y checo los datos

jeje

saludos
Eskdrog · · Solicitar retirada
<DOCTYPE>
<html>
<head>
<title>Page title</title>
<link>
</head>
<body>
<div>
<div></div>
<div><div>
<img>
</div>
<div>
<ul>
  • <a>Sección 1</a>
  • <a>Sección 2</a>
  • <a>Sección 3</a>
  • <a>Sección 4</a>

    </div>
    <div>
    <ul>
    <h1>Titulo de seccion 1</h1>
  • <a>Enlace 1</a>
  • <a>Enlace 2</a>
  • <a>Enlace 3</a>

    </div>
    <div>
    <h1>Actualidad Pokémon</h1>


    Esta será la zona principal de la web</p>



    Este es mi segundo párrafo. Acabo de poner un punto y en cambio sigue siendo un párrafo pues no le he colocado aún la etiqueta de cierre. Voy a ponersela justo aquí.</p>

    <h2>Y este es el tercer párrafo</h2>. En pocas lecciones aprenderé a darle margenes para separarlos unos de otros, e incluso hacerles sanguias por la izquierda a la primera línea, que queda mucho mejor.</p>



    Anda, fijate! Salen todos centrados, que cosa. Espero que Jorgens nos enseñe a ponerlos alineados a la izquierda, o justificados. Así esto parece una poesia! je je je.</p>
    </div>
    <div>Este es el pié de página</div>
    <div></div>
    </div>
    </body>
    </html>

    Hoja de estilos:

    * {text-indent:0px ; margin:0px ; padding:0px ; border:0px}
    p {text-align: justify}
    h1 {font-size: 1.2em; color:blue ; font-weight: bold ; text-decoration: underline ;
    text-align: center}
    h2 {font.size: 1.1em; color:blue ; font-weight: bold ; text-decoration: none ;
    text-align: center}
    body {text-align: center }
    #global {width:800px ; margin:4px auto }
    #curva-superior { background-image: url(objetos/curva-superior.gif) ;
    background-repeat: no-repeat ;
    width: 800px ;
    height:12px ;
    overflow: hidden }
    #cabecera {background-color: white ; border-left: black 1px solid ;
    border-right: black 1px solid ; height:85px}
    #logotipo {width: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: 180px }
    #contenido {background-color: orange ; border-left: black 1px solid ;
    border-right: black 1px solid }
    #contenido p {margin: 5px 10px 0px 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 }
    #menu h1 {}
    #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 {}

    _______________________

    Así.
    • JorGens · · Solicitar retirada
    Intentalo de nuevo Eskdrog. Ahora ya no tienes que activar ninguna opción.. la he activado por defecto en todo el foro. :wink:
    Yaneth · · Solicitar retirada
    Mil gracias Jorgens

    eso mismo te hiba a pedir
    que hicieras

    porque es mucha pérdida de tiempo
    eso de activar la casilla

    a mi siempre se me olvidaba

    gracias de nuevo
    JorGens · · Solicitar retirada
    Si, era un poco excesivo tanto aviso, je je je. He desactivado el html del foro. Espero que no tenga efectos secundarios negativos en el foro... je je :roll:
    Yaneth · · Solicitar retirada
    No lo creo

    porque antes de que te cambiaras a este servidor

    estaba desactivado por defecto
    Eskdrog · · Solicitar retirada
    ____________________________________________

    <DOCTYPE>
    <html>
    <head>
    <title>Page title</title>
    <link>
    </head>
    <body>
    <div>
    <div></div>
    <div><div>
    <img>
    </div>
    <div>
    <ul>
  • <a>Sección 1</a>
  • <a>Sección 2</a>
  • <a>Sección 3</a>
  • <a>Sección 4</a>

    </div>
    <div>
    <ul>
    <h1>Titulo de seccion 1</h1>
  • <a>Enlace 1</a>
  • <a>Enlace 2</a>
  • <a>Enlace 3</a>

    </div>
    <div>
    <h1>Actualidad Pokémon</h1>


    Esta será la zona principal de la web</p>



    Este es mi segundo párrafo. Acabo de poner un punto y en cambio sigue siendo un párrafo pues no le he colocado aún la etiqueta de cierre. Voy a ponersela justo aquí.</p>

    <h2>Y este es el tercer párrafo</h2>. En pocas lecciones aprenderé a darle margenes para separarlos unos de otros, e incluso hacerles sanguias por la izquierda a la primera línea, que queda mucho mejor.</p>



    Anda, fijate! Salen todos centrados, que cosa. Espero que Jorgens nos enseñe a ponerlos alineados a la izquierda, o justificados. Así esto parece una poesia! je je je.</p>
    </div>
    <div>Este es el pié de página</div>
    <div></div>
    </div>
    </body>
    </html>

    _____________________________________________________

    * {text-indent:0px ; margin:0px ; padding:0px ; border:0px}
    p {text-align: justify}
    h1 {font-size: 1.2em; color:blue ; font-weight: bold ; text-decoration: underline ;
    text-align: center}
    h2 {font.size: 1.1em; color:blue ; font-weight: bold ; text-decoration: none ;
    text-align: center}
    body {text-align: center }
    #global {width:800px ; margin:4px auto }
    #curva-superior { background-image: url(objetos/curva-superior.gif) ;
    background-repeat: no-repeat ;
    width: 800px ;
    height:12px ;
    overflow: hidden }
    #cabecera {background-color: white ; border-left: black 1px solid ;
    border-right: black 1px solid ; height:85px}
    #logotipo {width: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: 180px }
    #contenido {background-color: orange ; border-left: black 1px solid ;
    border-right: black 1px solid }
    #contenido p {margin: 5px 10px 0px 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 }
    #menu h1 {}
    #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 {}

    _____________________________________________________
    • JorGens · · Solicitar retirada
    emm... je je. No vale que lo copies desde un mensaje de los que ya pusiste. Tienes que copiar el codigo desde tus páginas y pegarlo aqui.

    Venga, a la de cien va la vencida! je je
    Eskdrog · · Solicitar retirada
    <!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="curva-superior"></div>
    <div id="cabecera"><div id="logotipo">
    [contenido no disponible]
    </div><div id="navegacion">
    <ul>
  • Sección 1
  • Sección 2
  • Sección 3
  • Sección 4

    </div>
    <div id="menu">
    <ul>
    <h1>Titulo de seccion 1</h1>
  • Enlace 1
  • Enlace 2
  • Enlace 3

    </div>
    <div id="contenido">
    <h1>Actualidad Pokémon</h1>


    Esta será la zona principal de la web</p>



    Este es mi segundo párrafo. Acabo de poner un punto y en cambio sigue siendo un párrafo pues no le he colocado aún la etiqueta de cierre. Voy a ponersela justo aquí.</p>

    <h2>Y este es el tercer párrafo</h2>. En pocas lecciones aprenderé a darle margenes para separarlos unos de otros, e incluso hacerles sanguias por la izquierda a la primera línea, que queda mucho mejor.</p>



    Anda, fijate! Salen todos centrados, que cosa. Espero que Jorgens nos enseñe a ponerlos alineados a la izquierda, o justificados. Así esto parece una poesia! je je je.</p>
    </div>
    <div id="pie">Este es el pié de página</div>
    <div id="curva-inferior"></div>
    </div>
    </body>
    </html>

    _______________________________________

    * {text-indent:0px ; margin:0px ; padding:0px ; border:0px}
    p {text-align: justify}
    h1 {font-size: 1.2em; color:blue ; font-weight: bold ; text-decoration: underline ;
    text-align: center}
    h2 {font.size: 1.1em; color:blue ; font-weight: bold ; text-decoration: none ;
    text-align: center}
    body {text-align: center }
    #global {width:800px ; margin:4px auto }
    #curva-superior { background-image: url(objetos/curva-superior.gif) ;
    background-repeat: no-repeat ;
    width: 800px ;
    height:12px ;
    overflow: hidden }
    #cabecera {background-color: white ; border-left: black 1px solid ;
    border-right: black 1px solid ; height:85px}
    #logotipo {width: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: 180px }
    #contenido {background-color: orange ; border-left: black 1px solid ;
    border-right: black 1px solid }
    #contenido p {margin: 5px 10px 0px 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 }
    #menu h1 {}
    #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 {}

    _______________________________________-

    Lo he copiado del HTML Kit y se ve igual :s
    • JorGens · · Solicitar retirada
    Te faltan cosas en la plantilla. No has colocado la capa de publicidad y eso deforma todo.
    ............
    <div id="global">
    <div id="curva-superior"></div>
    <div id="cabecera">
    <div id="logotipo">
    [contenido no disponible]
    </div>
    <div id="publicidad">Bienvenidos a mi Web</div>
    </div>
    <div id="navegacion">
    ..............

    Te falta lo que he puesto en negrita.
    Eskdrog · · Solicitar retirada
    Muchísimas gracias. Ahora se ve todo perfectamente.

    Un montón de gracias!! :D
    Eskdrog · · Solicitar retirada
    Bueno, ahora tengo otro problema pero con el las imagenes en el menu lateral. Pues que hago lo que dice pero se me queda igual. He comprobado y sí, tengo la imagen guardada. ¿Qué pasa?