![]() | |
|
| |||||||
| WebDesign e Scripting Discussioni inerenti la realizzazione di pagine web e script . |
![]() |
| | LinkBack | Strumenti della discussione | Modalità di visualizzazione |
| |||
| Ho un problema con il template del mio blog: si vede ottimamente con IE, mentre presenta molte imperfezioni visualizzandolo con gli altri sistemi operativi gratuiti. Alcune modifiche sono riuscito ad apportarle, ma in altre l'aggiustamento in uno causa il peggioramento nell'altro. In particolare con riesco ad aumentare la distanza tra il titolo ed il contenuto del widget nella barra laterale: /* ---( sidebar )--- */ .sidebar h2 { margin-top:0px; padding: 0px 0 0 0px; font: $sidebarheaderfont; color: $sidebarcolor; height: 0px; height: 0px !important; /* for most browsers */ height /**/:57px; /* for IE5/Win */ } .sidebar .widget { margin: 0; padding: 0 0 0px 0px; } .sidebar a {color: $sidebarlink; text-decoration: none;} .sidebar a:hover {color: $sidebarhover; } .sidebar li { } .profile-textblock { clear: both; margin-left: 0;} .profile-img { float: right; margin: 0 5px 5px 0; border: 1px solid #ddd; padding: 4px;} né riesco ad accorciare il rettangolo di questo widget di Goolge cHe in IE si vede benissimo: <!-- Use of this code assumes agreement with the Google Custom Search Terms of Service. --> <!-- The terms of service are available at /coop/docs/cse/tos.html --> <form id="searchbox_demo" action="http://www.google.com/cse" target="_blank" name="cse"> <input value="" name="cref" type="hidden"/> <input name="q" size="24" type="text"/> <input value="Cerca" name="sa" type="submit"/> </form> <script src="http://www.google.com/cse/tools/onthefly?form=searchbox_demo" type="text/javascript"></script> Potreste aiutarmi? L'indirizzo del blog è http://spazioprivato.blogspot.com/ |
| ||||
| Quote:
![]() codice: .sidebar h2 {
margin-bottom:10px;
margin-top:0px;
padding: 0px 0 0 0px;
font: $sidebarheaderfont;
color: $sidebarcolor; height: 0px;
height: 0px !important; /* for most browsers */ height /**/:57px; /* for IE5/Win */ } Quote:
Il problema è qui forse: codice: <input name="q" size="24" type="text"/> codice: .googlesearch{width:24px;}
<input class="googlesearch" name="q" type="text"/>
__________________ "Mi ritengo un genio incompreso, anche se mio padre sostiene che ciò significhi che non sono compreso nell'elenco dei geni." Article marketing | Recensioni siti | Realizzazione siti internet a Roma |
| |||
| Ciao Ludus, ci risiamo, e ti ringrazio tantissimo per avermi risposto. La distanza del titolo è andata benissimo, io pensavo di dover modificare l'"height", invece con "margin" si è risolto tutto. Invece con la barra di google (che io vedo bene in IE e male in Firefox) non ho capito bene come intervenire. Quando devo inserire un widget utilizzo direttamente l'opzione "aggiungi elemento html" offerta da blogger e non intervengo nel template. Potresti spiegarmelo meglio? |
![]() |
| Strumenti della discussione | |
| Modalità di visualizzazione | |
| |