Dołącz do zespołu ekspertów! Backend lub Frontend Developer?

Sprawdź najnowsze oferty pracy naszego partnera - 8lines.io!

Jak zrobić poziomą legendę grup?

Konfiguracja  Założony przez  M1CHH4L.

08.07.2017, 20:53 (Ten post był ostatnio modyfikowany: 08.07.2017, 20:54 przez M1CHH4L.)
#1
    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:).
08.07.2017, 23:16
#2
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.
08.07.2017, 23:17
#3
Wystarczy odpowiednio wystylizować, użyj na danej stronie zbadaj element
09.07.2017, 03:46
#4
(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ć.
09.07.2017, 07:48 (Ten post był ostatnio modyfikowany: 09.07.2017, 07:49 przez Patryk Stefański.)
#5
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;"><i 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} 
Akcja "Dziękuję za pomoc"
Kasujesz link - nie licz na wsparcie
09.07.2017, 20:19
#6
Wystarczy stworzyć podstawową tabelkę ;)
http://www.kurshtml.edu.pl/html/struktur...abele.html



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

1 gości