Como pueden ver, quiero que el cuadro donde esta facebook y twitter quede pegado arriba, y el cuadro para suscribirse al feedburner quede pegado a la derecha..
Pero no se porque me queda de esta manera.
Aqui el codigo que tengo:
Código HTML:
<div id="identification"> <div class="search2"> <h3 style="color:#000;font-weight:bold;">Buscador</h3> <ul> <form action="" method="post" id="searchform"> <li> <input type="text" value="Qué Disco Buscas?" name="s" onblur="if(this.value == '') { this.value = 'Qué Disco Buscas?'; }" onfocus="if(this.value == 'Qué Disco Buscas?') { this.value = ''; }" class="txtfield" /> </li> <li style="float:right;"><input type="submit" class="go" value="" /></li> </form> </ul> </div> <br /><br /><br /><br /> <div class="feedburner2"> <h5>Recibe Todos los Discos por Correo Electronico</h5> <div class="iconorss"></div> <form action="http://feedburner.google.com/fb/a/mailverify" method="post" target="popupwindow" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=TodoHit', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true" class="over"> <input type="text" name="email" value="Escribe tu E-mail..." size="30" onfocus="if (this.value == 'Escribe tu E-mail...') {this.value = '';}" onblur="if (this.value == '') {this.value = 'Escribe tu E-mail...';}" class="text" /> <input type="hidden" value="TodoHit" name="uri"/> <input type="hidden" name="loc" value="es_ES"/> <input type="submit" value="Suscríbete" id="send" class="suscribete" /> </form> </div> <div class="fb-inicio"> <fb:like-box href="http://www.facebook.com/TodoHit" show_faces="false" stream="false" header="false"></fb:like-box></div> <div class="tw-inicio"> <a href="https://twitter.com/TodoHit" class="twitter-follow-button" data-show-count="true" data-lang="es" data-size="large">Segui @TodoHit</a></div> </div>
Código:
Me falta algun codigo para poner alinear todo?/* Buscador -------------------------------------------------------- */ .search2{ float:right; } .search2 h3{ float:left; text-transform:uppercase; padding:6px 10px 0px 0px; } .search2 ul{ float:right; list-style:none; width:238px; height:32px; padding:4px 4px 0 4px; background:url(../img/search.png) no-repeat; } .search2 ul li{ float:left; } .search2 ul li input.txtfield{ float:left; width:180px; height:28px; line-height:28px; padding:0px 10px 0px 10px; font-size:12px; color:#798e94; background:transparent; border:none; } .search2 ul li input.go{ float:right; width:32px; height:28px; border:#FFF solid 1px; border-radius:0px 2px 2px 0px; background-image:url(../img/mag.png); background-repeat:no-repeat; background-position:center center; cursor:pointer; background-color:#af0101; } /* Inicio> Recibe Todos los Discos por Correo Electrónico -------------------------------------------------------- */ .feedburner2 { background-color: #fe7c00; border: 1px solid #DDDDDD; padding: 5px; width:301px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; float:right; } .iconorss { background:url(../img/rss_icon.png) no-repeat; margin-right:5px; float:left; width:29px; height:30px; } .feedburner2 h5 { font-size: 1em; padding: 0 0 5px 0; color:#000; } .feedburner2 input.text { float: left; width: 170px; padding: 6px; border: 1px solid #ddd; font: normal 12px Helvetica, Arial, Verdana, Sans-serif; } .feedburner2 .suscribete { padding: 3px; margin: 0 0 0 5px; } /* Inicio> Facebook y Twitter -------------------------------------------------------- */ .fb-inicio { padding:5px; background-color:#e7ebf2; width:244px; border:1px solid #DDDDDD; -webkit-border-top-left-radius:5px; -moz-border-radius-topleft:5px; border-top-left-radius:5px; -webkit-border-top-right-radius:5px; -moz-border-radius-topright:5px; border-top-right-radius:5px; } .tw-inicio { margin-top:1px; padding:5px 5px 3px 5px; background-color:#c8e2ef; width:244px; border:1px solid #DDDDDD; -webkit-border-bottom-left-radius:5px; -moz-border-radius-bottomleft:5px; border-bottom-left-radius:5px; -webkit-border-bottom-right-radius:5px; -moz-border-radius-bottomright:5px; border-bottom-right-radius:5px; }
Espero que me ayuden!