Borde Forzado

Olbapk · #1 (**permalink**) 12/11/2009, 07:02

Buenas, deciros que pongo esto aquí en vez del foro de CSS, porque mi intencio no es que salga este borde, he estado mirando los tag, para ver porque sale, pero no encuentro nada relacionado con las tablas, la cosa es que quiero eliminar ese borde y no lo consigo, quizas sea por el tamaño porque en pequeño no sale el cuadro, espero que alguien puedo ayudarme.

Muchas gracias!

<html>

<head>

<script type="text/javascript">

function faltan(una,dos,tres)
{
var actualiza = 1000;
uuna=una;
ddos=dos;
ttres=tres;

var ahora = new Date();
var faltan = uuna - ddos;

if (faltan >= 0)
{

var segundos = faltan;
var minutos = Math.floor(faltan/60);
var segundos_s = segundos%60;
if (segundos_s <= 9)
{
segundos_s= "0"+segundos_s;
}

var horas = Math.floor(minutos/60);

var minutos_s = minutos%60;
if (minutos_s <= 9)
{
minutos_s= "0"+minutos_s;
}

var dias = Math.floor(horas/24);
var horas_s = horas%24;
document.getElementById(ttres).value= " "+dias+" "+horas_s+" "+minutos_s+" "+segundos_s;
//document.hora.elements["reloj" + ttres].value= horas_s+":"+minutos_s+":"+segundos_s;
ddos=ddos+1;

setTimeout("faltan("+uuna+","+ddos+","+ttres+")",a ctualiza);
}
else
{
window.location.href="ganador.php?id="+ttres;
return true;
}

}

</script>

<style type="text/css">

</style>
</head>

<body>
<div id="apDiv1">
<input type="text" style="color: #0099FF; font-size: 80pt" id="38" name="reloj38" value="" >
</div>
<div id="contenedor">

<div class="caja2">

<form id="tiempo" name="formulario">
<p>

</div>

<script type="text/javascript">
window.onload = function()
{
faltan(1262646000,1257862542,38); }
</script>
</p>
<p> </p>
<p align="center" class="Estilo1"> </p>
<p align="center" class="Estilo1"> </p>
<p align="center" class="Estilo1"> </p>
<p align="center" class="Estilo1"> </p>
<p align="center" class="Estilo1"> </p>
<p align="center" class="Estilo1"> </p>
<p align="center" class="Estilo1">DIAS HORAS MIN SEG </p>
</body>
</html>

ceSharp · #2 (**permalink**) 12/11/2009, 08:41

hola olbapk,

Si te refieres al borde de la caja de texto usa border-width:0 en el style que defines al input text.

salu2

Olbapk · #3 (**permalink**) 12/11/2009, 08:59

Hola, lei tambien algo de esto pero no funciona, sigue viendoseme en borde, puse
<input type="text" border-width:"0" style="color: #0099FF; font-size: 80pt" id="38" name="reloj38" value="" > y nada.

ceSharp · #4 (**permalink**) 12/11/2009, 09:22

y así has probado?

<input type="text" style="color: #0099FF; font-size: 80pt;border-with:0" id="38" name="reloj38" value="" >

o sea, incluido dentro del atributo style. La 'movida' es que hay navegadores 'todoterreno' que aguantan lo que le eches (align, en vez de text-align en style, ciertos atributos en mayúsculas, etc) y otros navegadores más exquisitos que como no se lo pases por style no funcionan. si no lo has probado copia/pega como te he puesto y dinos que pasa.

salu2

Olbapk · #5 (**permalink**) 12/11/2009, 15:14

Pues nada no funciona, sigue viendose el borde, ni con el firefox ni la caca de ie XD, bueno sigo intentanto hacerlo desaparecer...

zerokilled · #6 (**permalink**) 12/11/2009, 15:23

en javascript no hay nada que se pueda hacer. quiero decir, en javascript harias lo mismo que hicieras en css, pero es css quien realmente se encarga de ese aspecto. me extraña mucho que no te funcione. a continuacion un ejemplo lo mas reducido posible. si me dices que aun asi ves el borde, simplemente no te lo voy a creer. mis disculpa por esa...

Código:

<!DOCTYPE html PUBLIC '-//W3C//DTD XHTML 1.0 Strict//EN'
'http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd'>
<html xmlns='http://www.w3.org/1999/xhtml'><head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Test Development</title>
</head>

<body>
<input type="text" style="border:0;" value="un texto para que sea visible el campo" />
</body></html>

Olbapk · #7 (**permalink**) 12/11/2009, 15:37

no se me ve con tu codigo zerokilled, la cosa está, en que si el mio lo reduzco tampoco, pero necesito que sea grande

JavierB · #8 (**permalink**) 12/11/2009, 15:49

Hola Olbapk

Muevo tu tema al foro de CSS desde Javascript

Saludos,

zerokilled · #9 (**permalink**) 12/11/2009, 15:57

el tamaño no tiene importancia. copie tu codigo tal como lo tienes, y solo le agregue border:0; al atributo style del input. aqui un ejemplo de como se visualiza.

Olbapk · #10 (**permalink**) 12/11/2009, 17:39

Por fin ya solucionado, creo que el problema era que yo puse border= en vez :, de todas formas muchisimas gracias zerokilled!!!

kseso? · #11 (**permalink**) 12/11/2009, 18:26

Creo que llego tarde para Olbapk, pero para los visitantes futuros:

¿Recordamos la "magia" del selector universal y los "milagros cosechados" si se usa cualquier reset + css?

El más sencillo:

Código css:

Ver original* {
margin: 0;
 padding:0;
 outline: none;
 border: 0;
 position: relative;
 list-style-type: none;
}
* html, * body { height: 100&#37;; overflow:auto;}

Un saludo

ceSharp · #12 (**permalink**) 13/11/2009, 03:17

y ya que estamos otra cosita! ;)

Tened en cuenta que en muchísimas ocasiones el fallo reside en una letrita, un numeríto, un signo de puntuación o, como en este caso, un '=' en vez de ':'

Probad las opciones que se dan, si no funciona revisar la respuesta dada, copiar el código que se ofrece, etc. Es decir, si se hace una prueba, no funciona y se responde, al final nos volvemos locos todos (los que preguntan y los que responden). Y yo ya lo estoy bastante, pero más no quiero!!!! jejejejejeje.

salu2