Siatka tworzona z jednego wyrażenia

Dla specjalistów Webmastering
#1

Witam chciał bym spytać czy jest możliwe stworzenie siatki takiej jak na obrazku używać ciągle jednego wyrażenia ?

Chodzi o to, że aby dodać kolejne oczko w siatce dodawał bym linie kodu i każda linia była by taka sama. Zrobił bym to na tabeli ale wtedy nie da się tak zrobić aby co 4 oczka przeskakiwało do drugiej linii i tak dalej.

20467916.png

zrobił bym tak : tylko wtedy tworzy sie kolejka i nie przeskakuje na kolejne linie

Rapid Fire
Rapid Fire
Rapid Fire
Rapid Fire
Rapid Fire[/code]
#2

obrazek + tekst w divie z float:left.

#3

Już miałem rozwiązanie ale kaszana…

Szukam ponownie skrypt musi być napisany w html+css nie mogę korzystać w tym przypadku z php.

Jakieś propozycje ??

#4

HTML:

obrazek[/code] lub

[code]
obrazek
CSS:

.ramka {

				float:left;

				margin:5px;

}


.podpis {

				text-align:center;

}

odstępy oczywiście można zmienić, a wyśrodkowanie usunąć :slight_smile: i jeszcze wersja podobna do tej którą podałeś w przykładzie z tabelką:

obrazek[/code]

[code].ramka { float:left; margin:5px; text-align:center; }

#5

Coś chyba jest nie tak. Wkleiłem jedno w plik a drugie dodałem do css ale otrzymany efekt jest zły. Tu wisi jedno nad drugim a ja chce aby były rządki np po 4 takie:

20467916.png

cayman3_11 - tu masz test http://www.gametronik.pl/test.php

#6

w css zapomniałeś kropek (ma być .ramka a jest ramka, .podpis zamiast podpis)

#7

Okej wielkie dzięki, działa :smiley: