Foros del Web » Creando para Internet » CSS »

Fondo Y Color De Texto En CSS

Estas en el tema de Fondo Y Color De Texto En CSS en el foro de CSS en Foros del Web. Buenas: Disculpen mi pregunta, ya que me estoy iniciando en esto de la programación en HTML, JAVASCRIPT y CSS y tengo varias dudas. Hoy estaba ...
  #1 (permalink)  
Antiguo 09/10/2009, 16:04
 
Fecha de Ingreso: septiembre-2009
Mensajes: 13
Antigüedad: 8 años, 2 meses
Puntos: 0
Fondo Y Color De Texto En CSS

Buenas:
Disculpen mi pregunta, ya que me estoy iniciando en esto de la programación en HTML, JAVASCRIPT y CSS y tengo varias dudas. Hoy estaba tratando de realizar una calculadora en JAVASCRIPT y HTML pero cuando en el archivo externo que tengo con .css trato de poner una imagen de fondo no me la toma la página. Y también me gustaría aplicarle dentro del body (del .css), para que el color del texto cambie. No se si alguien me puede ayudar. Epero repuestas. Saludos.

El archivo css es:
body {
background:imagen.png;
}
title {
color:#CCCCCC;
}
input[type=text] {
background-color:#FF0000;
}

Y el código HTML con JAVASCRPT es:
<html>
<head>
<title>
Calculadora
</title>
<link rel="stylesheet" type="text/css" href="estilo1.css" media="screen">
<script language="javascript">
var a = new String ();
var b = new String ();
a=documente.form1.nombre.value <!--En donde esta FORM1 va el nombre del Formulario, más abajo puse: <form action="" method="" name="form1">-><!--En donde puse .NOMBRE., debo poner el nombre del <INPUT>. Por ejemplo (agarrandonos del input que tenemos más abajo), si tengo <input type="text" name="display" value="", etc.>, entonces el nombre va a ser display (como lo indica en la parte del formulario, con el METATAG <[NAME=""]>-->
b=
</script>
</head>
<body text="#A000B0">
<center><h2><b><u>Calculadora:</u></b></h2></center>
<br>
<br>
<br>
<br>
<form action="" method="GET" name="form1"><!--En METHOD="" pude ir GET o POST, o sea que quedaria de esta manera METHOD="GET" O METHOD="POST"-->
<table colspan="1" width="128" height="23" align="center" cellspacing="0" cellpadding="0" border="#cccccc">
<tr>
<td>
<input type="text" name="display" value="0" class="display" readonly="readonly" style="width:128px;height:23px;text-align:right;color:yellow">
</td>
</tr>
<table border="1" colspan="3" align="center" cellspacing="0" cellpadding="0" border="#cccccc" height="25" width="30">
<tr>
<td colspan="3">
<input type="button" name="borrado" value="C" size="width:30px;height:24px">
</td>
<td>
<input type="button" name="borradogeneral" value="CE" size="width:30px;height:24px">
</td>
<td>
<input type="button" name="retr" value="Cejar" size="width:30px;height:24px">
</td>
</tr>
</table>
</table>
<table border="1" colspan="14" align="center" cellspacing="0" cellpadding="0" border="#cccccc" height="100" width="100">
<tr>
<td>
<input type="button" name="1" value="1" style="width:30 height=24">
</td>
<td>
<input type="button" name="2" value="2" style="width:30; height:24">
</td>
<td>
<input type="button" name="3" value="3" style="width:30; height:24">
</td>
<td>
<input type="button" name="coma" value="," style="width:30; height:24">
</td>
</tr>
<td>
<input type="button" name="4" value="4" style="width:30; height:24">
</td>
<td>
<input type="button" name="5" value="5" style="width:30; height:24">
</td>
<td>
<input type="button" name="6" value="6" style="width:30; height:24">
</td>
<td>
<input type="button" name="igual" value="=" style="width:30; height:24">
</td>
</tr>
<tr>
<td>
<input type="button" name="7" value="7" style="width:30; height:24">
</td>
<td>
<input type="button" name="8" value="8" style="widht:30; height:24">
</td>
<td>
<input type="button" name="9" value="9" style="width:30; height:24">
</td>
<td>
<input type="button" name="rest" value="-" style="width:30; height:24">
</td>
</tr>
<tr>
<td>
<input type="button" name="0" value="0" style="width:30; height:24">
</td>
<td>
<input type="button" name="mult" value="*" style="width:30; height:24">
</td>
<td>
<input type="button" name="divi" value="/" style="width:30; height:24">
</td>
<td>
<input type="button" name="suma" value="+" style="width:30; height:24">
</td>
</tr>
</tr>
</table>
</form>
</body>
</html>
  #2 (permalink)  
Antiguo 09/10/2009, 16:07
Colaborador
 
Fecha de Ingreso: junio-2007
Mensajes: 5.798
Antigüedad: 10 años, 6 meses
Puntos: 538
Respuesta: Fondo Y Color De Texto En CSS

background: url(imagen.png);
propiedad background
Cita:
Y también me gustaría aplicarle dentro del body (del .css), para que el color del texto cambie
Podrías explicarlo mejor

Un saludo
__________________
Por una web con mucho estilo
+++ CUENTA ABANDONADA. ¿la quieres? +++
  #3 (permalink)  
Antiguo 09/10/2009, 16:16
 
Fecha de Ingreso: septiembre-2009
Mensajes: 13
Antigüedad: 8 años, 2 meses
Puntos: 0
Respuesta: Fondo Y Color De Texto En CSS

Si, mira yo tengo un archivo externo que se llama estilo.css, dentro de el puse body { background:imagen.png}. Lo que yo quería es que dentro de este BODY que puse recien se pueda poner el color del texto que va dentro de la página, y a su vez que me funcione el background ya que no se porque cuando abro el navegador no me toma la imagen de fondo. Saludos.
  #4 (permalink)  
Antiguo 09/10/2009, 16:25
Colaborador
 
Fecha de Ingreso: junio-2007
Mensajes: 5.798
Antigüedad: 10 años, 6 meses
Puntos: 538
Respuesta: Fondo Y Color De Texto En CSS

Gracias.
Entendido.
Para la imagen de fondo fíjate en la declaración y en lo resaltado en negrita de mi anterior respuesta.
La sintaxis es:
.elemento {background: url(ruta/a/tu/imagen.png);}
Y para que amplíes la información te puse el enlace.
Para el color de los textos:
elemento {color: #000000;}
donde "#000000" es la notación en hexadecimal del color selecionado.
Pero ten en cuenta la especificidad de las declarciones en css. Si defines un color para "body" y otro distinto para un elemento en el html, tendrá preferencia este último en ese elemento.

Pero un vistazo por encima a tu código, ya se nota el lío que tienes con tantos estilos en el propio body del documento. Nada aconsejado, y menos en un foro sobre el uso de las hojas de estilos.

Suerte.
__________________
Por una web con mucho estilo
+++ CUENTA ABANDONADA. ¿la quieres? +++
  #5 (permalink)  
Antiguo 10/10/2009, 13:56
 
Fecha de Ingreso: septiembre-2009
Mensajes: 13
Antigüedad: 8 años, 2 meses
Puntos: 0
Respuesta: Fondo Y Color De Texto En CSS

Muchas gracias por todo, amigo!!
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 10:28.