Hola listeros, me dirijo a uds a ver quien puede ayudarme mi nombre es Marlene
y ando algo perdida en el uso del vertical-align. Mi problema es que deseo
alinear un elemento de tipo texto (input) con otro elemento de tipo imagen
dentro de un formulario.
Esto que les mando solo se ve bien en Opera en los demas navegadores como
Mozilla, IE, Netscape se ve mal.
Por favor que alguien me indique como alinear bien estos dos elementos.
La imagen que deseo alinear con el input se las envio adjunta al mensaje
Código que escribí:
<html >
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Untitled Document</title>
<style>
BODY {
background : #C0D9D9;
color : #666666;
margin : 20px 0px 20px 0px;
text-align: center;
}
#contenedor{
text-align: left;
width: 700px;
background-color : #ffffff;
margin: auto;
}
#cadena{
font-size:9px;
font-family:Verdana, Arial, Helvetica, sans-serif;
width:114px;
border-bottom:1px solid #666666;
border-top:1px solid #666666;
border-left:1px solid #666666;
border-right:none;
}
form{
margin:0px;
padding:0px;
}
</head>
<body>
<div id="contenedor">
<form action="" method="get">
<div>
<span style="vertical-align:top;"><input name="cadena" id="cadena" type="text"
value="dalia" /></span><span style="vertical-align:middle;"><input name="btn"
id="btn" type="image" src="ir.gif" /></span>
</div>
</form>
</div>
</body>
</html>
Gracias de antemano.
mmm
_______________________________________________
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://lists.ovillo.org/mailman/listinfo/ovillo
