Informacion al top

Dr_Chichi · #1 (**permalink**) 12/02/2013, 11:02

hola como subo toda la info de uan tabla al top lo ise con css y sibn el y no funcionas es codigo de cee es asi

Código:

.tabla_info {
	width: 271px;
	height: 223px;
	cursor: text;
	filter: Chroma(Color=green);
        vertical-align:top;
	visibility: visible;
}

y no se que cadena usar para qu eme suba todo

C2am · #2 (**permalink**) 12/02/2013, 13:31

Cita:

hola como subo toda la info de uan tabla al top lo ise con css y sibn el y no funcionas es codigo de cee es asi

Por favor, se más claro, y trata de escribir mejor porque no se entiende que es lo que pretendes decir.

Recuerda:
1.3 El idioma de preferencia en Foros del Web es el español (castellano), por lo que agradecemos el uso moderado de cualquier otro lenguaje.

Saludos

Dr_Chichi · #3 (**permalink**) 12/02/2013, 18:26

ok a mi me pasa lo siguiente

C2am · #4 (**permalink**) 12/02/2013, 19:56

¿Es una tabla o es un div?
Si es una tabla con vertical-align:top en la celdas debería funcionar.
¿Tienes un enlace para poder verla en vivo y en directo, porque es evidente que hay más cosas que sólo ese css que muestras en el post inicial?
Sino muestra el html y el css que estas usando

Saludos

Dr_Chichi · #5 (**permalink**) 14/02/2013, 18:01

le puse el vertical aling y nada y no estoy usando html si no php

Carlangueitor · #6 (**permalink**) 14/02/2013, 18:09

PHP genera HTML.

Dr_Chichi · #7 (**permalink**) 15/02/2013, 20:58

el css es este

Código:

.tabla_datos {
	width: 584px;
	visibility: visible;
	cursor: text;
	vertical-align:top;	
}

.tabla_lado {
 
	width:250px;
	vertical-align:top;
	
}
#sddm
{	margin: 1;
	padding: 4;
	z-index: 30}

#sddm li
{	margin: 0;
	padding: 4;
	list-style: none;
	float: left;
	font: bold 13px arial}

#sddm li a
{	display: block;
	margin: 0 1px 0 0;
	padding: 7px 23px;
	width: 60px;
	color: #FFF;
	text-align: center;
	text-decoration: none}

#sddm li a:hover
{	background:url(images/mb2_2.png) repeat-x center bottom}

#sddm div
{	position: absolute;
	visibility: hidden;
	margin: 0;
	padding: 0;
	background: #FFFFFF;
	border: 1px solid #5970B2}

	#sddm div a
	{	position: relative;
		display: block;
		margin: 0;
		padding: 5px 10px;
		width: auto;
		white-space: nowrap;
		text-align: left;
		text-decoration: none;
		background: #FFFFFF;
		color: #2875DE;
		font: 11px arial}

	#sddm div a:hover
	{	background: #49A3FF;
		color: #FFF}

Dr_Chichi · #8 (**permalink**) 15/02/2013, 21:00

y la pagina o index es este

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=utf-8" />
<title>titu</title>

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


                  

<style type="text/css">

<!--
body {
	margin: 0;
	padding: 0;
	background: #fff;
	background-image: url(images/attd.jpg);
	background-repeat: repeat-y;
	background-position:center;
}
#slidebox{position:relative; border:1px solid #ccc; margin:2px auto;overflow:hidden;}
#slidebox, #slidebox ul {width:320px;height:180px;}
#slidebox, #slidebox ul li{width:320px;height:180px;}
#slidebox ul li{position:relative; left:0; background:#eee; float:left;list-style: none; padding:0px 0px;  font-family:Verdana, Geneva, sans-serif; font-size:13px;}
#slidebox .next, #slidebox .previous{position:absolute; z-index:2; display:block; width:2px; height:2px;top:2px;}
#slidebox .next{right:0; margin-right:2px; background:url(slidebox_next.png) no-repeat left top;}
#slidebox .next:hover{background:url(slidebox_next_hover.png) no-repeat left top;}
#slidebox .previous{margin-left:2px; background:url(slidebox_previous.png) no-repeat left top;}
#slidebox .previous:hover{background:url(slidebox_previous_hover.png) no-repeat left top;}
#slidebox .thumbs{position:absolute; z-index:2; bottom:10px; right:10px;}
#slidebox .thumbs a{display:block; margin-left:5px; float:left; font-family:Verdana, Geneva, sans-serif; font-size:9px; text-decoration:none; padding:2px 4px; background:url(slidebox_thumb.png); color:#fff;}
#slidebox .thumbs a:hover{background:#fff; color:#000;}
#slidebox .thumbs .thumbActive{background:#fff; color:#000; display:block; margin-left:5px; float:left; font-family:Verdana, Geneva, sans-serif; font-size:9px; text-decoration:none; padding:2px 4px;}
body,td,th {
	color: #000;
}
-->
</style>
<script src="/jquery-1.5.2.min.js" type="text/javascript"></script>
<script src="/jcarousellite_1.0.1c5.js" type="text/javascript"></script>
<script type="text/javascript">

$(function() {
	$("#slidebox").jCarouselLite({
		vertical: false,
		hoverPause:true,
		btnPrev: ".previous",
		btnNext: ".next",
		visible: 1,
		start: 0,
		scroll: 1,
		circular: true,
		auto:2000,
		speed:2500,				
		btnGo:
		    [".1", ".2",
		    ".3", ".4"],
		
		afterEnd: function(a, to, btnGo) {
				if(btnGo.length <= to){
					to = 0;
				}
				$(".thumbActive").removeClass("thumbActive");
				$(btnGo[to]).addClass("thumbActive");
		    }
	});
});
</script>

<script type="text/javascript">
<!--
var timeout         = 500;
var closetimer		= 0;
var ddmenuitem      = 0;

// open hidden layer
function mopen(id)
{	
	// cancel close timer
	mcancelclosetime();

	// close old layer
	if(ddmenuitem) ddmenuitem.style.visibility = 'hidden';

	// get new layer and show it
	ddmenuitem = document.getElementById(id);
	ddmenuitem.style.visibility = 'visible';

}
// close showed layer
function mclose()
{
	if(ddmenuitem) ddmenuitem.style.visibility = 'hidden';
}

// go close timer
function mclosetime()
{
	closetimer = window.setTimeout(mclose, timeout);
}

// cancel close timer
function mcancelclosetime()
{
	if(closetimer)
	{
		window.clearTimeout(closetimer);
		closetimer = null;
	}
}

// close layer when click-out
document.onclick = mclose; 
// -->
</script>


</head>

<body>
<table width="673" border="0" align="center">
  <tr>
    <td colspan="2">
    
     <div align="center">
        <?PHP
                 include("porta.php");
                                       ?>        
      </div>
    
    </td>
  </tr>
  <tr>
    <td colspan="2">
    
     <div align="center">
        <?PHP
                 include("menu.php");
                                       ?>        
      </div>
    
    </td>
  </tr>
  <tr>
    
    <td width="592">
    
    
    
    <table width="584" border="0" align="right">
      <tr>
        <td>
        
        <div class="tabla_datos">
            <?php

             informacion
?>
            
           </div>
        
        </td>
      </tr>
    </table>
    
    
    </td>
    <td width="262">
    
     <div class="tabla_lado">
       
        
              <?PHP
               include("left.php");
                                     ?>
          
       </div>
    
    </td>
  </tr>
  <tr>
    <td colspan="2">
    
    <div align="center">
        <?PHP
               include("dowm.php");
                                     ?>        
      </div>
    
    </td>
  </tr>
</table>

</body>
</html>

Dr_Chichi · #9 (**permalink**) 17/02/2013, 00:10

que estoy haciendo o poniendo mal hay

Triby · #10 (**permalink**) 17/02/2013, 00:21

No es recomendable maquetar usando tablas, hay mejores formas para eso y, aparte, estás usando tablas dentro de tablas y, de paso, aplicas el vertical-align a un div, cuando deberías aplicarlo a las celdas, en este caso a la que tiene width="592".

Código HTML:

Ver original<td width="592">
    
    
    
    <table width="584" border="0" align="right">
      <tr>
        <td>
        
        <div class="tabla_datos">
            <?php
 
             informacion
?>
            
           </div>
        
        </td>
      </tr>
    </table>
    
    
    </td>

No seguí revisando tu código, pero no creo que tengas problema para encontrar la otra celda que requiere el atributo vertical-align.

Dr_Chichi · #11 (**permalink**) 17/02/2013, 13:16

lem saco las tablas y todo y anda igual no se que hacer hay pero siempre es el mismo error

pzin · #12 (**permalink**) 17/02/2013, 14:25

¿Le aplicaste la alineación vertical a la celda en vez de a la capa como mencionó Triby?