Layout immagine e tooltip 
Author: Karina B.Buongiorno, sto riscontrando 2 problemi per quanto riguarda la visualizzazione dell'immagine in Home Page del sito che riporto qui di seguito, creato con Evolution 9.1.12.
L'url è questo www.relaxumbria.com/index2.html.
Il primo problema è che vorrei che la fotografia in primo piano sia centrata e che si adatti in automatico alle dimensioni della finestra ma non riesco a trovare una soluzione. Siccome il template che ho utilizzato è "personale" nel senso che l'ho creato ad hoc per il sito non vorrei aver utilizzato delle impostazioni che non mi consentano di abilitare l'adattamento automatico. Ho anche impostato l'allineamento centrale nelle impostazioni della cella ma senza risultato.
Il secondo problema è che dovrei rendere interattiva l'immagine, cioè cliccando sulle varie parti della foto, vorrei poter accedere alle diverse sezioni del sito. Creando l'immagine png con le diverse sezioni, i vari collegamenti e i tooltip spry però succede una cosa strana: il layout del sito è come se impazzisse e si trasforma in layout con menù verticale. Per questo ho dovuto nuovamente reinserire la fotografia statica che compare in questo momento. Esiste una funzione che mi permette di creare immagini interattive con tooltip? Oppure qual è il modo migliore per importare il codice html dell'immagine con relative sezioni correttamente?
Vi ringrazio
per quanto riguarda la mappatura immagine leggi qui
http://answers.websitex5.com/post/36572
Author
Grazie per la risposta, il link é stato utilissimo.
mentre per quanto riguarda la centratura nella pagina dell'oggetto HTML (che poi in realtà si tratta della fotografia) e l'auto adattamento alla finestra cosa posso fare?
Grazie
per quanto riguarda la centratura dell'immagine, se tu hai messo nella griglia di pagina un ogg. immagine, l'immagine che metti all'interno se è più piccola della cella che la contiene viene automaticamente centrata, quindi, c'è un difetto di centratura della cella che contiene l'immagine, estendi la cella dell'ogg. immagine su tutta l'estensione della griglia di pagina e vedrai che si centra da sola... sempre se ho capito bene, perchè ho visto che hai modificato la situazione iniziale, ora l'immagine prende tutto lo schermo ed oltre, sul mio 17" a 1280x1024...
Author
Ho fatto varie prove ma purtroppo non riesco ad ottenere il risultato che vorrei. La pagina si adatta automaticamente alla finestra così come la barra dei menu (per centrare le singole voci mi arrangerò con la regolazione dei margini e della distanza fra i pulsanti) ma pare che l'unico elemento che non possa regolare a mio piacimento come larghezza e che vorrei fosse centrato sia proprio la cella che contiene l'immagine che non riesco ad estendere a più di 975px. Così accade anche per le altre pagine del sito che vorrei anch'esse fossero centrate ma mi risultano allineate a sinistra... L'unica soluzione è utilizzare un layout "fisso" a larghezza prestabilità per ottenere la centratura e l'adattamento automatico?Posso in qualche modo variare la larghezza massima dei contenitori dei contenuti?
Grazie ancora
... il layout fisso è il migliore...
... per modificare l'aspetto dei contenuti, devi studiare il files CSS generati, per esempio templates.css, stile.css, o quello relativo del nomepagina.css, alterandone le regole applicate...
... per centrare l'immagine rapidamente, ingabbiane il codice tra il tag center (antidiluviano)...
... per fare da te,
... puoi provare le modifiche in diretta, aprendo il codice nel blocco note, salvando ad ogni modifica ed aggiornando il browser...
... ma non ne vale la pena; ...la forza del nostro programma è nell'usarlo per quello che è, o meglio, nel saperlo usare, semplicemente cliccando...
.
Author
Grazie KolAsim,
alla fine ho seguito i tuoi suggerimenti ed ho impostato un layout fisso.
Per i dettagli poi come mi hai detto sono intervenuto sui singoli css di ogni pagina modificandoli a mio piacimento. A questo proposito ho modificato per esempio il file index.css creandone uno chiamato index2.css.
Per "dire" alla pagina specifica di utilizzare il file index2.css invece di index.css è corretto che nella sezione Proprietà pagina --> Esperto, inserisco nella sezione codice personalizzato prima del tag </HEAD> questa stringa?
<link rel="stylesheet" type="text/css" href="pcss/index2.css" media="screen" />
Non è che va in conflitto con il file originale?
Grazie mille
Buona serata
ciao,
... non ho il programma, ma ...non dovrebbe andare in conflitto ...essendo una personalizzazione del codice, ed essendo eseguita a cascata, verrebbe attuata dopo l'esecuzione dei codici generati dal programma, prendendone quindi il sopravvento, o priorità, per modo di dire...
... per piccoli interventi mirati e velocizzare provando in diretta, potresti mettere nella sezione HEAD direttamente lo STYLE che ti interessa, relativo a quello che ti è emerso dal tuo test CSS, per esempio:
<style> #NomeOggetto { top:100px; left:100px } </style>
... anche in questo caso vale quanto detto prima ...
... così non avresti la seccatura di allegare files...
.
ciao