Visualizzazione risultati 1 fino 10 di 10

Discussione: [css] Prima lettera ok... ma prima parola?

  1. #1
    Guest

    Predefinito [css] Prima lettera ok... ma prima parola?

    Ciao a tutti, sto cercando di fare in modo che la "prima parola" venga messa in grassetto...con la prima lettera lo so fare..ma qual'è il codice della prima parola?
    css:
    Codice PHP:
    .boxtext:first-child {
    font-weight: bold;
    }
    pagina:
    Codice PHP:
    <div class="boxtext">
    Questa è una riga dove deve essere inserito nel testo (in qst riga la prima parola dovrà essere in grassetto!)<br /><br />
    Questa è una riga dove deve essere inserito nel testo.<br /><br />
    Questa è una riga dove deve essere inserito nel testo...
    </
    div>
    Grazie 1000...ciao Davide! ^__________^

  2. #2
    Guest

    Predefinito

    Da quello che so non è possibile tramite CSS trasformare direttamente la prima parola, ma, come dici giustamente anche tu, solo la prima lettera.

    L'unica sarebbe inserire la prima parola in uno <span> e l'altro lasciarlo come è

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

    Predefinito

    non c'è uno pseudo-elemento per la prima parola: puoi solo raggiungere la prima lettera con :first-letter, o la prima riga con :first-line

    come sopra, uno span sembra la soluzione più saggia

  4. #4
    Guest

    Predefinito

    Ok..ho fatto così!:
    Codice PHP:
    .boxtext prima {
    font-weight: bold;
    }
    Codice PHP:
    <prima>Questa</prima>
    Scusate ma se io creo un tag (come questo)...nella validazione me lo da errato?
    Se si..perchè?

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

    Predefinito

    perché non esiste?

  6. #6
    Guest

    Predefinito

    Prova a fare in una pagina vuota "<prima>testo</prima>"..e vedi!
    Io (nella mia testa) ho pensato che tramite css si potrebbero creare dei tag...o no?

  7. #7
    Guest

    Predefinito

    Funziona ma non è corretto secondo gli standard

  8. #8
    Guest

    Predefinito

    Basta che fai:
    Codice HTML:
    .bold {
        font-weight: bold;
    }
    e nella pagina:
    Codice HTML:
    <span class="bold">Questa</span>

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

    Predefinito

    paranoia on

    Il tuo suggerimento non è corretto semanticamente: le classi e gli id usati nel css dovrebbero suggerire il significato degli elementi della pagina a cui si applicano, e non come essi appaiono. Nomi come giallo o bold sono sconsigliati, meglio evidenziato, importante, oppure, in questo caso, qualcosa tipo prima-parola:
    Codice:
    .prima-parola { font-wight: bold; }
    Codice HTML:
    <p><span class="prima-parola">Questa</span> è la prima parola.</p>
    Ultima modifica di dreadnaut : 27-12-2008 alle ore 18.45.16

  10. #10
    Guest

    Predefinito

    Ma dai dreadnaut..ci arrivato fin qui! :PPPPPPP...
    Ciaooo! ;)

Regole di scrittura

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