Visualizzazione dei risultati da 1 a 3 su 3
  1. #1

    inserire ritorno a capo in uno pseudo elemento

    buongiorno

    ho una gallery di foto tutta gestita da css su un sito in php. passando il mouse sulle immagini vengono mostrati i dati della foto.
    i dati vengono presi da 2 attributi della foto e inseriti tramite il codice CSS
    codice:
    content: attr(data-description);
    associato all'elemento ::after nel visual del sito.
    Il problema è che la mia stringa di testo non mi va a capo perchè, chiaramente, non viene letto il codice HTML.
    Come posso fare però per andare a capo? Si tratta di un elenco, non posso lasciarlo tutto sulla stessa linea...

    per farvi capire, il sito da cui ho preso la gallery è questo http://yourinspirationweb.com/exampl..._caption2.html

  2. #2
    Moderatore di CSS L'avatar di KillerWorm
    Registrato dal
    Apr 2004
    Messaggi
    5,771
    Ciao, chiaramente nei pseudo elementi non è possibile inserire elementi HTML ma, per ottenere un ritorno a capo, puoi usare \a (da inserire direttamente sul testo nella proprietà content) oppure & #xa; (senza spazi) quando si tratta di inserirlo in un attributo data come nel tuo caso.

    Vedi qui
    Ultima modifica di KillerWorm; 12-10-2016 a 18:50
    Installa Forum HTML.it Toolset per una fruizione ottimale del Forum

  3. #3
    MI-TI-CO...
    stavo per dirti che non funzionava... poi mi sono accorto che mancavano il white-space e il display nel css!!!

    grazie mille... davvero!

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 © 2025 vBulletin Solutions, Inc. All rights reserved.