Forum Per Webmaster - Tutti Per Uno  
forum per webmaster Directory TPU foto galleria TPU Registrazione Regolamento TPU FAQ cerca nel forum contatta lo staff Lo staff di TPU

 vai indietro   Forum Per Webmaster - Tutti Per Uno > Tecnica > WebDesign e Scripting

WebDesign e Scripting Discussioni inerenti la realizzazione di pagine web e script .

Rispondi
 
LinkBack Strumenti della discussione Modalità di visualizzazione
  #1 (permalink)  
Vecchio 12-11-2007, 09.49.50
Junior Member
 
Registrato al forum dal: 26-10-2007
Messaggi: 21
predefinito Ottimizzare per IE7 e Firefox

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/
Rispondi quotando
  #2 (permalink)  
Vecchio 12-11-2007, 10.07.46
L'avatar di Ludus
Moderatore Sentinella
 
Registrato al forum dal: 20-01-2007
ubicazione: Roma
Messaggi: 3,951
predefinito

Quote:
Originariamente inviata da gfrancesc0a Visualizza il messaggio
In particolare con riesco ad aumentare la distanza tra il titolo ed il contenuto del widget nella barra laterale:
Non è impostata nessuna distanza infatti

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:
né riesco ad accorciare il rettangolo di questo widget di Goolge cHe in IE si vede benissimo:
Veramente il form di Google Search io lo vedo bene in FF, in IE si allarga troppo e va fuori la sidebar, tanto che la parte terminale destra non è visibile.

Il problema è qui forse:

codice:
<input name="q" size="24" type="text"/>
Prova a togliere quel size e ad impostare la larghezza tramite CSS, tipo:

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
Rispondi quotando
  #3 (permalink)  
Vecchio 12-11-2007, 10.27.14
Junior Member
 
Registrato al forum dal: 26-10-2007
Messaggi: 21
predefinito

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?
Rispondi quotando
  #4 (permalink)  
Vecchio 12-11-2007, 10.32.56
Junior Member
 
Registrato al forum dal: 26-10-2007
Messaggi: 21
predefinito

Ho risolto, inserendo il css nella parte del template dedicata a sidebar. Perfetto, ti ringrazio tantissimo.
Rispondi quotando
Rispondi

Strumenti della discussione
Modalità di visualizzazione

Regole d'invio
Non puoi inserire discussioni
Non puoi inserire repliche
Non puoi inserire allegati
Non puoi modificare i tuoi messaggi

BB code is attivo
Le smilies sono attive
Il codice IMG è attivo
il codice HTML è disattivato
Trackbacks are attivo
Pingbacks are attivo
Refbacks are attivo


Tutti gli orari sono GMT +2. Attualmente sono le 05.33.36.


Powered by vBulletin versione 3.7.2
Copyright ©: 2000 - 2008, Jelsoft Enterprises Ltd.
Content Relevant URLs by vBSEO 3.2.0 RC7
Traduzione italiana Team: vBulletin-italia.it
Grafica by Ludus