Muy buenas a todos de nuevo.
Estoy haciendo desde 0 un cuadro social para mi blog y tengo un problemilla que aún no sé solucionar, el caso es que en Firefox se ve bien (aún no está acabado, pero el error ya se ve en Chrome y en IE). El fallo es del cuadro de texto para poner nuestro email y el botón de envío del mismo, que se descuadran, os dejo una imagen para que lo veáis mejor:
Uploaded with ImageShack.us
A continuación os dejo también el código:
< head >
< meta http-equiv=
"Content-Type" content=
"text/html; charset=utf-8" / >
< title >Documento
sin título< /title >
< style type=
"text/css" >
.socialtop
{
color:
#C04E37;
background-color:
#C4B288;
text-align: center;
height: 120px;
width: 300px;
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
}
.socialform
{
width: 300px;
height: 30px !important;
}
.socialiconos
{
background-color:
#E6DFD0;
}
.socialiconos img
{
border:
0;
padding:0px 15px 0px 15px;
}
.socialtop p
{
margin-top: 6px;
margin-bottom: 6px;
}
< /style >
< /head >
< body >
< div
class=
"socialtop" >
< p >Suscríbete gratis a los artículos de Como Hacer< /p >
< div
class=
"socialform" >
< form action=
"http://feedburner.google.com/fb/a/mailverify" method=
"post" target=
"popupwindow" onsubmit=
"window.open('http://feedburner.google.com/fb/a/mailverify?uri=comohacer-entradas', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true" >
< input onclick=
"this.value=''; this.onclick=''" name=
"email" type=
"text" style=
"padding:0; margin:0; font-size:15px; color: #B2B2B2; width:210px; height:30px;" value=
"Pon aquí tu email" / >
< input type=
"hidden" value=
"comohacer-entradas" name=
"uri"/ >
< input type=
"hidden" name=
"loc" value=
"es_ES"/ >
< input style=
"padding:0; margin:0; border:none; background-image:url(../Downloads/boton-social.gif);width:60px; height:30px;" type=
"submit" value=
""/ >
< /form >
< /div >
< div
class=
"socialiconos" > <a href=
"http://feeds2.feedburner.com/comohacer-entradas"><img src=
"../Downloads/Grunge-Peeling-Sticker-Icons/rss50.png" alt=
"RSS" /></a>
<a href=
"http://twitter.com/comohacer_eu"><img src=
"../Downloads/Grunge-Peeling-Sticker-Icons/twitter50.png" alt=
"Twitter" /></a>
<a href=
"http://facebook.com/comohacer"><img src=
"../Downloads/Grunge-Peeling-Sticker-Icons/facebook50.png" alt=
"Facebook" /></a>
< /div >
< /div >
< /body >
Espero podáis ayudarme con esto, gracias ;D
Si agradeces, animarás al que te ha ayudado a que lo siga haciendo.
Themes y Diseño
está sin resolver
