Visualizzazione risultati 1 fino 10 di 10

Discussione: css <h1> va a capo da solo

  1. #1
    Guest

    Predefinito css <h1> va a capo da solo

    Ho bisogno di scrivere del testo colorato diversamente da quello del testo normale, ho pensato di usare il tag <h1> e su css impostare un diverso color, ma dopo questo tag, il testo va a capo.
    Quindi il testo risulta spezzato in paragrafi, cosa che non mi va bene.
    Esiste un modo per fare sì che non vada a capo? O esiste un modo per scrivere del testo colorato all'interno di testo normale senza che ci siano a capo?

  2. #2
    Guest

    Predefinito

    potresti usare un <em>testo</em>

    definendolo con

    Codice:
    em {
    	color: #86AC84;
    	font-style: normal;
    }
    sicuramente questo non va a capo

    mavericck

  3. #3
    L'avatar di NoWhere
    NoWhere non è connesso Moderatore
    Data registrazione
    14-02-2003
    Residenza
    New Balarm
    Messaggi
    4,118

    Predefinito

    ho fatto una prova e a me non va a capo...
    posta un link con il codice incriminato cosicchè da vedere come l'hai scritto

  4. #4
    Guest

    Predefinito

    Citazione Originalmente inviato da NoWhere
    ho fatto una prova e a me non va a capo...
    posta un link con il codice incriminato cosicchè da vedere come l'hai scritto
    Codice:
    h1
    {
    	font: 13pt Comic Sans MS;
    	color: #9933FF;
    	text-align: center;
    }

  5. #5
    Guest

    Predefinito

    prova a levare:" text-align: center; "

    ciaooo!

  6. #6
    L'avatar di gve
    gve
    gve non è connesso Utente storico
    Data registrazione
    26-01-2003
    Residenza
    Brescia
    Messaggi
    2,964

    Predefinito

    <h1> e` un tag che crea un blocco, quindi (salvo impostazioni css specifiche) quando chiudi il tag, chiudi il blocco di testo e ne inizi uno nuovo (per default, a capo).

    Per fare quello che vuoi tu, meglio usare elementi cosidetti inline, come il <em> che ti hanno suggerito, i quali di default non creano nessuna modifica alla struttura della pagina ma modifcano solo le caratteristiche del testo taggato, lasciandolo pero` dove si tova.

    Il piu` generico di tali elementi e` <span>: se non applichi una definizione di stile, mettere tale tag e` infatti equivalente a non metterlo; cio` a differenza di <em> (emphasized, enfatizzato), che solitamente equivale a <i> e mette il testo in corsivo, o a <strong> (strong, forte), che solitamente equivale a <b> e mette quindi il testo in grassetto. Questi cinque sono i piu` comuni elementi inline, e se la memoria non m'inganna gli unici a non essere deprecati.

    Secondo me per quello che vuoi fare ti converrebbe usare span, creando una classe:
    nel css: span .rosso { color: #ff0000 ; }
    nel testo: ... testo ... <span class="rosso">testo colorato</span> ...testo ...

    (... ma quante ne so ... e cavoli se me la son tirata )
    Ultima modifica di gve : 28-12-2005 alle ore 23.50.43
    | Regolamento del Forum | Regolamento di AlterVista | FAQ di AlterVista | Netiquette |

    GVE = GVE Virtual Extension
    AVCM #: 6637

  7. #7
    Guest

    Predefinito

    è troppo lungo da scrivere <span class=ecc. per tutte le volte che lo devo usare. se uso h1 con display: inline; funziona, ma è corretto?

  8. #8
    L'avatar di NoWhere
    NoWhere non è connesso Moderatore
    Data registrazione
    14-02-2003
    Residenza
    New Balarm
    Messaggi
    4,118

    Predefinito

    potresti dare quel settaggio direttamente al tag span [anche se così sei più limitato]

    oppure settare il margin e il padding nel tag h1

    l'uso del display:inline credo che potrebbe crearti problemi di visualizzazione, ma a essere sincero non sono ferratissimo con questo attributo...

  9. #9
    Guest

    Predefinito

    Citazione Originalmente inviato da webdreadlocks
    è troppo lungo da scrivere <span class=ecc. per tutte le volte che lo devo usare. se uso h1 con display: inline; funziona, ma è corretto?
    E' sintatticamente scorretto, perché usi un tag creato per i titoli all'interno del testo per cambiare colore, cosa "deprecata" negli standard

    [quote:http://www.htmlhelp.com/reference/ht...ck/h1.html]The H1 element defines a level-one heading. A document generally should have exactly one H1 element to mark the most important heading.[/quote]

    E' esattamente lo stesso discorso delle tabelle usate per il layout

  10. #10
    L'avatar di gve
    gve
    gve non è connesso Utente storico
    Data registrazione
    26-01-2003
    Residenza
    Brescia
    Messaggi
    2,964

    Predefinito

    Volendo come ti hanno detto dovrebe fungere, anche se in generale e` sconsigliato ... controindicazioni pratiche, ovvero malfunzionamenti o simimili, non so, non avendolo mai usato.

    Comunque la stessa cosa puoi farla ad esempio con un <em>, che e` lungo uguale, ed e` meglio.

    Solo, fai come ti ha indicato maverick, specificando anche il font-style: normal (se non lo vuoi in corsivo) e secondo me meglio anche indicare font-weight: normal .
    | Regolamento del Forum | Regolamento di AlterVista | FAQ di AlterVista | Netiquette |

    GVE = GVE Virtual Extension
    AVCM #: 6637

Regole di scrittura

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