Ringraziamo di cuore Zorflick per aver provveduto a dare lustro a questo blog con le sue matite fornendo il tanto atteso logo. Appena ho un attimo lo inserisco nel template.
A 1024x768 il logo va fuori e la pagina fa apparire pure una scroll-bar orizzontale. Io lo allineerei a destra con margine da destra... se posso suggerire.
si si avevo impostato male io avevo messo 1280 x 768 invece che 1024. Non so che dirti...
In effetti ci sono tanti utenti con risoluzione 1024 quanti con 1280 e la sistemazione pare insanabile nel senso che non solo è troppo a destra ma non è nemmeno in linea con lo sfondo correttamente mo' penso ad una possibile soluzione
intendo che dovrebbe stare tra la fine dell'header e l'inizio dello sfondo blu, come uno sticker attaccato a metà tra le due parti, ma lo sposta, dunque anche se lo imposto da destra comunque sarà spostato rispetto all'altra risoluzione.
Allora, dopo qualche prova mi sembra che vada così. Nel foglio di stile si può modificare la parte logozorflick in questo modo: #logozorflick { position: absolute; right: -50px; top: 35px; display: block; height: 103px; width: 104px; background: url('http://farm4.static.flickr.com/3146/2842860136_56c0b39a06_o.gif') top left no-repeat; }
...e nella sezione #headerImg bisogna aggiungere
position: relative;
A questo punto nel codice della pagina il collegamento va piazzato dentro il div #headerImg, subito dopo il titolo del blog. E tolto da dov'era prima naturalmente. Nel collegamento però non ho capito cosa ci sta a fare onMouseOver="alert='Lo sticker ufficiale'; return true". E' un pezzo di javascript non funzionante. Se è per fare apparire la descrizione, il tool-tip diciamo, è sufficiente usare l'attributo title="Il logo ufficiale".
Perchè ti sembra di poter intuire il lavoro che c'è dietro e perchè ti sembra un lavoro istintuale. Il CSS invece è inintellegibile da un profano e sembra che sia frutto del solo freddo ragionamento.
confermo comunque che anche ad una seconda prova non lo visualizza bene. Lo mette tutto a destra ben oltre l'header e non è possibile muoverlo nemmeno modificando il parametro right.
urko, na pizza!
RispondiEliminaA 1024x768 il logo va fuori e la pagina fa apparire pure una scroll-bar orizzontale.
RispondiEliminaIo lo allineerei a destra con margine da destra... se posso suggerire.
ma ti riferisci a quello grande o a quello piccolo.
RispondiEliminaHo provato e a me non da questo problema con quella risoluzione.
Quello piccolo naturalmente. Sono con Firefox 3 a 1024x768.
RispondiEliminaMa del resto è anche normale per il CSS che ha:
position: absolute;
left: 970px;
top: 35px;
display: block;
height: 103px;
width: 104px;
970+104=1074 ...il logo è mezzo dentro e mezzo fuori.
Ecco un'instantanea fatta con Fireshot.
RispondiEliminaE' larga 1007 pixel, per lo spazio occupato dalla barra di scorrimento verticale.
Ehm, l'istantanea...
RispondiEliminahttp://img84.imageshack.us/img84/4903/shotio6.jpg
si si
RispondiEliminaavevo impostato male io
avevo messo 1280 x 768 invece che 1024.
Non so che dirti...
In effetti ci sono tanti utenti con risoluzione 1024 quanti con 1280 e la sistemazione pare insanabile nel senso che non solo è troppo a destra ma non è nemmeno in linea con lo sfondo correttamente
mo' penso ad una possibile soluzione
Basterebbe definire la posizione da destra anziché da sinistra
RispondiEliminaposition: absolute;
right: 20px;
top: 35px;
display: block;
...
Che intendi con "non è nemmeno in linea con lo sfondo"...??
intendo che dovrebbe stare tra la fine dell'header e l'inizio dello sfondo blu, come uno sticker attaccato a metà tra le due parti, ma lo sposta, dunque anche se lo imposto da destra comunque sarà spostato rispetto all'altra risoluzione.
RispondiEliminaAh sì, ho capito.
RispondiEliminaVisto che vuoi prendere come riferimento il bordo dell'header puoi inserire il logo lì dentro e usare un margine negativo.
In che modo?
RispondiEliminaAllora, dopo qualche prova mi sembra che vada così.
RispondiEliminaNel foglio di stile si può modificare la parte logozorflick in questo modo:
#logozorflick {
position: absolute;
right: -50px;
top: 35px;
display: block;
height: 103px;
width: 104px;
background: url('http://farm4.static.flickr.com/3146/2842860136_56c0b39a06_o.gif') top
left no-repeat;
}
...e nella sezione #headerImg bisogna aggiungere
position: relative;
A questo punto nel codice della pagina il collegamento va piazzato dentro il div #headerImg, subito dopo il titolo del blog. E tolto da dov'era prima naturalmente.
Nel collegamento però non ho capito cosa ci sta a fare onMouseOver="alert='Lo sticker ufficiale'; return true". E' un pezzo di javascript non funzionante.
Se è per fare apparire la descrizione, il tool-tip diciamo, è sufficiente usare l'attributo title="Il logo ufficiale".
quella funzione non funziona in nessun caso e dopo molte battaglie mi sono stufato e nemmeno l'ho cancellata.
RispondiEliminaAppena ho un attimo faccio tutte le prove del caso.
No non funziona, me lo sbatte tutto a destra e non mi consente di muoverlo.
RispondiEliminaDa me in locale funziona perfettamente. Non dobbiamo aver fatto la stessa cosa.
RispondiEliminaQuesto logo è meraviglioso!!! Complimenti all'artista davvero!!! Vorrei saper fare altrettanto bene! Bellissimo!
RispondiEliminaE non vorresti sapere scrivere un CSS funzionante? :)
RispondiEliminaok ok
RispondiEliminaho capito l'antifona.
Domani ritento ri-eseguendo le istruzioni come una scimmia ammaestrata.
Ah ma se nemmeno domani funziona.....
No guarda che non era un messaggio obliquo. Semplicemente non capisco perché il logo deve suscitare attrattiva sulle donne e il CSS no.
RispondiEliminaPerchè ti sembra di poter intuire il lavoro che c'è dietro e perchè ti sembra un lavoro istintuale. Il CSS invece è inintellegibile da un profano e sembra che sia frutto del solo freddo ragionamento.
RispondiEliminaHai ragione tu, mi sa. Che mondo arido.
RispondiEliminaAhahahah...ma se non so nemmeno cos'è un CSS!!! E' che il disegno è una passione e quando vedo creazioni simili mi sciolgo...altro che aridità!
RispondiEliminaAh ma se ne sapessi di CSS farei la talmente tanto la saccente da farmi odiare ;)
è frutto del solo e freddo ragionamento. Di noi ingegneri senz'anima.
RispondiEliminasi lavora benissimo anche senza un anima.
RispondiEliminaL'anima c'è ed è quella che ti fa buttare a capofitto su qualsiasi problema, pure che non è tuo.
RispondiEliminaconcordo.
RispondiEliminaC'è cuore in chi lavora con le tecnologie visuali quanto e forse più che in un disegnatore, proprio perchè è un lavoro oscuro.
confermo comunque che anche ad una seconda prova non lo visualizza bene.
RispondiEliminaLo mette tutto a destra ben oltre l'header e non è possibile muoverlo nemmeno modificando il parametro right.
Va bè, mi arrendo perché così a distanza non posso dire. Da me è così:
RispondiElimina1024
1280
codice
hey vedete che io faccio sia i disegni che i css... no è che mi porto avanti con iro ;P
RispondiEliminaIo pure faccio i disegni. Ho stuoie di ammiratrici infatti.
RispondiEliminaVi ricordo che questo blog era nato per riempire di fascino e gloria ME!
RispondiEliminaQuesto non lo so perché il blog non l'ho visto nascere. Però so che nell'imminenza del premio è cominciata una equa spartizione.
RispondiEliminaparker tu hai fascino e gloria da vendere, persino qui al nord, grazie ai tuoi discepoli...ma se uno si porta avanti con me fatelo fare eh!!!ihihihih
RispondiEliminafascino equo e solidale per tutti
RispondiEliminaE FU COSI' CHE L'UOMO VINSE SUL CSS!
RispondiEliminaAlla fine lo hai messo dentro headerimg con position:relative e il margine da sinistra, sfruttando il fatto che questo div ha grandezza nota.
RispondiEliminaNoi in Sicilia abbiamo un particolare termine per indicare questo tipo di soluzioni. :D
Credo sia lo stesso che usiamo a Roma:"SUPREMAZIA!"
RispondiEliminaNo, è un po' diverso. Questa è la tipica "soluzione alla femminedda".
RispondiEliminaChe non ha accezione negativa, eh? E' proprio un modo di risolvere le cose, con il senso pratico che noi qui attribuiamo più alle donne.
RispondiEliminain effetti ci posso stare, rende l'idea di ciò che è successo.
RispondiEliminae cmq questo blog non è nato per rendere onore e gloria a te. Io c'ero alla genesi. Ti ho mai reso gloria io? EH!? EH!? EH!?
RispondiEliminaE' un work in progress
RispondiElimina