Stò facendo degli esercizi per prendere confidenza con XHTML.
Ho visto che richiamando nel HTML il codice
img#ridimensiona { width: 80%; }
inserito nel css è possibile far ridimensionare in base ai parametri dello schermo e della finestra un'immagine.
C'è un codice che effettua la stessa operazione se richiamato su un Box, ridimensionando il suo contenuto (quindi il size del font)?
Vediamo se riesco a spiegarmi, così controllo se quello che so è vero.Guru dei CSS correggetemi.
La risposta è no! (almeno per quanto ne so).
La stessa definizione che hai applicato all'immagine, puoi assegnarla ad un box (div). Questo si ridurrà, riducendo lo schermo.
Ma sia l'immagine che il box assumono l'80% di un valore base: la larghezza o del <div> contenitore o del <body> (che può essere assimilato ad un <div>).
Il testo contenuto assumerà la dimensione indicata con font-size :
o un valore assoluto in px (sconsigliato) o un valore in percentuale o in "em". Questa percentuale si riferisce al valore della dimensione del carattere impostata sul browser.
Quindi se riduci lo schermo si ridurrà il box ma non il carattere contenuto.
Mentre se riduci/aumenti la dimensione del carattere dal browser cambierà la dimensione del testo ma non del box.
QUESTI SON CSS NON XHTML
incorretto: la misura percentuale si basa sulla larghezza dell'elemento genitore (di blocco e non estratto dal flusso in genere)Originariamente inviato da salasir
Ma sia l'immagine che il box assumono l'80% di un valore base: la larghezza o del <div> contenitore o del <body> (che può essere assimilato ad un <div>).
corretto, se usi le percentuali per dimensionare il boxIl testo contenuto assumerà la dimensione indicata con font-size :
o un valore assoluto in px (sconsigliato) o un valore in percentuale o in "em". Questa percentuale si riferisce al valore della dimensione del carattere impostata sul browser.
Quindi se riduci lo schermo si ridurrà il box ma non il carattere contenuto.
Mentre se riduci/aumenti la dimensione del carattere dal browser cambierà la dimensione del testo ma non del box.
se usi em si basa sulla larghezza della lettera M del genitore
Mettiamo che in una pagina debba mettere una imagine e sopra l'immagine una frase divisa in più righe in modo che vada a cadere in parti precise dell'immagine! Quando rimpicciolisco la finestra l'immagine mantiene le proporzioni e si rimpicciolisce, mentre quindi sia i box che il font non potrà rimpicciolirsi mantenedo le posizioni relative?
Non puoi ragionare così, sul web. Il web non è la carta.
Leading the Web to Its Full Potential...
www.pierofix.it | www.w3.org | www.zeldman.com/externals | http://browsehappy.com | www.alistapart.com | www.webstandards.org | www.flickr.com/photos/pierofix/
il testo mettilo direttamente nell'immagineOriginariamente inviato da Lupen1978
Mettiamo che in una pagina debba mettere una imagine e sopra l'immagine una frase divisa in più righe in modo che vada a cadere in parti precise dell'immagine! Quando rimpicciolisco la finestra l'immagine mantiene le proporzioni e si rimpicciolisce, mentre quindi sia i box che il font non potrà rimpicciolirsi mantenedo le posizioni relative?
Così poi ricadiamo negli errori del passato. Credo sia giunto il momento di capire cosa sia il web, come funzioni e quali siano le sue potenzialità.Originariamente inviato da andrea.paiola
il testo mettilo direttamente nell'immagine
P.S. Piattòla, 'tacca gtalk. :P
Leading the Web to Its Full Potential...
www.pierofix.it | www.w3.org | www.zeldman.com/externals | http://browsehappy.com | www.alistapart.com | www.webstandards.org | www.flickr.com/photos/pierofix/
NON FARE L'IGNORANTEOriginariamente inviato da pierofix
Così poi ricadiamo negli errori del passato. Credo sia giunto il momento di capire cosa sia il web, come funzioni e quali siano le sue potenzialità.
P.S. Piattòla, 'tacca gtalk. :P
se ci metti l'alt stai apposto
Ma sì, va bene il discorso del contenuto alternativo, ma occorre andarci con i piedi di piombo. Quella è sempre una soluzione estrema, e non va mai bene lasciare nell'aria una soluzione estrema con una persona che sta imparando.Originariamente inviato da andrea.paiola
NON FARE L'IGNORANTE
se ci metti l'alt stai apposto
Prima occorre imparare a ragionare nel modo corretto.
Leading the Web to Its Full Potential...
www.pierofix.it | www.w3.org | www.zeldman.com/externals | http://browsehappy.com | www.alistapart.com | www.webstandards.org | www.flickr.com/photos/pierofix/
gli ho dato la soluzione easy... poi se vuole approfondisceOriginariamente inviato da pierofix
Prima occorre imparare a ragionare nel modo corretto.
comunque la soluzione da me proposta va solo bene per testi corti.... niente papiri bitmap ok?
Permessi di invio
Rispondi quotando