Visualizzazione dei risultati da 1 a 3 su 3

Discussione: Linea obliqua dentro TD

  1. #1

    Linea obliqua dentro TD

    Buon pomeriggio a tutti.
    In alcune td della mia tabella devo inserire una linea obliqua, con direzione "altodestra e va a finire a in basso a sinistra".

    Ogni parte divisa, deve avere un proprio background, esempio grigio chiaro e grigio scuro.
    E all'interno di ogni porzione devo poter riportare un numero, come nell'immagine in allegato.
    Grazie mille.
    Immagini allegate Immagini allegate

  2. #2
    Moderatore di CSS L'avatar di KillerWorm
    Registrato dal
    Apr 2004
    Messaggi
    3,987
    Ciao, per il momento butto giusto un'idea, potrebbe essere fatto con un background:linear-gradient impostato in obliquo.
    Qui qualcosa che fa al caso (la prima che ho trovato): https://joshuawinn.com/responsive-di...unds-with-css/

    Poi, per inserire i due valori puoi usare due contenitori opportunamente posizionati dentro ciascuno dei <td>, oppure, nel caso i valori siano fissi, puoi inserirli con gli pseudo elementi (::before e ::after) direttamente da CSS.

    Fai qualche prova e vedi cosa riesci a mettere su.
    Prima di postare considera che tra i link utili puoi trovare il 75% delle risposte alle tue domande; il 15% tra i post del forum; il 9% sul web.
    Ti resta l’1% ... usalo bene!

    Le cattive domande sono quelle che non meritano risposta, le buone domande sono quelle che non hanno risposta
    L'Itailano non e nu'opnioine. E' improntate uslaro correattemtne sul froum. Garize!

  3. #3
    Frontend samurai L'avatar di fcaldera
    Registrato dal
    Feb 2003
    Messaggi
    12,964
    per quanto riguarda l'uso dei pseudoelementi generati via content però tieni conto che non saranno accessibili. Quindi andrebbero evitati per del contenuto che veicola un qualche significato.

    Meglio usare due elementi - magari con del contenuto extra visualmente nascosto - che diano informazioni aggiuntive su quei numeri
    ISSlive , un bot per Telegram per trovare tutti i passaggi visibili della Stazione Spaziale Internazionale.

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