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.
42 commenti:
urko, na pizza!
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.
ma ti riferisci a quello grande o a quello piccolo.
Ho provato e a me non da questo problema con quella risoluzione.
Quello piccolo naturalmente. Sono con Firefox 3 a 1024x768.
Ma 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.
E' larga 1007 pixel, per lo spazio occupato dalla barra di scorrimento verticale.
Ehm, l'istantanea...
http://img84.imageshack.us/img84/4903/shotio6.jpg
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
Basterebbe definire la posizione da destra anziché da sinistra
position: 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.
Ah sì, ho capito.
Visto che vuoi prendere come riferimento il bordo dell'header puoi inserire il logo lì dentro e usare un margine negativo.
In che modo?
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".
quella funzione non funziona in nessun caso e dopo molte battaglie mi sono stufato e nemmeno l'ho cancellata.
Appena ho un attimo faccio tutte le prove del caso.
No non funziona, me lo sbatte tutto a destra e non mi consente di muoverlo.
Da me in locale funziona perfettamente. Non dobbiamo aver fatto la stessa cosa.
Questo logo è meraviglioso!!! Complimenti all'artista davvero!!! Vorrei saper fare altrettanto bene! Bellissimo!
E non vorresti sapere scrivere un CSS funzionante? :)
ok ok
ho 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.
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.
Hai ragione tu, mi sa. Che mondo arido.
Ahahahah...ma se non so nemmeno cos'è un CSS!!! E' che il disegno è una passione e quando vedo creazioni simili mi sciolgo...altro che aridità!
Ah 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.
si lavora benissimo anche senza un anima.
L'anima c'è ed è quella che ti fa buttare a capofitto su qualsiasi problema, pure che non è tuo.
concordo.
C'è 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.
Lo 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ì:
1024
1280
codice
hey vedete che io faccio sia i disegni che i css... no è che mi porto avanti con iro ;P
Io pure faccio i disegni. Ho stuoie di ammiratrici infatti.
Vi ricordo che questo blog era nato per riempire di fascino e gloria ME!
Questo non lo so perché il blog non l'ho visto nascere. Però so che nell'imminenza del premio è cominciata una equa spartizione.
parker 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
fascino equo e solidale per tutti
E FU COSI' CHE L'UOMO VINSE SUL CSS!
Alla fine lo hai messo dentro headerimg con position:relative e il margine da sinistra, sfruttando il fatto che questo div ha grandezza nota.
Noi in Sicilia abbiamo un particolare termine per indicare questo tipo di soluzioni. :D
Credo sia lo stesso che usiamo a Roma:"SUPREMAZIA!"
No, è un po' diverso. Questa è la tipica "soluzione alla femminedda".
Che non ha accezione negativa, eh? E' proprio un modo di risolvere le cose, con il senso pratico che noi qui attribuiamo più alle donne.
in effetti ci posso stare, rende l'idea di ciò che è successo.
e 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!?
E' un work in progress
Posta un commento