Problema con ajuste de tabla

dangerous14 · #1 (**permalink**) 03/06/2011, 16:56

Estoy intentando crear un pequeño proyecto y tengo un pequeño problema con el posicionamiento de una tabla http://muestra1.netii.net/chicas.html en 1024x768 se ve bien, pero cuando uso tamaños mas grandes la tabla se va a donde quiere y me gustaria solucionarlo.

lgarciaaco · #2 (**permalink**) 04/06/2011, 05:15

No que querrás esactamente.

Has probado poner la tabla dentro de un párrafo con text-align: center, en vez de usar position: relative y align left?? Con lo que estás haciendo ahora, cuando cambie la resolucion de la pantalla no te caerá la tabla en el medio, pues el 23% de las X cambiaría para la nueva resolución

dangerous14 · #3 (**permalink**) 04/06/2011, 05:46

en el html tengo

Cita:

<p align="center"><table id="tablach" border="0" cellpadding="0" cellspacing="0" width="100%" height="100%">
<tr>
<td>newradius</td>
<td>newradius</td>
<td>newradius</td>
</tr>
<tr>
<td>newradius</td>
</tr>
<table>
</p>

y en css

Cita:

#tabla12 {
border-width: 1px;
border-color: #FF00FF;
background-color: black;
color: white;
top:160px;
left:23%;
width: 600px; height: 900px;
}

pero ahora se fue hacia arriba

dangerous14 · #4 (**permalink**) 04/06/2011, 14:32

nadie sabe aun :/ ?

braulito · #5 (**permalink**) 04/06/2011, 16:12

¿Dónde quieres que esté la tabla? Al centro? A la derecha? Izquierda?

jomaruro · #6 (**permalink**) 05/06/2011, 02:04

Cita:

Iniciado por dangerous14

en el html tengo

Código HTML:

Ver original<p align="center"><table id="tablach" border="0" cellpadding="0" cellspacing="0" width="100%" height="100%">
<tr>
<td>newradius</td>
<td>newradius</td>
<td>newradius</td>
</tr>
<tr>
<td>newradius</td>
</tr>
<table>
</p>

y en css

Código CSS:

Ver original#tabla12 {
border-width: 1px;
border-color: #FF00FF;
background-color: black;
color: white;
top:160px;
left:23%;
width: 600px; height: 900px;
}

pero ahora se fue hacia arriba

1º ¿Por qué utilizas tablas para maquetar? No son para eso.
2º En tu HTML tienes una tabla con id="tablach" que no está definida en el CSS.
3º En tu CSS tienes una "tabla12" que no figura en tu HTML.

¿Qué sentido tiene?

Saludos.

dangerous14 · #7 (**permalink**) 05/06/2011, 05:36

si eso ya esta cambiado es que puse el html viejo, yo quiero que este debajo de los edificios y entre esos 2 dibujos del lateral pero para todas las resoluciones mas o menos

dangerous14 · #8 (**permalink**) 05/06/2011, 10:54

Asi se me ve ami y me gustaria que se vea igual en todas las resoluciones y luego tengo este code

Cita:

#tablach {
border-width: 1px;
border-color: #FF00FF;
background-color: black;
color: white;
position:relative;
top:140px;
left:21%;
width: 540px; height: 900px;
}

y en el html

Cita:

puse el "xd" como un ejemplo mas.

dangerous14 · #9 (**permalink**) 06/06/2011, 17:42

si se pusiera en % se quedaria ajustado o tendria el mismo problema ?

emprear · #10 (**permalink**) 06/06/2011, 22:41

La tabla, no sé, pero ppor lo pronto tenes una imagen dentro del head

<img id="fondo" src="/recursos/bkground2.png" />
<sTYLE>
BODY { background: url(/recursos/bkground2.png) background-repeat: repeat-x;}
</STYLE>
</head>

Empezá por estructurar debidamente tu html, algo así

Código HTML:

Ver original<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html>
<head>
<title>Hot Fantasy</title>
<link rel="shortcut icon" href="/recursos/favicon.ico">
<link rel="stylesheet" type="text/css" href="style.css">
 
<style type="text/css">
 
body{ background: url(/recursos/bkground2.png) background-repeat: repeat-x; margin: 0px;}
 
#fondo{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index:-50;
background-repeat: repeat-x;
}
</style>
</head>
<body>
 
<img id="fondo" src="/recursos/bkground2.png" alt="" name="fondo">
<table id="tablach" border="0">
<tr>
<td>xd</td>
<td>xd</td>
<td>xd</td>
</tr>
<tr>
<td>xd</td>
<td>xd</td>
<td>xd</td>
 
</tr>
<tr>
<td>xd</td>
<td>xd</td>
<td>xd</td>
</tr>
</table>
 
</body>
</html>

y después recien corregí la posición de los elementos si no se ajustan a lo que vos querés

saludos

dangerous14 · #11 (**permalink**) 07/06/2011, 05:16

Ya corregi toda esa parte, solo me queda el problema de la tabla.

emprear · #12 (**permalink**) 07/06/2011, 10:23

dangerous14:
Supongo qe lo que queres es centrar esa tabla
Con lo que sigue en tu css centrarías la tabla, el 200px del margin es el margen superior, podes ajustarlo a lo que necesites.

Código CSS:

Ver original#tablach {
border-width: 1px;
border-color: #FF00FF;
background-color: black; 
color: white;
width: 540px; height: 900px;
margin: 200px auto;
 
 
}

El problema es ademas que en tu css hay muchos otros estilos definidos para elementos que no están en el html, asi que no se el resultado final cual seria.

Te estas complicando con posociones relativas y margenes con valores absolutos.

Una sugerencia final, desabilitá los analytics de 000Webhost, lo cual podes hacer desde:
http://members.000webhost.com/analytics.php

Saludos

dangerous14 · #13 (**permalink**) 07/06/2011, 12:07

Las cosas del css que no son de ese html son del index.html y no desabilite eso porque es solo una prueba y comprare un host en byethost luego. Con definir ese margen se quedaria en todas las resoluciones en el mismo punto entonces ?

emprear · #14 (**permalink**) 07/06/2011, 13:26

la respuesta es Si, por lo menos para el código que planteaste con la tabla.

Y hace algo con el background, que es demasiado pesado me parece

Saludos