Visualizzazione risultati 1 fino 22 di 22

Discussione: [CSS] css per rimpicciolire il testo ed evitare che fuoriesca [era: word-wrap...]

  1. #1
    Guest

    Predefinito [CSS] div troppo corto

    http://basics.altervista.org/inserisci.php

    Se ridimensionate lateralmente, noterete che ad un certo punto il testo esce da .container.
    Ciò è da evitare, e personalmente preferirei che il testo si ridimensionasse, però senza utilizzo mediatore delle media query.
    Onde la mia domanda si riduce alla seguente: "È possibile?", con la quale intendo il ridimensionare il testo, affinchè esso non esca da .container.

    Grazie per l'interesse e per l'attenzione,
    Basics
    Ultima modifica di basics : 23-01-2015 alle ore 16.53.07

  2. #2
    L'avatar di dreadnaut
    dreadnaut non è connesso Super Moderatore
    Data registrazione
    22-02-2004
    Messaggi
    6,306

    Predefinito

    Hai un motivo preciso per non voler usare le media queries? Mi sembrano proprio lo strumento adatto visto il tuo problema.

    Altrimenti è possibile ridimensionare il testo in base alla dimensione della pagina direttamente, usando unità come vh o vw, ma il loro supporto da parte dei browser non è completo.

    Vedi:
    http://css-tricks.com/viewport-sized-typography/
    http://caniuse.com/#feat=viewport-units

  3. #3
    Guest

    Predefinito

    Citazione Originalmente inviato da dreadnaut Visualizza messaggio
    Hai un motivo preciso per non voler usare le media queries? Mi sembrano proprio lo strumento adatto visto il tuo problema.

    Altrimenti è possibile ridimensionare il testo in base alla dimensione della pagina direttamente, usando unità come vh o vw, ma il loro supporto da parte dei browser non è completo.

    Vedi:
    http://css-tricks.com/viewport-sized-typography/
    http://caniuse.com/#feat=viewport-units
    Grazie.
    Non l'avevo trovato.

  4. #4
    Guest

    Predefinito

    Altra domanda:


    In basso container finisce!...
    io però vorrei che non finisse! ),x...e non voglio aggiungere un altro div!... posso prolungarlo?..
    fixed no....

    si può? e non facendo div{height:99999%} ...x)... è ridicolo!

    grazie

  5. #5
    karl94 non è connesso Staff AV
    Data registrazione
    03-10-2005
    Messaggi
    17,745

    Predefinito

    Non specificare l'altezza, lasciala impostata sul valore iniziale auto.

  6. #6
    Guest

    Predefinito

    Citazione Originalmente inviato da karl94 Visualizza messaggio
    Non specificare l'altezza, lasciala impostata sul valore iniziale auto.
    per strada ci ho pensato...
    era min-height:100%


    ... che però provandoci non funziona ),x...

    screenshot
    vedete che è tutto mongolo??

    ...
    pensavo che avrebbe funzionato!
    Ultima modifica di basics : 23-01-2015 alle ore 16.54.29

  7. #7
    karl94 non è connesso Staff AV
    Data registrazione
    03-10-2005
    Messaggi
    17,745

    Predefinito

    Indirizzo? Codice? Da una schermata e basta non si può trovare la soluzione.

  8. #8
    Guest

    Predefinito

    Citazione Originalmente inviato da karl94 Visualizza messaggio
    Indirizzo? Codice? Da una schermata e basta non si può trovare la soluzione.
    http://basics.altervista.org/inserisci.php
    fai 15 aggiungi punto

  9. #9
    karl94 non è connesso Staff AV
    Data registrazione
    03-10-2005
    Messaggi
    17,745

    Predefinito

    Citazione Originalmente inviato da karl94 Visualizza messaggio
    Non specificare l'altezza, lasciala impostata sul valore iniziale auto.
    Continua a valere: rimuovi la proprietà height nella regola in riga cinque del foglio di stile.

  10. #10
    Guest

    Predefinito

    Citazione Originalmente inviato da karl94 Visualizza messaggio
    [...]
    Mille grazie, il problema era che height:100% era dichiarato 2 volte, e io rimuovevo sola la prima!

  11. #11
    karl94 non è connesso Staff AV
    Data registrazione
    03-10-2005
    Messaggi
    17,745

    Predefinito

    Magari evita anche di scrivere ogni regola CSS tutta appiccicata su una sola riga, dovrebbe venire più comodo da leggere e modificare anche per te, e magari non ti sfuggiranno più cose come questa.

  12. #12
    Guest

    Predefinito

    Citazione Originalmente inviato da karl94 Visualizza messaggio
    Magari evita anche di scrivere ogni regola CSS tutta appiccicata su una sola riga, dovrebbe venire più comodo da leggere e modificare anche per te, e magari non ti sfuggiranno più cose come questa.
    mmmh...sono un fanatico dell'inline nel css :\---- magari se dovessero verificarsi altri errori simili... penso ke userò css beautify... grazie cmq... x)

  13. #13
    Guest

    Predefinito

    Altro problema inline:
    Codice HTML:
    <input type="submit" value="modifica" />
    </form>
    <a href=""><button>elimina</button></a> 
    <a href=""><button>accetta</button></a>
    come metto questi tre bottoni sullo stesso livello?



    appare così! x,(

    ho già provato così:

    Codice:
    form{margin:0;padding:0}
    input[type=submit]{display:inline-block}
    Ultima modifica di basics : 31-01-2015 alle ore 10.58.57

  14. #14
    karl94 non è connesso Staff AV
    Data registrazione
    03-10-2005
    Messaggi
    17,745

    Predefinito

    Il form è di tipo blocco, quindi fintanto che è così gli elementi inline adiacenti verranno sempre automagicamente inclusi in un box invisibile di tipo blocco e quindi mai affiancati orizzontalmente.
    Ma mettere un button dentro un a proprio non si può vedere.

  15. #15
    Guest

    Predefinito

    Citazione Originalmente inviato da karl94 Visualizza messaggio
    Il form è di tipo blocco, quindi fintanto che è così gli elementi inline adiacenti verranno sempre automagicamente inclusi in un box invisibile di tipo blocco e quindi mai affiancati orizzontalmente.
    Ma mettere un button dentro un a proprio non si può vedere.
    con position relative si può correggere? x,(

  16. #16
    karl94 non è connesso Staff AV
    Data registrazione
    03-10-2005
    Messaggi
    17,745

    Predefinito

    Senza vedere la pagina per intero è difficile suggerire il metodo migliore per ovviare al problema.

  17. #17
    Guest

    Predefinito

    Citazione Originalmente inviato da karl94 Visualizza messaggio
    Senza vedere la pagina per intero è difficile suggerire il metodo migliore per ovviare al problema.
    ma ti ho dato il codice!

  18. #18
    karl94 non è connesso Staff AV
    Data registrazione
    03-10-2005
    Messaggi
    17,745

    Predefinito

    Sì, di un pezzo della pagina. E ti ho spiegato dove sta il problema.

  19. #19
    Guest

    Predefinito

    Citazione Originalmente inviato da karl94 Visualizza messaggio
    Sì, di un pezzo della pagina. E ti ho spiegato dove sta il problema.
    end hau 2 fix't?

  20. #20
    karl94 non è connesso Staff AV
    Data registrazione
    03-10-2005
    Messaggi
    17,745

    Predefinito

    Potresti ad esempio spostare i pulsanti all'interno del modulo. O forzare il box quest'ultimo inline. Ma ripeto, senza poter vedere la pagina, non si possono dare indicazioni precise.

  21. #21
    Guest

    Predefinito

    Citazione Originalmente inviato da karl94 Visualizza messaggio
    [...]
    ho un problema che premo Ctrl + W a random...e clicco sulla barra delle applicazioni a random..

    tu quante ppm fai? io becco solo gli spazi alla cieca x)
    Ultima modifica di basics : 02-02-2015 alle ore 14.50.17

  22. #22
    karl94 non è connesso Staff AV
    Data registrazione
    03-10-2005
    Messaggi
    17,745

    Predefinito

    Citazione Originalmente inviato da basics Visualizza messaggio
    ho un problema che premo Ctrl + W a random...e clicco sulla barra delle applicazioni a random..

    tu quante ppm fai? io becco solo gli spazi alla cieca x)
    Ok, ma cosa c'entra? Se vuoi parlare di altre cose apri una discussione separata nella sezione Piazza centrale.

Regole di scrittura

  • Non puoi creare nuove discussioni
  • Non puoi rispondere ai messaggi
  • Non puoi inserire allegati.
  • Non puoi modificare i tuoi messaggi
  •