Estuve creando buscadores para que las personas puedan ponerlos en sus webs. Pero, quiero ponerlos como muestra en la sidebar de mi blog y cuando los coloco juntos se distorsionan.
Creo que es porque todos los buscadores que hice tienen esta estructura:
document.write('<style type="text/css">');
document.write('#search2 { float: left; position:relative; background:; width: 220px; height: 2px; text-align: center; clear:right; margin-top: -30px; }');
document.write('#search-p2 { height: 32px; }');
document.write('#searchform2 br { }');
document.write('#searchform2 #s { width: 150px; height: 20px; padding: 3px 5px 0px 5px; border: 1px solid #2bbbdc; background: #fff; margin-right: 2px; color: #000000; font-weight: normal; }');
document.write('#searchform2 input { background: none; border: none; height: 25px; width:25px; font: bold 12px Arial, Helvetica, sans-serif; color: #FFF; background:#000 vertical-align: middle; }');
document.write('</style>');
document.write('<p id="search-p2"><div id="search2">');
document.write('<form id="searchform2" action="/search" method="get">');
document.write('<div><input id="s" value="" name="q" type="text"/>');
document.write('<input id="searchsubmit" value="" type="submit"/>');
document.write('</div>');
document.write('</form>');
document.write('</div>');
document.write('</p>');
QUÉ PUEDO HACER PARA QUE NO SE DISTORSIONEN? ¿TENGO QUE PONER NECESARIAMENTE document.write en todos los buscadores que haga o puego poner algo diferente para que no se distorsionen? ayúdenme por favor