Jak zrobić poziomą legendę grup?

Konfiguracja  Założony przez  M1CHH4L.

    Dobry wieczór/Dzień dobry chciałbym zrobić taką legendę grup ale mam problem, oto screen o co mi dokładnie chodzi, miłego dnia/miłego wieczoru:).
Możesz to zrobić na zwykłej tabelce lub na elementach blokowych. Każdemu z nich nadaj float: left;. Możesz też użyć grida lub flexa.
Kodowanie, edycja i tworzenie styli, for, stron, poszczególnych elementów - polecane szczególnie dla osób, które nie potrafią sobie poradzić z problemami.
Wystarczy odpowiednio wystylizować, użyj na danej stronie zbadaj element
(08.07.2017, 23:16)Divir napisał(a): Możesz to zrobić na zwykłej tabelce lub na elementach blokowych. Każdemu z nich nadaj float: left;. Możesz też użyć grida lub flexa.
Można troszkę jaśniej? W tym sensie że byś mógł dać jakiś przykładowy config jak to by miało wyglądać.
Jest to przykład dla właściciela

Kod html:
<div class="footerCol">
<
h3>Właściciel:</h3>
<
ul>
<
li><a href="linkdoprofilu" rel="nofollow"><span style="background-image:url(https://csowicze.pl/images/gwiazdkired_158.gif); font-weight: bold; text-shadow: 1px 1px 7px #FF0000; color: #FF0000;"><class="fa fa-spinner fa-spin"></i>&nbsp;RumcajsJumper</span></a></li>
</
ul>
</
div

Kod CSS:
.footerCol
{
width:13.5%;
font-size:11px;
min-width:125px;
display:inline-block;
vertical-align:top;
line-height:25px;
padding:15px 0 18px 0
Wystarczy stworzyć podstawową tabelkę ;)
http://www.kurshtml.edu.pl/html/struktur...abele.html



Użytkownicy przeglądający ten wątek:

1 gości