Foros del Web » Creando para Internet » Herramientas y Software »

Ayuda con formulario de Dreamweaver CS3

Estas en el tema de Ayuda con formulario de Dreamweaver CS3 en el foro de Herramientas y Software en Foros del Web. Hola amigos Tengo 3 preguntas relacionadas a un formulario que hice con Dreamweaver CS3: - quiero que los campos a rellenar del formulario no sean ...
  #1 (permalink)  
Antiguo 25/07/2009, 17:35
 
Fecha de Ingreso: abril-2009
Mensajes: 41
Antigüedad: 15 años
Puntos: 0
Ayuda con formulario de Dreamweaver CS3

Hola amigos
Tengo 3 preguntas relacionadas a un formulario que hice con Dreamweaver CS3:

- quiero que los campos a rellenar del formulario no sean de fondo blanco, sino de color... ¿se puede?

- ¿se puede cambiar la "imágen" o diseño del boton "enviar" por uno hecho en photoshop?

- ¿Porque los espacios de los campos varían si lo ves en Firefox y en IE? (especialmente los de área de texto más que los de campo de texto)

La direc de la pagina donde estoy haciéndola es: w w w . anellibrown.cl / aguamarina2/contacto.html

gracias

PD: la dirección está con más espacios para poder ponerla
  #2 (permalink)  
Antiguo 26/07/2009, 09:22
Avatar de juaniquillo
Colaborador
 
Fecha de Ingreso: noviembre-2005
Ubicación: San Juan, Puerto Rico
Mensajes: 5.745
Antigüedad: 18 años, 5 meses
Puntos: 281
Respuesta: Ayuda con formulario de Dreamweaver CS3

Saludos mpca, todos tus problemas tienen que ver con css. Te respondo:


1- En mi experiencia, si le das 'background:none" a un campo esto le quita el color que le da por defecto el navegador.


By juaniquillo


By juaniquillo

-------------------------

2- Puedes hacer varias cosas:

a- La mas facil es usar un 'Image Field'. Con este tipo de field puedes usar una imagen como botón:


By juaniquillo

b- La otra es usar CSS y poner la imagen de fondo que quieras

-------------------------

3- El navegador le da un estilo CSS por defecto a los elementos. Los valores de estos estilos varían dependiendo del navegador. La solución que usualmente se usa es 'resetear' los estilos del navegador antes de empezar a trabajar con el CSS y así poder poner los márgenes y paddings uno mismo y tener más control. Los formularios son el ejemplo mas claro de diferentes paddings y margins entre navegadores. Yo usualmente uso:

*{margin:0;padding:0}

Aquí tienes más información acerca de eso:

http://xyberneticos.com/index.php/20...-resetear-css/
http://www.anieto2k.com/2007/08/07/r...o-estilos-css/
__________________
Por fin.. tengo algo parecido a un blog
Y por lo visto ya estoy escribiendo...
  #3 (permalink)  
Antiguo 26/07/2009, 11:25
 
Fecha de Ingreso: abril-2009
Mensajes: 41
Antigüedad: 15 años
Puntos: 0
Respuesta: Ayuda con formulario de Dreamweaver CS3

Gracias Juaniquillo, lo de la imágen me resultó, pero lo de cambiar el color de fondo de los campos a rellenar no hay caso...., ¿me puedes ayudar un poco más? le agregué lo de 'background:none" al campo NOMBRE de mi formulario y no pasa nada.., además lo puse en los css de esa div pero tampoco..., ¿donde debo agregar esa órden?

un millón de gracias por tu ayuda
  #4 (permalink)  
Antiguo 26/07/2009, 17:29
Avatar de juaniquillo
Colaborador
 
Fecha de Ingreso: noviembre-2005
Ubicación: San Juan, Puerto Rico
Mensajes: 5.745
Antigüedad: 18 años, 5 meses
Puntos: 281
Respuesta: Ayuda con formulario de Dreamweaver CS3

Creo que no entendiste bien. Necesitas usar CSS para hacer los cambios que te dije arriba. Pudes usar el panel CSS. Te podría ayudar mejor si pusieras un enlace a tu página o, en su defecto, el código HTML.
__________________
Por fin.. tengo algo parecido a un blog
Y por lo visto ya estoy escribiendo...
  #5 (permalink)  
Antiguo 26/07/2009, 17:35
 
Fecha de Ingreso: abril-2009
Mensajes: 41
Antigüedad: 15 años
Puntos: 0
Respuesta: Ayuda con formulario de Dreamweaver CS3

gracias, y si los puse en el css.
Te había puesto el vínculo a la pagina:

La direc de la pagina donde estoy haciéndola es: w w w . anellibrown.cl / aguamarina2/contacto.html

gracias

PD: la dirección está con más espacios para poder ponerla
  #6 (permalink)  
Antiguo 26/07/2009, 20:20
Avatar de juaniquillo
Colaborador
 
Fecha de Ingreso: noviembre-2005
Ubicación: San Juan, Puerto Rico
Mensajes: 5.745
Antigüedad: 18 años, 5 meses
Puntos: 281
Respuesta: Ayuda con formulario de Dreamweaver CS3

Perdón, no vi la página. Veo que ya tienes un estilo para los inputs y el textarea. Lo que tienes que hacer es darte 'background:url(none)' a ese estilo en este caso:


Código css:
Ver original
  1. .estilo3pie_pagina {
  2.     FONT-SIZE: 10px;
  3.     COLOR: #666666;
  4.     FONT-FAMILY: Arial, Helvetica, sans-serif;
  5.     background: url(none);
  6. }

le quita la imagen de background que tienen los imputs y textarea por defecto.
__________________
Por fin.. tengo algo parecido a un blog
Y por lo visto ya estoy escribiendo...
  #7 (permalink)  
Antiguo 27/07/2009, 07:13
 
Fecha de Ingreso: abril-2009
Mensajes: 41
Antigüedad: 15 años
Puntos: 0
Respuesta: Ayuda con formulario de Dreamweaver CS3

GRACIAS, ahora si !!!!

te pasaste por tu ayuda

gracias de nuevo
  #8 (permalink)  
Antiguo 27/07/2009, 13:59
Avatar de juaniquillo
Colaborador
 
Fecha de Ingreso: noviembre-2005
Ubicación: San Juan, Puerto Rico
Mensajes: 5.745
Antigüedad: 18 años, 5 meses
Puntos: 281
Respuesta: Ayuda con formulario de Dreamweaver CS3

de nada mpca. Un saludo.
__________________
Por fin.. tengo algo parecido a un blog
Y por lo visto ya estoy escribiendo...
  #9 (permalink)  
Antiguo 23/08/2009, 09:55
 
Fecha de Ingreso: agosto-2009
Mensajes: 69
Antigüedad: 14 años, 8 meses
Puntos: 1
Respuesta: Ayuda con formulario de Dreamweaver CS3

Aprovecho este tema para hacer otra consulta.

Tengo un formulario hecho con una tabla, y quiero ponerle una imagen de fondo a ese formulario. ¿Cómo lo hago?

He visto que lo mejor es usar div's, pero cuando lo hago, la imagen siempre me queda por encima del formulario en lugar de por debajo.

Gracias.
  #10 (permalink)  
Antiguo 29/08/2009, 09:55
Avatar de juaniquillo
Colaborador
 
Fecha de Ingreso: noviembre-2005
Ubicación: San Juan, Puerto Rico
Mensajes: 5.745
Antigüedad: 18 años, 5 meses
Puntos: 281
Respuesta: Ayuda con formulario de Dreamweaver CS3

puedes ponerle la imagen de fondo a la tabla también. Suponiendo que la clase 'formulario' es tu tabla:

Código css:
Ver original
  1. .formulario{
  2.   background: url(tu_imagen.jpg);
  3. }
__________________
Por fin.. tengo algo parecido a un blog
Y por lo visto ya estoy escribiendo...
  #11 (permalink)  
Antiguo 25/06/2010, 10:21
 
Fecha de Ingreso: marzo-2007
Mensajes: 7
Antigüedad: 17 años, 1 mes
Puntos: 0
Respuesta: Ayuda con formulario de Dreamweaver CS3

Hola! A todos, bueno estoy haciendo el curso de diseño web con el Dreamweaver cs 3
Y resulta que tengo algunos problemas.
Me explico:
Quiero poner una imagen en un elemento de una lista y cuando voy a aplicarla a la etiqueta li para que ponga la imagen no aparece y lo curioso es que borro esa regla y la vuelvo a hacer de nuevo, y cuando voy a seleccionar la etiqueta li para aplicársela al elemento, ya sale directamente, imagen1 aún que la tuviera en ninguna solo con pinchar en la etiqueta li ya se pone la imagen1 pero no aparece en la lista.
Y por mas vueltas que le doy a la cabeza no consigo nada.

A ver si alguien de esta foro conoce a Dreamweaver y me puede ayudar,
Ya que parece ser q lo he puesto en varios foros y nadie me da solución, es que no hay nadie que entienda este programa.
Por favor que alguien me eche una mano para poder seguir.
Aquí dejo el código del programa esta hecho con cs8 pero da igual me sale con el cs3 cs4 cs8
Con todos el mismo problema y muchos mas
Saludos de un amigo
Yocoloco




<!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>Documento sin t&iacute;tulo</title>
<style type="text/css">
<!--
#menu {
width: 150px;
}
#menu ul {
list-style-type: none;
margin: 0px;
padding: 0px;
}
#menu li {
border: 1px solid #333333;
padding: 2px;
margin: 2px;
}
.imagen1 {
background-image: url(imagenes/ico1.gif);
background-repeat: no-repeat;
}
-->
</style>
</head>

<body>
<div id="menu">
<ul>
<li><a href="#" class="imagen1">menu</a></li>
<li><a href="#">cursos</a></li>
<li><a href="#">ejemplos</a></li>
</ul>
</div>
<p><a href="#" class="imagen1">contactos </a></p>
</body>
</html>
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 11:43.