Foros del web, para los que viven de bits

Pedro_valencia · 25-dic-2007, 15:31

Buenas, hace poco empezé a fijarme y a seguir los estándares web.

¡Ojo!, LLevo ya 1 o 2 años programando con php y demás...

Bueno al grano, empezé a fijarme en estos estándares y ahora estoy pasando mi web que estaba hecha con tablas a Divs y las etiquetas html a CSS.

Pero ahora me ha surgido un problema.

Cuando intento pasar las tablas de este código...

Código:

<table width="100%" border="0" cellspacing="0" cellpadding="0" background="http://www.forosdelweb.com/images/fondo_otros.gif">
      <tr>
	  <td width="3%">&nbsp;</td>
            <td width="45%"><font color="#000000"><center>
			<? 
@include('show_afiliados.php');
                         ?></center></font></td><td width="45%"><font color="#000000"><?php ssi_quickSearch(); ?><br /><?php ssi_logOnline(); ?><br /><?php ssi_boardStats(); ?></font></td>
	  <td width="3%">&nbsp;</td>
			</tr>
			    </table>

... A divs, se queda todo centrado cuando en realidad debe salir 1º el bloque de afiliados a la izquierda y a la derecha los bloques del ssi.

Usando tablas sale bien.

Es decir, así:

Pero usando DIVS sale así:

Haber si alguien me puede poner lo que sería esa parte de código en DIVS y CSS para que salga correctamente.

Un saludo y gracias ;)

hades87 · 25-dic-2007, 16:20

el tema creo que seria meter en un div lo de afiliados, y ahí definir le en el estilo el flotat: right(izda) y a lo otro en otro div y ponerle float left(derecha), de esa forma te queda una a la izquierda y otro a la derecha, y no se pisan ^^. Espero poderte ser de ayuda, ya que hoy empece con css.

Pedro_valencia · 25-dic-2007, 17:58

Cita:

Iniciado por hades87

el tema creo que seria meter en un div lo de afiliados, y ahí definir le en el estilo el flotat: right(izda) y a lo otro en otro div y ponerle float left(derecha), de esa forma te queda una a la izquierda y otro a la derecha, y no se pisan ^^. Espero poderte ser de ayuda, ya que hoy empece con css.

Ya he probado float right y left antes y no funciona.

mm55 · 25-dic-2007, 18:19

no tienes que desaserte de las tablas, usa css en lugar de cellpadding background y esos atributos que ya estan obsoletos

Pedro_valencia · 26-dic-2007, 05:40

Pues según todo lo que he leido no hay que usar las tablas para la maquetación, solo para tabular datos.

Y estoy viendo que todas las webs con un mínimo nivel de diseño estan hechas con DIVS.

rodrigo_00 · 27-dic-2007, 08:59

seguramente sea porque la suma del ancho de los divs sobrepasa el ancho del div contenedor

fijate algo asi

Código HTML:

<div id="contenedor" style="width: 100%">
<div id="izquierda" style="float: left; width: 49%">
<? @include('show_afiliados.php'); ?>
</div>
<div id="derecha" style="float: right; width: 50%; color:#000000">
<?php ssi_quickSearch(); ?><br />
<?php ssi_logOnline(); ?><br />
<?php ssi_boardStats(); ?>
</div>
</div>

de no ser esto lo que queres, postea el codigo de tus div que le buscamos una solucion :P

Pedro_valencia · 27-dic-2007, 09:50

Modificando el código que has puesto lo he conseguido al final.

Muchas gracias tio ;)

Un saludo ;)

25-dic-2007, 15:31	#1 (permalink)
Pedro_valencia Fecha de Ingreso: diciembre-2007 Ubicación: Valencia Mensajes: 25	Este código en DIVS? Buenas, hace poco empezé a fijarme y a seguir los estándares web. ¡Ojo!, LLevo ya 1 o 2 años programando con php y demás... Bueno al grano, empezé a fijarme en estos estándares y ahora estoy pasando mi web que estaba hecha con tablas a Divs y las etiquetas html a CSS. Pero ahora me ha surgido un problema. Cuando intento pasar las tablas de este código... Código: <table width="100%" border="0" cellspacing="0" cellpadding="0" background="http://www.forosdelweb.com/images/fondo_otros.gif"> <tr> <td width="3%"> </td> <td width="45%"><font color="#000000"><center> <? @include('show_afiliados.php'); ?></center></font></td><td width="45%"><font color="#000000"><?php ssi_quickSearch(); ?><br /><?php ssi_logOnline(); ?><br /><?php ssi_boardStats(); ?></font></td> <td width="3%"> </td> </tr> </table> ... A divs, se queda todo centrado cuando en realidad debe salir 1º el bloque de afiliados a la izquierda y a la derecha los bloques del ssi. Usando tablas sale bien. Es decir, así: Pero usando DIVS sale así: Haber si alguien me puede poner lo que sería esa parte de código en DIVS y CSS para que salga correctamente. Un saludo y gracias ;) Última edición por Pedro_valencia; 28-dic-2007 a las 17:23.

25-dic-2007, 16:20	#2 (permalink)
hades87 Fecha de Ingreso: diciembre-2007 Ubicación: Barcelona - España Mensajes: 1.371	Re: Este código en DIVS? el tema creo que seria meter en un div lo de afiliados, y ahí definir le en el estilo el flotat: right(izda) y a lo otro en otro div y ponerle float left(derecha), de esa forma te queda una a la izquierda y otro a la derecha, y no se pisan ^^. Espero poderte ser de ayuda, ya que hoy empece con css.

25-dic-2007, 17:58	#3 (permalink)
Pedro_valencia Fecha de Ingreso: diciembre-2007 Ubicación: Valencia Mensajes: 25	Re: Este código en DIVS? Cita: Iniciado por hades87 el tema creo que seria meter en un div lo de afiliados, y ahí definir le en el estilo el flotat: right(izda) y a lo otro en otro div y ponerle float left(derecha), de esa forma te queda una a la izquierda y otro a la derecha, y no se pisan ^^. Espero poderte ser de ayuda, ya que hoy empece con css. Ya he probado float right y left antes y no funciona.

25-dic-2007, 18:19	#4 (permalink)
mm55 Fecha de Ingreso: noviembre-2007 Mensajes: 168	Re: Este código en DIVS? no tienes que desaserte de las tablas, usa css en lugar de cellpadding background y esos atributos que ya estan obsoletos

26-dic-2007, 05:40	#5 (permalink)
Pedro_valencia Fecha de Ingreso: diciembre-2007 Ubicación: Valencia Mensajes: 25	Re: Este código en DIVS? Pues según todo lo que he leido no hay que usar las tablas para la maquetación, solo para tabular datos. Y estoy viendo que todas las webs con un mínimo nivel de diseño estan hechas con DIVS.

27-dic-2007, 08:59	#6 (permalink)
rodrigo_00 Fecha de Ingreso: noviembre-2007 Mensajes: 14	Re: Este código en DIVS? seguramente sea porque la suma del ancho de los divs sobrepasa el ancho del div contenedor fijate algo asi Código HTML: <div id="contenedor" style="width: 100%"> <div id="izquierda" style="float: left; width: 49%"> <? @include('show_afiliados.php'); ?> </div> <div id="derecha" style="float: right; width: 50%; color:#000000"> <?php ssi_quickSearch(); ?><br /> <?php ssi_logOnline(); ?><br /> <?php ssi_boardStats(); ?> </div> </div> de no ser esto lo que queres, postea el codigo de tus div que le buscamos una solucion :P

27-dic-2007, 09:50	#7 (permalink)
Pedro_valencia Fecha de Ingreso: diciembre-2007 Ubicación: Valencia Mensajes: 25	Re: Este código en DIVS? Modificando el código que has puesto lo he conseguido al final. Muchas gracias tio ;) Un saludo ;)

Herramientas
Mostrar Versión Imprimible Enviar por Correo
Desplegado
Mode Lineal Cambiar a Modo Hibrido Cambiar a Modo Hilado