![]() |
![]() ![]() |
![]() |
![]()
Post
#1
|
|
![]() Grupa: Zarejestrowani Postów: 160 Pomógł: 6 Dołączył: 13.01.2012 Skąd: Bytom Ostrzeżenie: (0%) ![]() ![]() |
Witam, mam taki nagłówek
http://gyazo.com/085e52adcfb05d0229eacb7c4405280d Jak zakodować (używam Bootstrap3) prawą stronę, z serduszkami i miśkiem i ceną w sposób responsywny? jakiś div, który ustawia wszystkie obrazki absolutnie i następnie własności 'top' i 'left' poustawiać, ale czy to zadziała responsywnie i czy to najlepsze rozwiązanie? Wiadomo, mogę sobie wygenerować obrazek ale czy da się to zrobić kodem? -------------------- ![]() |
|
|
![]()
Post
#2
|
|
![]() Grupa: Zarejestrowani Postów: 1 798 Pomógł: 307 Dołączył: 13.05.2009 Skąd: Gubin/Wrocław Ostrzeżenie: (0%) ![]() ![]() |
Da się to zrobić kodem na kilka sposobów. łatwiejszy, który implementujesz tylko w css, to jest flex i poprzez order ustawiasz sobie kolejność. Wadą tego rozwiązania jest że nie działa w każdej mobilnej przeglądarce. Druga opcja to zmienić kolejność nie tylko w float, ale i w samym kodzie. Czyli zmieniasz miśka jako pierwszego w kodzie, ustawiasz jemu jak i temu drugiemu blokowi float: right. Oczywiści jeżeli chcesz żeby misiek był przed informacjami. A samego miśka możesz ustawić jako obrazek i dać mu klasę img-responsive dzięki czemu się jego wysokość będzie się skalować do jego szerokości, a tekst na obrazku możesz nanieść poprzez pozycjonowanie chociażby - tyle że to nie będzie działać z automatu jeżeli podasz wysokość w pikselach, może całkiem fajnie działać jeżeli podasz top/left jako procenty.
|
|
|
![]() ![]() |
![]() |
Wersja Lo-Fi | Aktualny czas: 26.04.2025 - 01:53 |