[Risolto] Aiuto per ridimensionare template

[IlRosso]

Avrei bisogno d'aiuto per ridimensionare la larghezza del template.
Cerco di spiegarmi meglio, il sito è questo www.fermosleague.it
praticamente nei monitor pi grandi dei 15'' si visualizza correttamente mentre in quelli più piccoli l'immagine di Header veniva tagliata (larghezza immagine 1300) ho provato a fare un'immagine di 1000 e caricarla ma non ci sono miglioramenti. Per giunta nei monitor più piccoli a destra del template (nonostante l'immagine venga tagliata) rimane uno spazio vuoto a destra.
Come posso ridimensionarlo?

[adottauncane]

Ciao IlRosso,
il template è fluido, quindi si ridimensiona già... per evitare che oltre ad una certa visualizzazione l'immagine resti fissa prova a togliere:
template.css (riga 113)

Codice: [Seleziona]

div.art-Header-jpeg {
background-image:url("../images/Header.jpg");
background-position:center center;
background-repeat:no-repeat;
height:318px;
left:0;
min-width:1326px; <----- via
position:absolute;
top:0;
width:100%;
z-index:-1;
}


[adottauncane]

Ah, poi hai l'articolo in home pieno di sporcherie ereditate probabilmente da un copia incolla da word. Dopo un certa misura, fanno scivolare i menù a destra in basso (ed è abbastanza brutto da vedere). Puliscilo da tutte le formattazioni ereditate da word...

P.S. Se il post per togliere la dicitura in basso al template l'hai risolto, gentilmente chiudilo con [RISOLTO]. Grazie mille.

[IlRosso]

Grazie mille delle risposte sei sempre un validissimo aiuto...Acc di solito lo metto risolto...stavolta mi è sfuggito...provvedo subito.
Che intendi per porcherie di word? A che livello della pagina?

[adottauncane]

No, scusa forse ho visto male... intendevo questo articolo: Che cos'è il sito Fermo's League ma probabilmente mi sbaglio... l'ho visto con le parole un po' spaziate ed ho pensato che fosse formattato da word. Come non detto... 

[IlRosso]

Scusa di nuovo ma template.css dentro la cartella css del template sembra non contenere quelle righe...sbaglio cartella del template?

[adottauncane]

No, è quello il file... può essere che abbiano un altro ordine tipo:

Codice: [Seleziona]

div.art-Header-jpeg
{
    position: absolute;
    z-index:-1;
    top: 0;
    left: 0;
    min-width: 1326px;
    width: 100%;
    height: 318px;
    background-image: url('../images/Header.jpg');
    background-repeat: no-repeat;
    background-position: center center;
}
ma sono all'inizio del file template.css. Poi hai anche template.ie6.css e template.ie7.css ma non devi cercare le righe lì...

[IlRosso]

Ok, questo l'ho trovato...
Ma debbo togliere solo questa riga:

min-width:1326px; ?

[adottauncane]

Sì, almeno la foto in Head non si blocca ma va verso sinistra fino in fondo...

[IlRosso]

GRANDEEEEEEEEEEEEEEE!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!

[adottauncane]

 

[IlRosso]

Ti disturbo per l'ultima volta, pensi che dovrei ritoccare anche il css dei file ie6 e ie7, o chi utilizza explorer visualizza comunque correttamente?
Io uso linux quindi non posso testare...grazie eh!

[adottauncane]

Non posso testarlo nemmeno io... uso Mac  Ma penso di sì...

[IlRosso]

...mmm...peccato...non saprei proprio quali parti modificare dei due files...

[adottauncane]

Probabilmente non ne avrai bisogno. Se guardi saranno molto più brevi di quello generale e servono per correggere pochi comandi che IE non interpreta... quindi, secondo me, non avrai bisogno di fare alcunché.
Se mi capita un PC lo controllo. Ciao

[bikerslivehere]

Ciao forse puoi aiutare anche me e il mio sito www.bikerslivehere.it a me e a molta gente capita che se apro il mio sito con Mozilla si vede ok, se lo apro con IE o altri browser il sito si apre ma appare la barra sotto per farti spostare a dx e Sx perché il sito risulta troppo grosso nonostante l ingrandimento di ie sia del 100% qnd quello di default spero tu riesca ad aiutarmi

Grazie mille

Saluti

Stefano

Probabilmente non ne avrai bisogno. Se guardi saranno molto più brevi di quello generale e servono per correggere pochi comandi che IE non interpreta... quindi, secondo me, non avrai bisogno di fare alcunché.
Se mi capita un PC lo controllo. Ciao

[adottauncane]

In realtà anche con FF c'è lo stesso problema. Hai diverse larghezze fisse che impediscono oltretutto il ridimensionamento. Bisognerebbe che cercassi con firebug tutte queste larghezza, le elimissi e anche qualche position da absolute sarebbe da togliere. Facendo queste modifiche cambierebbe un po' la grafica però, ad esempio le icone a fianco al menù salirebbero ecc. Non so se sia quello che vuoi, comunque c'è un bel po' di lavoro da fare...

[bikerslivehere]

In realtà anche con FF c'è lo stesso problema. Hai diverse larghezze fisse che impediscono oltretutto il ridimensionamento. Bisognerebbe che cercassi con firebug tutte queste larghezza, le elimissi e anche qualche position da absolute sarebbe da togliere. Facendo queste modifiche cambierebbe un po' la grafica però, ad esempio le icone a fianco al menù salirebbero ecc. Non so se sia quello che vuoi, comunque c'è un bel po' di lavoro da fare...

Non vorrei stravolgerlo ma vorrei che si ridimensionasse da solo in maniera tale che la larghezza rimanga sempre la stessa, non c'è un modo , magari aggiungendo una stringa di comando per risolvere la cosa?
Grazie mille

[adottauncane]

Se si ridimensiona la larghezza NON rimane sempre la stessa. Varia a seconda dello schermo. No, non basta una stringa, bisogna spulciare il css, togliere le min-width che abbondano, togliere le position:absolute ecc.
Cose che probailmente hai aggiunto tu, man mano che lo personalizzavi.

[bikerslivehere]

Se si ridimensiona la larghezza NON rimane sempre la stessa. Varia a seconda dello schermo. No, non basta una stringa, bisogna spulciare il css, togliere le min-width che abbondano, togliere le position:absolute ecc.
Cose che probailmente hai aggiunto tu, man mano che lo personalizzavi.

Ok scusa se ti rompo ancora ma non essendo espertissimo, mi spiegheresti meglio il da farsi?te ne sarei grato!