Pagina 1 di 2 1 2 ultimoultimo
Visualizzazione dei risultati da 1 a 10 su 14
  1. #1
    Utente di HTML.it L'avatar di Igreo
    Registrato dal
    Jun 2004
    Messaggi
    1,114

    Lunghezza riga = lunghezza testo

    Mi sto chiedendo una cosa:

    Come faccio per scrivere un codice in cui succede che le lettere immesse in una riga, rientrino perfettamente nella riga stessa?

    Ho pensato un possibile modo, anche in merito al fatto che la finestra potrebbe essere ridotta, ma ve ne chiedo un'altro più.. professionale e meno intuitivo di questo!:

    1) inserire nella riga un iframe senza scroll.


    Grazie ancora, ciao!!

  2. #2
    Utente di HTML.it L'avatar di Igreo
    Registrato dal
    Jun 2004
    Messaggi
    1,114
    Non è che sapreste dirmi questa cosina no?

    Sarà per caso che se setto 12px di carattere, mi basta leggere le dimensioni della finestra (ad esempio lo schermo [e per questo vi chiedo come si faccia!]) per poi serrare la medesima nel lenght di scrittura contenuta ad esempio in un array?

    Mbè.. aspetto qualche suggerimento benevolo!

    Grazie!;P
    Ciao.

  3. #3
    Moderatore di JavaScript L'avatar di br1
    Registrato dal
    Jul 1999
    Messaggi
    19,998

    Re: Lunghezza riga = lunghezza testo

    scrivere un codice
    Cosa intendi?

    immessi in una riga
    Cioe'?

    nella riga stessa
    A quale della mezza dozzina di significati di "riga" ti riferisci?

    Sarà per caso che se setto 12px di carattere, mi basta leggere le dimensioni della finestra (ad esempio lo schermo [e per questo vi chiedo come si faccia!]) per poi serrare la medesima nel lenght di scrittura contenuta ad esempio in un array?
    Invece di saltare subito alle tue fantasiose soluzioni, spiega meglio, magari con un disegnino, cosa vuoi ottenere.
    Il guaio per i poveri computers e' che sono gli uomini a comandarli.

    Attenzione ai titoli delle discussioni: (ri)leggete il regolamento
    Consultate la discussione in rilievo: script / discussioni utili
    Usate la funzione di Ricerca del Forum

  4. #4
    Utente di HTML.it L'avatar di Igreo
    Registrato dal
    Jun 2004
    Messaggi
    1,114
    In pratica:

    Immaginate una riga di un table, o meglio una colonna (che è più difficile!); qui vorrei che alcune lettere (nel caso della colonna, quindi, lettere in verticale tramite il br! Lettera+br; lettera+br.) rimango visualizzate sulla mia colonna in perfetta lunghezza quanto quella dell'altezza della tabella che contiene appunto la colonna; e se nel caso in cui io diminuissi la finestra, con la colonna settata in height:100%, queste lettere diminuissero in conformità sempre con la lunghezza dell'altezza della tabella!

    In prativa, vorrei visualizzare delle lettere lungo la perfetta lunghezza verticale di una tabella, senza l'accorrenza di scrollbar; e inoltre, se si effettua un ridimensionamento della tabella stessa, automaticamente dovrebbe ridimensionarti anche il numero delle lettere!

    Immaginate uno script MATRIX, con lettere che scorrono, ma che si adattano in numero alla grandezza della finestra in cui vengono visualizzate... anche se questa si rimpicciolisse o si espandesse e, senza l'aiuto dello scrollbar!

    :master:

  5. #5
    devi lavorare di:
    - font-size ... in px
    - line-height ... sempre in px
    - rapporto tra il numero di "a capo" (tutti i br + 1) il totale altezza colonna e gestire di conseguenza le proprietà sovra-elencate

    risultato ... testo in colonna stile zoom, ma occhio che i caratteri crescono anche in larghezza (leggi: a che razzo serve sta cosa nel web? ... esiste già la dimensione in em o percentuale ...)
    Formaldehyde a new Ajax PHP Zero Config Error Debugger

    WebReflection @WebReflection

  6. #6
    Utente di HTML.it L'avatar di Igreo
    Registrato dal
    Jun 2004
    Messaggi
    1,114
    A cosa serve... immagina un colonna di news a comparsa..
    le news hanno una sola riga a disposizione e la pagina non ha scrollbar.. questo script servirebbe dal momento in cui la nostra news non rientra nelle dimensioni e quindi andrebbe scritta nella prossima comparsa...

    per farla breve, news in una sola riga non modificabile che dimensiona i testi a secondo della lunghezza in percentuale della tabella!

    Potreste spiegarmi meglio come funzionano em e il testo in percentuale?..


    Sorry..^^

    Grazie ancora e a presto!;D

  7. #7
    non sono sicuro di aver capito cosa vuoi fare ma forse questo può aiutarti:
    codice:
    <style type="text/css">
    td div.news {
    	overflow: hidden;
    	text-overflow: ellipsis;
    	white-space: nowrap;
    	width: 300px;
    }
    td div.news-over{
    	overflow: auto;
    	position: absolute;
    	z-index: 11;
    	width: 300px;
    	height: 200px;
    }
    </style>
    <table style="table-layout:fixed; width:300px" cellpadding="0">
    	<tr>
    		<td>
    			<div class="news" onmouseover="this.className='news-over'" onmouseout="this.className='news'">
    				Really really long text to trim without new lines
    				Really really long text to trim without new lines
    				Really really long text to trim without new lines
    				Really really long text to trim without new lines
    				Really really long text to trim without new lines
    				Really really long text to trim without new lines
    			</div>
    		</td>
    	</tr>
    </table>
    Formaldehyde a new Ajax PHP Zero Config Error Debugger

    WebReflection @WebReflection

  8. #8
    Utente di HTML.it L'avatar di Igreo
    Registrato dal
    Jun 2004
    Messaggi
    1,114
    No, non ci siamo... quello che voglio fare:

    una tabella settata 100% width e con una scritta della stessa lungheza del width della tabella... e se quest'ultima viene ridimensionata, viene ridimensionato, eliminando le lettere in eccesso, anche la scritta!


  9. #9
    ma non capisco il discorso lettere in eccesso ... metti overflow hidden e text-overflow: ellipsis per IE ...
    Formaldehyde a new Ajax PHP Zero Config Error Debugger

    WebReflection @WebReflection

  10. #10
    Utente di HTML.it L'avatar di Igreo
    Registrato dal
    Jun 2004
    Messaggi
    1,114
    Ops..

    metti overflow: hidden e fin qui ci siamo..

    qui però mi sono perso text-overflow: ellipsis per IE ...??


Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2026 vBulletin Solutions, Inc. All rights reserved.