Por que me genera este espacio?

Citar

Escrito el 18 Ene 2007 05:16 pm

Mirad:

Código :

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Wonddworld.com - 24</title>
<style type="text/css">
<!--
body {
   margin-left: 80px;
   margin-top: 10px;
   margin-right: 80px;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size:10px;
   background:#CCCCCC
   
}
.Estilo1 {
   background:#E46A43;
}
.Estilo2 {
   background:#FFFFFF;
}
-->
</style></head>
<body>
  <div align="center"><img src="Objetos [FLA, SWF..]/IM&Aacute;GENES/24head.png" width="800" height="206" /><table width="800" height="445" border="0" cellpadding="0" cellspacing="0">
        <th width="10" align="left" valign="top" class="Estilo1" scope="col"></th>
        <th width="150" valign="top" class="Estilo2" scope="col"><p align="left" class="Estilo2"><img src="Objetos [FLA, SWF..]/IM&Aacute;GENES/menu24.png" width="150" height="25" /><br />
              <br />
          - Volver a Wonddworld <br />
          - Charla sobre 24 <br />
          - Ir a Tanibol.net <br />
          - Como Descargar <br />
          <br />
          <img src="Objetos [FLA, SWF..]/IM&Aacute;GENES/menu24sub.png" width="150" height="15" /><br />
              <img src="Objetos [FLA, SWF..]/IM&Aacute;GENES/menu24spons.png" width="150" height="25" /><br />
        </p>
        </th>
        <th width="10" align="left" valign="top" class="Estilo1" scope="col"><p align="left" class="Estilo1">&nbsp;</p>        </th>
        <th width="307" class="Estilo2" scope="col">&nbsp;</th>
        <p class="Estilo2"></p>
        <th width="313" class="Estilo2" scope="col">&nbsp;</th>
        <p class="Estilo2"></p>
        <th width="10" class="Estilo1" scope="col">&nbsp;</th>
      </tr>
    </table>
    <table width="800" border="0" cellpadding="0" cellspacing="0">
      <tr>
        <th bgcolor="#E46A43" scope="col"><div align="center">
          <p>Minisite Design by Breath<br />
          Optimizada para Firefox y para resoluci&oacute;n 1024x768 </p>
          </div></th>
      </tr>
    </table>
    <br />
  </span></div>
</div>
</body>
</html>

Por qué me genera un <br> entre el logo superior y la tabla? Me irrita. El codigo está bien, pero me sale eso..

Por Breath

110 de clabLevel

Genero:Masculino

Envíale un mensaje privado

Zpein

Citar

Escrito el 18 Ene 2007 06:23 pm

te recuerdo: las tablas son para los datos tabulados. no para diseño!
además, si vas a hacer una lista, utiliza el tag <ul> o <ol>, pues esto es una aberración

Código :

          - Volver a Wonddworld <br />
          - Charla sobre 24 <br />
          - Ir a Tanibol.net <br />
          - Como Descargar <br />

Por fael

BOFH

2443 de clabLevel

3 tutoriales
2 articulos

Envíale un mensaje privado Web

@faelazo

Citar

Escrito el 18 Ene 2007 07:22 pm

Pues es la única forma de que me salga como quiero. Si uso el <ol> o el <ul> es como si usara la tabulación y me lo mueve casi al medio.

Sigo sin entender el espacio ese.

Por Breath

110 de clabLevel

Genero:Masculino

Envíale un mensaje privado

Zpein

Citar

Escrito el 18 Ene 2007 10:04 pm

Breath escribió:

Pues es la única forma de que me salga como quiero. Si uso el <ol> o el <ul> es como si usara la tabulación y me lo mueve casi al medio.

para eso esta la hoja de estilo en la cual debes aplicar la posicion deseada a cada elemento.

Por Mariux

BOFH

7756 de clabLevel

28 tutoriales
15 articulos

Genero:Femenino Héroes Editores

Envíale un mensaje privado Web

Diseñadora & ilustradora

@Mariux

Citar

Escrito el 19 Ene 2007 02:15 am

¡márgenes y padding!

Por NEO_JP

BOFH

5724 de clabLevel

13 tutoriales
12 articulos

Genero:Masculino Anime Bloggers Premio_Secretos Team Cristalab

Envíale un mensaje privado Web

Front-end Developer en Washington, DC

@neojp

Citar

Escrito el 19 Ene 2007 06:52 am

Va a tocar leer un poco, comenzaré esta tarde pues.

Por Breath

110 de clabLevel

Genero:Masculino

Envíale un mensaje privado

Zpein

Citar

Escrito el 19 Ene 2007 04:39 pm

Bueno, logré poner todo en su sitio (al final opté por meter el logo dentro de la tabla a lo cutre..). Y hice lo de la lista. A ver que os parece:

http://tanibol.org/breathwondd/24

Saludos.

Por Breath

110 de clabLevel

Genero:Masculino

Envíale un mensaje privado

Zpein

Citar

Escrito el 19 Ene 2007 06:09 pm

pésimo.

Por fael

BOFH

2443 de clabLevel

3 tutoriales
2 articulos

Envíale un mensaje privado Web

@faelazo

Citar

Escrito el 19 Ene 2007 06:21 pm

Todo lo que muestras, el diseño como tal se puede hacer perfectamente en XHTML + CSS sin necesidad de ninguna tabla.

Por Zarzamora

BOFH

3056 de clabLevel

3 tutoriales
12 articulos

Envíale un mensaje privado

Citar

Escrito el 20 Ene 2007 03:02 am

Breath, usa XHTML + CSS!
Lo mejor es siempre usar las tags especificas para cosas especificas:

Las tablas son para datos, que se presentan en campos y columnas, es decir, datos que van en tabla pero no son adecuadas para el diseño. Por que? Ralentizan la carga de tu pagina, su uso es complicado y modificar.... ni te digo. Ademas, si usas estandares,muchas veces te apareceran huecos "inesperados" (que controlas mediante css).
Ul, ol, li, etc, son para crear listas, y son la mejor opcion para ello, pues para eso estan pensadas.

Como sabras, toda etiqueta de XHTML tiene como objetivo diferenciar los tipos de datos de la pagina, mas no todos los aspectos de su presentacion. Por ejemplo, si usas las listas, con CSS puedes formatearlas a tu antojo. ¡ Y sin duda quedaran mejor que con <br>!

Saludos!

Por Lunatic Lycanthrop

Claber

1203 de clabLevel

7 tutoriales

1 ejemplo

Genero:Masculino

Envíale un mensaje privado

The dark places where wolves access internet with 46,6 kbps

Citar

Escrito el 21 Ene 2007 09:42 pm

Pero no la tengo hecha con XHTML+CSS? Que diferencia hay con HTML? Vamos a ver, esto ultimo no lo he entendido, pareceré un idiota, pero mira. Para hacer esto de XHT.. donde que tengo que tocar al iniciar el DW?

PD: Muchas páginas famosas usan listas porqe siempre miro el código fuente. Són tambien ellos pésimos?

Por Breath

110 de clabLevel

Genero:Masculino

Envíale un mensaje privado

Zpein

Citar

Escrito el 21 Ene 2007 10:24 pm

no estás leyendo lo que te estamos diciendo.
léela una, dos, tres veces más si lo requieres. luego ya responde.
para dudas como qué es xhtml o qué es html ve la wikipedia o pregúntale a google.

Por fael

BOFH

2443 de clabLevel

3 tutoriales
2 articulos

Envíale un mensaje privado Web

@faelazo

Citar

Escrito el 22 Ene 2007 07:46 am

Bueno, le empoye todo lo que salia en wiki de XHTML y por lo que he leido es algo mejor que HTML a secas. De todos modos me quedan algunas dudas.
1) Con XHTML adaptaré a todos los navegadores (ya que con HTML me toca los huevos el IE siempre)
2) Va más rapido o algo? Ya que dice que es mejor.
3) Los códigos son iguales?

Bueno, yo hice mi parte

Por Breath

110 de clabLevel

Genero:Masculino

Envíale un mensaje privado

Zpein

Citar

Escrito el 22 Ene 2007 01:16 pm

*suspiro*

Por Ramm

BOFH

3152 de clabLevel

6 tutoriales
8 articulos

Genero:Masculino Bastard Operators From Hell REC Héroes

Envíale un mensaje privado Web

London, UK

@ramono

Citar

Escrito el 22 Ene 2007 01:20 pm

Por Breath

110 de clabLevel

Genero:Masculino

Envíale un mensaje privado

Zpein

Citar

Escrito el 22 Ene 2007 04:44 pm

lee con atencion lo que te dicen. NO debes usar tablas. Parti de esa premisa e intenta entender.
trata de ver este tutorial, miralo, da unas vueltas y volve a mirarlo, hacelo muchas veces y luego mira como hiciste tu pagina y decinos que le ves de diferente. Podes buscar los archivos de la conferencia pasada si nesecitas explicacion mas explicita.

Por Mariux

BOFH

7756 de clabLevel

28 tutoriales
15 articulos

Genero:Femenino Héroes Editores

Envíale un mensaje privado Web

Diseñadora & ilustradora

@Mariux

Citar

Escrito el 22 Ene 2007 04:58 pm

y lee, por el amor de dios acerca de XHTML!

Por fael

BOFH

2443 de clabLevel

3 tutoriales
2 articulos

Envíale un mensaje privado Web

@faelazo

Citar

Escrito el 22 Ene 2007 07:33 pm

Ok, tienes razón Mx. Eso haré. Si tenéis razón y lo reconozco. Empeze con el tema de HTML, Flash y todo esto en Agosto, y bueno, se que x ahora soy novato pero con el tiempo intento aprender. Y Fael, no te critico por lo de Pésimo, al contrario, prefiero qu me den una opinión sincera a que me digan muy bonito y cosas asi, pero se pueda mejorar. Yo por supuesto tomaré en cuenta lo de Mx y comenzaré (recomenzaré) a utilizar los divs, que los veo más Pro. Comenzaré a practicar, a ver si con este ritmo en 10 dias domino a la perfección los divs y dejo de lado las tablas.

Saludos

Por Breath

110 de clabLevel

Genero:Masculino

Envíale un mensaje privado

Zpein

Citar

Escrito el 22 Ene 2007 08:22 pm

mm en xhtml + css podras modoficar mas rapido y sin mucho esfuerzo puedes controlar todo mejor, con html y tablas pues tienes ke modificar todo desde 0 si kieres hacer cambios x ke te complicas tanto, lo unico ke hacemos aqui es ayudarte y recomendarte algo mejor, si aprendes xhtml + css se te hara todo mas facil

Por Van Slanzar De Fanelia

392 de clabLevel

3 tutoriales

Envíale un mensaje privado

Gaea - Escaflowne

Citar

Escrito el 22 Ene 2007 10:19 pm

si con DW te refieres a dreamweaver entonces:

cuantos desarolladores serios usan DW??? cuantos de los moderadores de aqui de este foro usan DW??? cuantos desarolladores de aplicaciones web complejas usan DW??? creo que no demasiados, yo en lo personal deje el golive (algo similar a DW) cuando me di cuenta que el usarlo me limitaba... me estanque por mucho tiempo solo por usar golive... despues no savia nada... savia html y javascript, pero no savia como hacer un sitio con puro codigo... por que??? por que havia perdido tiempo uisando el golive...

lo unico que intento decir es que no uses mas que un buen editor de textos...(yo uso BBedit *solo para mac )eso te dejara la libertad de tener un mejor control sobre tu codigo... ademas adquieres experiencia practica y no solo teorica....

con respecto a lo del tu sitio no basta solo con decir que uses XHTML y CSS, ademas cabe mencionar algo importante y que aveces se olvida WEB SEMANTICA!!!! eso quiere decir que todo deve ser semantico en tu web, si haces una lista usa <ul> <ol> <dl> si pones un parrafo usas <p> si pones un contenido tabulado usas <table> etc etc etc... eso te ayuda a mantener un orden en tu desarollo, investiga sobre web semantica, ya que la cosa no termina ahi, va mas aya, por ejemplo al momento de elegir en nombre de clase o id de un elemento tambien es necesario aplicar web semantica...

Dices que comenzaste en agosto... no te toma mucho tiempo dominar css y xhtml despues podrias empezar con javascrip y seguir con otros temas que no pongo para no confundirte....

un Saludo

Por buzu

163 de clabLevel

Envíale un mensaje privado Web

Los Angeles, California

Citar

Escrito el 22 Ene 2007 10:24 pm

Bueno, mirad mas o menos, he pasado todo a divs y he usado css a tope (y la verdad no me quejo del resultado):

http://tanibol.org/breathwondd/24/pruebaindex.html

Y el codigo aquí:

Código :

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Documento sin t&iacute;tulo</title>
<style type="text/css">
<!--
body {
   font-family:Georgia, Times New roman, Times, serif;
   font-size:12px;
   color:#666666;
   float:center; /*aqui mandamos a centrar todo el contenido*/
   display: block;
   margin-left: 112px;
   margin-right: 112px;
   text-align: center;
}
#barraizquierda {
   float:left;
   width: 148px;
   height: 800px;
   border-right-style: solid;
   border-right-color: #333333;
   border-right-width: 1px;
}
#logo {
   width: 800px;
   }
ul {
   text align: left;
   list-style: none;
   margin-left: 5px;
   padding-left: 1em;
   text-indent: -1em;
   }
#barra {
background-color:#e46a43;
width: 6px;
height: 800px; 
float: left;
border-left-width: 1px;
border-right-width: 1px;
border-right-style: solid;
border-right-color: #000000;
border-left-style: solid;
border-left-color: #000000;
}
#contenido {
   float: left;
   width:643px;
   height: 800px;
}
#barra2 {
   float: left;
   width: 6px;
   border-left-width: 1px;
   border-right-width: 1px;
   border-right-style: solid;
   border-right-color: #000000;
   border-left-style: solid;
   border-left-color: #000000;
   height: 800px;   
   background-color: #e46a43;
}
#barra3 {
   float: left;
   width: 6px;
   height: 800px;
   background-color: #e46a43;
   border-right-width: 1px;
   border-right-style: solid;
   border-right-color: #000000;
}
   
-->
</style>
</head>

<body><div id="logo">
  <img src="Objetos [FLA, SWF..]/IM&Aacute;GENES/24head.png" width="800" height="206" longdesc="logo" /></div>
</div>
<div id="barra"></div><div id="barraizquierda"><img src="Objetos [FLA, SWF..]/IM&Aacute;GENES/menu24.png" width="148" height="24" />
  <ul>
<li><div align="left">- <a href="http://wonddworld.com" target="_self">Volver a Wonddworld </a></div>
    </li>
          <li>
            <div align="left">- <a href="http://foro.wonddworld.com/index.php?showforum=58" target="_blank">Charla sobre 24</a></div>
          </li>
          <li>
            <div align="left">- <a href="http://tanibol.net" target="_blank">Ir a Tanibol.net</a></div>
          </li>
          <li>
            <div align="left">- <a href="http://24.wonddworld.com/ayuda" target="_self">Ayuda</a></div>
          </li>
</ul>
         
          <img src="Objetos [FLA, SWF..]/IM&Aacute;GENES/menu24sub.png" width="148" height="14" /><img src="Objetos [FLA, SWF..]/IM&Aacute;GENES/menu24spons.png" width="148" height="25" /></div><div id="barra3"></div><div id="contenido"></br><img src="Objetos [FLA, SWF..]/IMÁGENES/menu24links.png" longdesc="24 6ª temporada" /></div><div id="barra2"></div>
</body>
</html>

Una duda. He sumado las barras y el contenido y el menu, y me da 800. Porque el #contenido se me desplaza para abajo? He ido bajando el tamaño width.

Por Breath

110 de clabLevel

Genero:Masculino

Envíale un mensaje privado

Zpein

Citar

Escrito el 22 Ene 2007 10:26 pm

Yo uso Deramwever, pero manejo el código con su editor. Además la previsualización ayuda un poco.
Hará como un año que empecé con html, css, etc. y me di cuanta que era mejor manejar el código uno mismo, pero no por eso dejé de usar Dreamwever.

Por ryuz

350 de clabLevel

2 tutoriales

Envíale un mensaje privado Web

Citar

Escrito el 22 Ene 2007 10:35 pm

claro... a eso me referia, manejar el codigo uno mismo y no conformarse que dw lo haga por mi...

ahora con respecto al sitio un consejo... usa una hoja de estilos separada con extenciion .css y luego pones un elnace hacia ella en la cabecera... me supongo que en el tutorial que estas viendo sobre css te dicen como hacerlo... ademas no caigas en la divmania... (si no sabes que es, busca en google) y por otro lado en xhtml y css se pretende separar contenido y presentacion... es quiere decir que ya no deves usar align="left" ni nada de eso, eso se hace con los estilos... de hai en fuera creo que muestras un gran avance y un gran interes... sigue adelante, y ya saves que aqui en el foro siempre hay ayuda....

Por buzu

163 de clabLevel

Envíale un mensaje privado Web

Los Angeles, California

Citar

Escrito el 22 Ene 2007 10:37 pm

OMG!!!!!!!!! creo que tenia que cargar imagenes y otras cosillas mas no ? solo veo 3 barras y los 4 links, estas tipeando mal tu codigo.

Por Van Slanzar De Fanelia

392 de clabLevel

3 tutoriales

Envíale un mensaje privado

Gaea - Escaflowne

Citar

Escrito el 22 Ene 2007 10:45 pm

Se te baja por el margin que le pones al body. Usa margin cero
Para centrar el contenido pon #barraizquierda y #contenido en un nuevo div y usa este método. También con #logo.

Otra cosa no lo hagas de un ancho de 800px, ponlo de un poco menos, no has contado con la barra de scroll.

Y lo del los div en las listas con algin left sobra. El problema se soluciona añadiendo un guión el text-algin y no text algin como tienes puesto:

Código :

ul {
   text align: left; /* Es text-algin */
   list-style: none;
   margin-left: 5px;
   padding-left: 1em;
   text-indent: -1em;
   }

Por ryuz

350 de clabLevel

2 tutoriales

Envíale un mensaje privado Web

Citar

Escrito el 23 Ene 2007 07:24 am

buzu, también deberías considerar no limitarte y tomar un buen curso de ortografía, seguro te funciona.
breath, me alegra que vayas por el camino indicado, pero aún veo que tienes mucho código innecesario

Código :

  <ul>
<li><div align="left">- <a href="http://wonddworld.com" target="_self">Volver a Wonddworld </a></div>
    </li>
          <li>
            <div align="left">- <a href="http://foro.wonddworld.com/index.php?showforum=58" target="_blank">Charla sobre 24</a></div>
          </li>
          <li>
            <div align="left">- <a href="http://tanibol.net" target="_blank">Ir a Tanibol.net</a></div>
          </li>
          <li>
            <div align="left">- <a href="http://24.wonddworld.com/ayuda" target="_self">Ayuda</a></div>
          </li>
</ul>

porqué tanto div? porqué el atributo align sobre éste? porqué el guión? para qué el target (ya está depreciado)?
si quieres que el elemento del menu parezca como bloque, hazlo con css (esa es la ventaja), no le pongas align pues se pierde la separación de contenido y diseño (que es la idea de css).
si quieres que aparezca guión, hazlo vía css! luego, los targets olvídalos.

y sí, usa una hoja de estilos externa, cargar cada vez ese código es una pérdida de ancho de banda tanto para el servidor como para quien lo está cargando, si lo haces externamente, ésta sólo se carga una vez y se mantiene en el caché del usuario.

lo bueno es que vas mejorando, pero ahora hay que preguntar si realmente así lo requieres (por ejemplo la imagen que enlazas como el logo, la idea es hacerlo mediante css). hay que leer bastante.

un saludo

Por fael

BOFH

2443 de clabLevel

3 tutoriales
2 articulos

Envíale un mensaje privado Web

@faelazo

Citar

Escrito el 23 Ene 2007 02:48 pm

A que te refieres, a que lo haga con un include?

Y luego, eso del logo de lo que hablas, como se puede simplificar más?

Por Breath

110 de clabLevel

Genero:Masculino

Envíale un mensaje privado

Zpein

Citar

Escrito el 23 Ene 2007 05:12 pm

Gracias por el consejo fael... lo tomare en cuenta.. jejeje aun que en realidad no me hace falta un curso tanto como tiempo para revisar la ortografia aparte uso teclado ingles, de ahi la falta de acentos... claro hay otros herrores que nada tienen que ver, tengo el firefox con su corrector de ortografia, pero igual en ingles...

asi que bueno.. eso es un tema aprte...

con respecto al sitio, supongo que vas aplicando cada cosa como la vas leyendo, eso te da problemas, luego veras que algo ya no se usa (ej align="left") y hay que cambiar todo de nuevo eso te trae trabajo doble... te sugiero que te leas los tutoriales completos primero y luego desarolles con bases solidas.

Creeme te ahorraras demasiado tiempo

aplicar la hoja de estilos con un enlace es sencillo

1 declara todos los estilos en un documento aparte y ponle como nombre p.e. estilos.css

2 en la cabecera de tu sitio pones la etiqueta link que te servira para hacer el enlace

Código :


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

eso lo agregas en cada una de tus paginas y asi como dice fael los estilos solo cargan una vez y te ahorras tiempo de carga, taza de transferencia y no gastas ancho de banda inecesario

Por buzu

163 de clabLevel

Envíale un mensaje privado Web

Los Angeles, California

Citar

Escrito el 24 Ene 2007 05:05 pm

DESESPERACIÓOOOOOOOOOOOOOOOOOOOOOONNNNN!!

DIOS!

Bueno, verán, estoy ahora modificando la pagina web inicial, mi principal proyecto (mucho mas grande y que también estaba montado con tablas) y lo estoy pasando a divs. Me he liado muchas veces con el codigo y me estoy subiendo por las paredes.
Lo copio todo y supongo que habran mil errores.

La cosa es que me salta una linia y no se porque. En firefox se ve bien. Lo siento pero esk he llegado a la desesperación, llevo como unas 5 horas con esto:

Código :

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>24 - Wonddworld.com</title>
<style type="text/css">
body {
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size:10px;
   color:#666666;
   float:center; /*aqui mandamos a centrar todo el contenido*/
   display: block;
   margin-left: 0px;
   margin-right: 0px;
   text-align: center;
   background-color:#CCCCCC;
   margin-bottom: 20px;
}
#barraizquierda {
   float:left;
   width: 150px;
   height: 3000px;
   border-right-style: solid;
   border-right-color: #333333;
   border-right-width: 1px;
   background-color:#FFFFFF;
}
#barraderecha {
   float:left;
   width: 150px;
   height: 3000px;
   border-right-style: solid;
   border-right-color: #333333;
   border-right-width: 1px;
   background-color:#FFFFFF;
   margin:0;
}
#logo {
   width: 850px;
   text-align: center;
   }
ul {
   text-align: left;
   list-style: none;
   margin-left: 5px;
   padding-left: 1em;
   text-indent: -1em;
   }
#barra {
background-color:#7D8994;
width: 6px;
height: 3000px; 
float: left;
border-left-width: 1px;
border-right-width: 1px;
border-right-style: solid;
border-right-color: #5E6872;
border-left-style: solid;
border-left-color: #5E6872;
}
#contenido {
   float: left;
   width: 517px;
   height: 3000px;
   margin: 0;
   background-color:#FFFFFF;
}
#barra2 {
   float: left;
   width: 6px;
   border-left-width: 1px;
   border-right-width: 1px;
   border-right-style: solid;
   border-right-color: #5E6872;
   border-left-style: solid;
   border-left-color: #5E6872;
   height: 3000px;   
   background-color: #7D8994;
}
#barra4 {
   float: left;
   width: 6px;
   border-left-width: 1px;
   border-right-width: 1px;
   border-right-style: solid;
   border-right-color: #5E6872;
   border-left-style: solid;
   border-left-color: #5E6872;
   height: 3000px;   
   background-color: #7D8994;
}
#barra3 {
   float: left;
   width: 6px;
   height: 3000px;
   background-color: #7D8994;
   border-right-width: 1px;
   border-right-style: solid;
   border-right-color: #5E6872;
}
#contenedor {
   text-align: center;
   width: 850px;
}
a:link {
   text-decoration: none;   
   color: #333333;
}
a:visited {
   text-decoration: none;
   color: #333333;
}
a:hover {
   text-decoration: none;
   color: #FFFFFF;
   background-color: #7D8994;
}
a:active {
   text-decoration: none;
}
.Estilo2 {color: #333333}
}   
#footer {
   width: auto;
   float:none;
   text-align:center;
   display: inline;
}
#footer2 {
   width: 150px;
   float:none;
   text-align:center;
   display: inline;
   margin-right: 0px;
   margin-left: 0px;
}


</style>
</head>
<body><div align="center">
<div id="logo">
  <img src="http://wonddworld.com/imagenes/logoforo2fire.png" width="850" height="120" longdesc="logo" /></div>
<div id="contenedor"><div id="barra"></div><div id="barraizquierda">
<img src="http://wonddworld.com/imagenes/menu.png" width="150" height="27" /><ul>
      <li> <a href="http://wonddworld.com">Home</a></li>
        <li><strong><a href="http://foro.wonddworld.com/index.php?" target="_blank">Foro Wondd</a></strong></li>
      <li><a href="http://wonddworld.com/404.html" target="_self">Noticias Actualidad</a></li>
      <li><a href="http://wonddworld.com/404.html" target="_self">Noticias PSP</a></li>
      <li><a href="http://wonddworld.com/404.html" target="_self">Contacto</a></li>
     <li><a href="javascript:window.external.AddFavorite('wonddworld.com','Wonddworld.com');">Agregar a Favoritos</a></li>
      <li><a onclick="this.style.behavior='url(#default#homepage)';this.setHomePage('http://wonddworld.com');" 
            href="http://wonddworld.com/">Haznos página de inicio</a></li>
        </ul>
        <img src="http://wonddworld.com/imagenes/descargas.png" width="150" height="38" /><br />
       <ul>
        <li><a href="http://wonddworld.com/404.html">Pel&iacute;culas Estrenos</a></li>
        <li><a href="http://wonddworld.com/404.html">Pel&iacute;culas DVDRip </a></li>
        <li><a href="http://wonddworld.com/404.html">Series</a></li>
        <li><a href="http://wonddworld.com/404.html">Anime </a></li>
        <li><a href="http://wonddworld.com/404.html">M&uacute;sica</a></li>
        <li><a href="http://wonddworld.com/404.html">Pel&iacute;culas VO</a></li>
       <li><a href="http://wonddworld.com/404.html">Juegos PC</a></li>
        <li><a href="http://wonddworld.com/404.html">Juegos PS2</a></li>
        <li><a href="http://wonddworld.com/404.html">Juegos NDS</a></li>
        <li><a href="http://wonddworld.com/404.html">Software</a></li>
        <li><a href="http://wonddworld.com/404.html">Otros</a></li>
  </ul>
        <img src="http://wonddworld.com/imagenes/psp.png" width="150" height="38" /> <br />
        <ul>
       <li><a href="http://wonddworld.com/404.html">Juegos PSP</a></li>
        <li><a href="http://wonddworld.com/404.html">Juegos PSX para PSP </a></li>
        <li><a href="http://wonddworld.com/404.html">Multimedia PSP</a></li>
        </ul>
        <img src="http://wonddworld.com/imagenes/radioblog.png" width="150" height="38" /></p>
      <p class="Estilo1"><span class="Estilo1"><iframe src="http://wonddworld.ueuo.com/radio.blog/" name="radioblog" width="148" height="320" scrolling="no" frameborder="0" class="Estilo20"></iframe>
      </span></p>
      <p align="center" class="Estilo1"><img src="http://wonddworld.com/imagenes/tops.png" width="150" height="38" /><br />
  </p>
      <p align="center" class="Estilo1"><a href="http://www.chispatop.com/en.php?id=159"><img src="http://www.chispatop.com/votame.gif" width="97" height="96" border="0" /></a> <br />
        <br />
  <br />
    <br />
    </a><a href="http://contador-usuarios-online.promociona.net/" target="_blank"> <script src="http://contador-usuarios-online.promociona.net/enlinea.php?idon=sc_32282.73755&t1=Usuarios&t2=3&f=1&s=1&c=000000"></script> </a>
</div>
<div id="barra3"></div><div id="contenido"><br />
<img src="http://wonddworld.com/imagenes/noticias.png" width="400" height="40" alt="Noticias" /><br />
<br />
<br />
<?PHP

$number=6;

 $template = "Breath";

include("cutenews/show_news.php");

?>
</div>
<div id="barra2"></div>
<div id="barraderecha"><img src="http://tanibol.org/breathwondd/imagenes/login.png" width="150" height="27" longdesc="login" />
<br />
Secci&oacute;n en construcci&oacute;n<br />
Puedes si quieres:
<p align="center" class="Estilo1"><b><a href="http://foro.wonddworld.com/index.php?s=10cc0d8be493dac9fa2bb05f14a8568b&amp;act=Reg&amp;CODE=00" target="_blank">Registrarte</a><br />
    <a href="http://foro.wonddworld.com/index.php?act=Login&amp;CODE=00" target="_blank">Identificarte</a></b>
</p>
          <img src="http://tanibol.org/breathwondd/imagenes/manuales.png" width="150" height="38" />
      <ul>
      <li><a href="http://wonddworld.com/404.html">Manual Megaupload</a></li>
        <li><a href="http://wonddworld.com/404.html">Manual Megarotic</a></li>
        <li><a href="http://wonddworld.com/404.html">Manual Up-file</a></li>
        <li><a href="http://wonddworld.com/404.html">Manual Rapidshare</a></li>
        <li><a href="http://wonddworld.com/404.html">Otros manuales</a></li>
      </ul>
      <img src="http://tanibol.org/breathwondd/imagenes/rinconseries.png" width="150" height="38" />
      <ul>
      <li><a href="http://wondd2.freehostia.com/index.php?showforum=58" target="_blank">24</a></li>
      <li><a href="http://foro.wonddworld.com/index.php?showforum=60" target="_blank">House</a></li>
      <li><a href="http://foro.wonddworld.com/index.php?showforum=59" target="_blank">Lost (Perdidos)</a></li>
        <li><a href="http://foro.wonddworld.com/index.php?showforum=57" target="_blank">Prison Break </a></li>
        </ul>
        <img src="http://tanibol.org/breathwondd/imagenes/sponsor.png" width="150" height="38" /><br />
      <br />
        <img src="http://tanibol.org/breathwondd/imagenes/afiliados.png" width="150" height="38" /><br />
<p align="center" class="Estilo1"><strong><a href="http://wonddworld.com/404.html">Afiliate a nosotros!</a></strong>    <br />
        <br />
        <a href="http://wondd2.freehostia.com/index.php?act=affiliates&amp;code=go&amp;id=5"><img src="http://img220.imageshack.us/img220/6579/adictosalostyx8.gif" width="100" height="35" border="0" /></a><br />
        <a href="http://wondd2.freehostia.com/index.php?act=affiliates&amp;code=go&amp;id=6"><img src="http://img.photobucket.com/albums/v390/hallaglin/boton.jpg" border="0" /></a><br />
        <a href="http://heroesforo.com"><img src="http://i107.photobucket.com/albums/m289/SmallvilleForo/116ik1copy.jpg" width="100" height="35" border="0" /></a><br />
        <a href="http://wondd2.freehostia.com/index.php?act=affiliates&amp;code=go&amp;id=9"><img src="http://img120.imageshack.us/img120/3314/zsf1.jpg" width="100" height="35" border="0" /></a><br />
        <a href="http://i107.photobucket.com/albums/m289/SmallvilleForo/SmallForo.jpg"><img src="http://i107.photobucket.com/albums/m289/SmallvilleForo/SmallForo.jpg" width="100" height="35" border="0" /></a><br />
        <br />
        <a href="http://wondd2.freehostia.com/index.php?act=affiliates&amp;code=go&amp;id=2"><img src="http://www.kualda.com/images/mini_banner_kualda.gif" width="88" height="31" border="0" /></a><br />
        <a href="http://porlapatilla.es"><img src="http://img290.imageshack.us/img290/268/minibanss0.gif" width="88" height="31" border="0" /></a><br />
        <a href="http://todopandos.net"><img src="http://todopandos.to.funpic.de/images/banners/banner2.gif" width="88" height="31" border="0" /></a><br />
        <br />
        <a href="http://wonddworld.com/404.html"><strong>Ver Todos
  </strong></a></div></div>
<div id="barra4"></div>
</div>
</div>
</body>
</html>

Por Breath

110 de clabLevel

Genero:Masculino

Envíale un mensaje privado

Zpein

Citar

Escrito el 24 Ene 2007 05:07 pm

Y luego otra cosa (lo escribo aquí ya que el codigo anterior es muy largo):

Como hago para poner el sistema de noticias alli? Lo he instalado todo bien, pero al ser divs, cuando es muy largo sale de la estructura. Lo he probado a poner a height: auto; pero no me funciona bien asi y lo he dejado en height: 3000px;...

Por Breath

110 de clabLevel

Genero:Masculino

Envíale un mensaje privado

Zpein

Por que me genera este espacio?

Escribe una respuesta rapida