Siatka tworzona z jednego wyrażenia


(Drivtdt) #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]

(Damgora) #2

obrazek + tekst w divie z float:left.


(Drivtdt) #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 ??


(Damgora) #4

HTML:

obrazek)[/code] lub

 ![obrazek]((adres_obrazka))
CSS:
    .ramka {

				float:left;

				margin:5px;

}


.podpis {

				text-align:center;

}
 odstępy oczywiście można zmienić, a wyśrodkowanie usunąć :) i jeszcze wersja podobna do tej którą podałeś w przykładzie z tabelką:
    
 ![obrazek]((adres%20obrazka))

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


(Drivtdt) #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


(Damgora) #6

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


(Drivtdt) #7

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