Risoluzione schermo e casella search

[rudyn080]

Ciao di nuovo a tutti...

Nuovo quesito (di molti che seguiranno data la mia poca esperienza....!!!) 

La casella search del mio sito sta nella sua posizione ideale (ovvero nella barra del menu in alto) solo con la risoluzione 1240x1024.

Se cambio la risoluzione in 1024x768 va fuori fase e si sovrappone agli altri pulsanti...

Ecco il sito che sto costruendo: http://www.cro.ilbello.com

Vorrei che il risultato fosse come in questo sito: http://www.critrentino.it  Qui cambiando la risoluzione la casella search rimane sempre nella stessa posizione e non si sovrappone a niente...

Grazie per l'aiuto in anticipo

[maicolstaip]

Ciao rudyn080,
devi rendere il template a dimensione fissa.
Il tuo è fluido, l'altro è fisso.
Ciao!

[ilvanni]

Maicolstaip, hai appena vinto un peluche per la gara di velocità 

[adottauncane]

E adesso metti la distanza in pixel, così:

Codice: [Seleziona]

#ja-search {
-moz-background-clip:border;
-moz-background-origin:padding;
-moz-background-size:auto auto;
background-attachment:scroll;
background-color:transparent;
background-image:url("../images/icon-search.gif");
background-position:left center;
background-repeat:no-repeat;
margin-left:820px; <----
margin-top:5px;
padding-left:20px;
position:relative;
z-index:10;
}template.css (riga 992)

puoi poi variarla a seconda del numero di link presenti...

Ho dato la risposta prima che facesse la domanda... ho vinto qualcosa?

@rudyn080,
scusa, si scherza un po' 

[ilvanni]

Ciao rudyn080, scusa ma un sorriso qui non fa mai male, anzi... aiuta a risolvere i problemi con un pò di allegria 

@adottauncane: a te un cane di peluche, of course...

[adottauncane]

Forte. 

[rudyn080]

Figuratevi ragazzi anke io scherzo sempre...

Poi chi mi da una mano ancora prima di fare le domande è fenomenale.... se sai prevedere anke i numeri della prossima sestina vincente al superenalotto mandami un pm!!! 

A parte tutto sembra che ora vada meglio grazie a voi...

Provate a darci un occhio e ditemi cosa cambiereste per renderlo migliore...

Ho notato che alla risoluzione 1024x768 il sito rimane tutto a sinistra senza un minimo spazio, cosa che non succede su critrentino.it

Cosa dovrei fare per farcelo stare tutto nella pagina senza che esca la barra di scorrimento orizzontale?

Mi sa che loro hanno utilizzato un carattere più piccolo... come faccio a cambiare il carattere di tutto il sito compreso quello del menu??

Lo so sono un disastro... ditelo pure!! 

[adottauncane]

Ok, ti mando un PM... 
Dovresti diminuire ancora un po' la larghezza dal backend... 980px dovrebbe essere la cosa migliore per quasi tutti i video... prova, se poi hai problemi con il top menù vediamo come fare.
Mi sembra che il template fisso sia molto meglio, almeno a me piace di più.
No, non diminuire il corpo del carattere  che noi vecchiette ci vediamo poco...

[rudyn080]

Eccomi qui... scusate se non rispondo subito ma facendo i turni per me è un vero casino!!!

Ho impostato la larghezza a 980px come mi hai suggerito e direi che è ottima!! (non avevo dubbi in merito alla tua risposta!!)

Però come già preannunciato dalla maga ho problemi con il top menu alla risoluzione di 1024x768 perchè la casella search rimane troppo a destra e mi fa uscire la barra di spostamento orizzontale.

Che dici se rimpiccioliamo/accorciamo un po il menu?

Naturalmente Adottauncane tu saprai tutti i passaggi da fare....

Dai che piano piano imparo tutti i trucchetti.... 

[maicolstaip]

Ciao rudyn080,
fai come ti ha scritto sopra adottauncane

Codice: [Seleziona]

margin-left:820px; <----
Metti 820px oppure 810 px
nel file template.css (riga 992)

Mi prenoto per la bambolina 

[adottauncane]

Spiace... bamboline finite... Abbiamo solo più un geco di pannolenci. Ma è molto bello, decorativo per le pareti...

Se tieni tutte le voci (alcune non mi sembrano definitive) potresti ridurre un po' i padding:
ja-sosdmenu.css (riga 216)

Codice: [Seleziona]

#ja-mainnav ul.menu li a {
.
.
padding-bottom:10px;
padding-left:15px; <---- metti 15px, adesso è 20px
padding-right:15px; <---- metti 15px, adesso è 20px
padding-top:10px;
text-decoration:none;
}