Newsgroup: it.lavoro.professioni.webmaster
Titolo: Stranezza Immagine con i CSS

Salve, 
esco un po' dal lurkaggio (ogni tanto mi capita :), per vedere se esco
anche da questo problema:
http://dmonnet.firenze.net/Viaggi/Egitto/Egitto.htm
 
Con Opera e Mozilla č
ok (quasi, con Mozilla esce un po'), con Explorer 6.0.28 viene
visualizzata della larghezza giusta ma di altezza esagerata. Se riduco a
icona o ripristino in basso e riapro va tutto a posto. Com'č
possibile????? Vi riporto il codice:
<img  src=Images/titolo.jpg class="titoloimg"> 
il css:
.titoloimg {
	margin: 15;
	width: 100%;
	height: auto;
	    }
Togliendo height: auto non cambia nulla...
Grazie in anticipo per l'aiuto!
Davide

 
http://dmonnet.firenze.net/Viaggi/Egitto/Egitto.htm
[CUT]
Se dai ad height e width valori percentuali o autoridimensionabili è chiaro
che le immagini non saranno mai identiche a come le vorresti tu.
Prova a fissare dei valori precisi.
Ciao.
--
[Non siamo materia che aspetta, ma schemi che si perpetuano.]
Rhadamanth.net (
http://www.rhadamanth.net
)
CMS it-alt.* (
http://www.x-privat.org/it-alt/
)
Savona Web (
http://www.savonaweb.net
)

 Prova a fissare dei valori precisi.
Si, lo so, ma io vorrei che l'immagine fosse larga il 100% della pagina,
ma con le proporzioni giuste. 
E con Mozilla e Opera va bene, con IE sono dopo aver ridotto a icona e
riaperto. E' questo che non capisco!
-- 
"La vita è un viaggio, l'uomo che viaggia vive due volte"
Omar Kayam
 
http://dmonnet.firenze.net

 ma con le proporzioni giuste. 
A proposito, la mia idea č di farlo cosě per avere la stessa cosa con le
diverse risoluzioni (layaout liquido, mi sbaglio?). E' una cosa
"intelligente", o č meglio lasciar perdere i layout liquidi (che, tra
parentesi, mi stanno facendo ammattire per il box model).
Ciao e grazie!
Davide
-- 
"La vita č un viaggio, l'uomo che viaggia vive due volte"
Omar Kayam
 
http://dmonnet.firenze.net

 Davide
Un conto è un layout liquido un conto è una foto.
Il layout ha ovvi motivi per essere ridimensionato una foto no.
Su risoluzioni altissime la tua foto diventa una cacofonia di pixel, su
risoluzioni basse la tua foto scompare.
Trovo più utile inserire una foto a dimesnioni fisse (naturalmente studiata
per essere accessibile alla maggioranza delle risoluzioni) e con la
possibilità di ingrandirla cliccandoci sopra.


 possibilità di ingrandirla cliccandoci sopra.
Si, su questo concordo pienamente, ma la foto in questione mi serve come
"grafica", non per mostrare la foto in se stessa. Quindi diciamo una
foto che si veda bene a 1024*768, cosicchè a res più alte non si sgrani
troppo (tanto di solito più di quella risoluzione...), e alle più basse
è cmq ok.
Ma il problema l'hai scoperto? E' diventata anche una questione di
principio...voglio capire cos'è che crea quel problema!! :)
Ciao e grazie
Davide
-- 
"La vita è un viaggio, l'uomo che viaggia vive due volte"
Omar Kayam
 
http://dmonnet.firenze.net

 ha scritto nel messaggio
news:pan.2004.02.11....@firenze.net...
: Salve,

:
io vedo la foto ingrandita troppo, come te.
Non č che l'hai messa come sfondo di una tabella con altezza 100%? Yes...
Conviene metterla in una tabella con le dimensioni della foto
(
http://dmonnet.firenze.net/Viaggi/Egitto/Images/titolo.jpg
 č questa, no?)
--
Elena
 "Silently she walks..."

 (
http://dmonnet.firenze.net/Viaggi/Egitto/Images/titolo.jpg
 è questa, no?)
Si
Grazie dell'aiuto!
Ciao


 ha scritto nel messaggio
news:pan.2004.02.11....@firenze.net...
: Wed, 11 Feb 2004 14:45:23 +0100 .·°^°·.Elena.·°^°·. wrote:
:
: > io vedo la foto ingrandita troppo, come te.
:
: Con IE 6?
:
yess
: > Conviene metterla in una tabella con le dimensioni della foto
:
: E io che volevo usare i CSS per abbandonare le tabelle...
:
sì ma se metti una cosa del genere dai l'immagine a tutto il body, non so se
mi spiego....
Tu puoi usare benissimo i css anche con le tabelle, una cosa non impedisce
l'altra, anzi!
Se la vuoi usare come sfondo anche per scriverci sopra, puoi mettere
.tabella {
background-image: url('Images/titolo.jpg');
}
e nella tabella  (<td...etc) metti class="tabella"
se invece non vuoi usare una tabella, allora il tutto lo scrivi nel body,
aggiungendoci anche
background-repeat: no-repeat;
background-attachment: fixed;
background-position: left top;
facendo così ti ritrovi l'immagine in alto a sinistra.
l'ultima riga la puoi cambiare, se la vuoi mettere in mezzo alla pagina
scrivi "50%  50%" al posto di left top (che mi sembra sia + conforme alle
regole w3)


Ho letto gli altri post, e secondo me la cosa che stai cercando di fare 
è quasi inutile :D
Tra l'altro, se tenti di mettere l'img in modo tale che occupi tutto lo 
sfondo, va sgranando, perdendo ovviamente di qualità.
Io ti consiglio di lasciare perdere il "layout liquido"... Imposta delle 
dimensioni fisse (larghezza max 750px per compatibilità tra le diverse 
soluzioni).
Se poi proprio vuoi fare questa cosa ecco alcuni consigli/correzioni:
- innanzitutto hai sbagliato il posizionamento del tag <link> che va 
inserito tra <head></head>
- per il problema di mozzy che sborda è perché devi aggiungere questo al 
css:  body, html { margin: 0; padding:0; }
- per il problema su IE credo perché non accetti di buon grando 
height:auto... mi adopero per trovare una soluzione e ti faccio sapere 
più in là :)
Spero di averti aiutato.
Ciau, Nenélla

 più in là :)
Grazissimo! :)
In generale, comunque, mi sembra che non siate troppo per il layout
liquido, sbaglio? E' usato poco questo metodo? Dite che mi conviene
mettere misure fisse e poi scrivere un bel Best view 800*600? :)
Ciao e grazie di nuovo per l'aiuto!
