Visualizzazione risultati 1 fino 6 di 6

Discussione: Format/indent pagina html

  1. #1
    slossel non è connesso Utente AlterBlog
    Data registrazione
    03-04-2017
    Messaggi
    4

    Predefinito Format/indent pagina html

    Buongiorno, problema di formattazione html
    in una pagina html ho tre link sulla stessa riga, le righe dei link sono "indentate" e composte da più parole, esempio:

    Bando di concorso per gli Istituti delle Scuole Superiori Lettera di presentazione
    Presentazione contenuti (link)
    Linee guida (link)
    Commissione Valutativa degli elaborati Scheda argomenti proposti Motivazioni della Premiazione (3 link)

    se visualizzo la pagina su un tablet o su cell, la terza riga si presenta così
    Commissione Valutativa degli elaborati Scheda argomenti proposti Motivazioni della
    Premiazione

    domanda: è possibile fare in modo che un link composto da più parole venga considerato un unico blocco?
    in modo che quando riduco la pagina, il testo del link non venga spezzato?
    In caso affermativo, è possibile allineare la frase alla linea superiore? come nell'esempio sottostante?

    Bando di concorso per gli Istituti delle Scuole Superiori Lettera di presentazione
    Presentazione contenuti (link)
    Linee guida (link)
    Commissione Valutativa degli elaborati Scheda argomenti proposti
    Motivazioni della Premiazione

    Non vorrei usare i tag <ol> e <ul>
    Grazie per il supporto
    Giuseppe

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

    Predefinito

    Riporta l'indirizzo della pagina in questione, con anche una schermata di come la visualizzi.

  3. #3
    slossel non è connesso Utente AlterBlog
    Data registrazione
    03-04-2017
    Messaggi
    4

    Predefinito

    Purtroppo oggi il sito è bloccato, arrivo alla home page e non prosegue, c'è qualche problema?
    Il nome del sito + "slossel.altervista.org" e la pagina è "acqua3.html"
    Anche il programma "Filezilla" non si connette.

    Grazie per il supporto
    p.s.: siamo una associazione di volontariato che si occupa di "Uomo Tecnologia Ambiente"

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

  5. #5
    isibisitgbots non è connesso Neofita
    Data registrazione
    04-09-2017
    Messaggi
    2

    Predefinito

    Citazione Originalmente inviato da slossel Visualizza messaggio
    Buongiorno, problema di formattazione html
    in una pagina html ho tre link sulla stessa riga, le righe dei link sono "indentate" e composte da più parole, esempio:

    Bando di concorso per gli Istituti delle Scuole Superiori Lettera di presentazione
    Presentazione contenuti (link)
    Linee guida (link)
    Commissione Valutativa degli elaborati Scheda argomenti proposti Motivazioni della Premiazione (3 link)

    se visualizzo la pagina su un tablet o su cell, la terza riga si presenta così
    Commissione Valutativa degli elaborati Scheda argomenti proposti Motivazioni della
    Premiazione

    domanda: è possibile fare in modo che un link composto da più parole venga considerato un unico blocco?
    in modo che quando riduco la pagina, il testo del link non venga spezzato?
    In caso affermativo, è possibile allineare la frase alla linea superiore? come nell'esempio sottostante?

    Bando di concorso per gli Istituti delle Scuole Superiori Lettera di presentazione
    Presentazione contenuti (link)
    Linee guida (link)
    Commissione Valutativa degli elaborati Scheda argomenti proposti
    Motivazioni della Premiazione

    Non vorrei usare i tag <ol> e <ul>
    Grazie per il supporto
    Giuseppe
    Devi usare le media queries per i dispositivi mobili

  6. #6
    slossel non è connesso Utente AlterBlog
    Data registrazione
    03-04-2017
    Messaggi
    4

    Predefinito

    Ho provate ad inserire le MediaQuery relative al dispositivo Smartphone ma il risultato non cambia.
    Codice:
    @media only screen and (min-width: 321px) and (max-width: 480px) {
      .box {
         color:#9d9d9d;
         font-size:12px;
         line-height:18px;
         margin: 0 auto;
         padding: 0;
         position: relative;
         width: 480px;
      }
    }
    Il ritorno a capo è a margine "0". L'obiettivo è potare a capo il testo intero dell'ultimo link, allineato alla riga superiore. (pagina web: http://slossel.altervista.org/acqua3_mobile.html) Style:index1.css
    Ultima modifica di alemoppo : 13-11-2017 alle ore 18.46.39 Motivo: [color] -> [code]

Regole di scrittura

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