[mg93]

#frontend #webdev
Hej Mireczki, proszę o poradę. Jak byście zakodowali taki element na stronie (responsywnie oczywiście, na bootstrapowych kolumnach).

Załóżmy, że czerwone linie to granica strony. Te boxy to zapewne pozycjonowanie absolutne, ale zastanawia mnie jak zrobić takie linie pokazujące dokładnie dany punkt samochodu. Wiadomo, że na komórki to już inne wyświetlanie trzeba by było zrobić, ale na tablety jeszcze chciałbym taki widok zachować.

[Wyrazisty]

@mg93: Div to kreska borderem, obróć je później w CSSie i pozycjonuj absolutnie.

[mg93]

@Wyrazisty: witaj, myślisz, że jak będę to pozycjonował procentowo i absolutnie to te punkty utrzymają się chociaż przez jakiś czas?

[Wyrazisty]

@mg93: Jak to ma być skalowane razem z obrazkiem to może kreski zrób już na JPG, a same 'dymki' ustaw odpowiednio procentowo od konkretnych boków?

[k.....a]

@mg93: css'owy :after i :before

[s.....a]

@mg93: a nie da rady po prostu w svg?

[mg93]

@sta: witaj, nie korzystałem jeszcze z SVG w swoich projektach, mógłbyś mi coś zasugerować? W tych contentach jeszcze będą formularze.

[mg93]

@Wyrazisty: hmmmmmmm to może być chyba to, dziękuję wezmę to pod uwagę.

[s.....a]

@mg93: a to pardon, jak jeszcze ma tam być jakiś większy content to svg raczej odpada. Pamiętam, że jak kiedyś szukałem podobnego rozwiązania tzn. dymki z cotnentem wskazujące konkretne mejsca na obrazku to szło to sensownie ogarnąć JSem :)

[mg93]

@sta: Ok dziękuję za wypowiedź

[isamaul]

@mg93: poczytaj o twierdzeniu Talesa

[K.....k]

@mg93 Proszę, ale ja bym to dał tylko na tablety bo na telefonach to będzie słabo wyglądało.

[mg93]

@Krzy___ek: Witaj mireczku, to co tu pokazałeś jest oparte na pzoycjonowaniu czy na zwykłych floatach?

[genius]

@mg93: takie rzeczy chyba łatwiej na adaptive nie na responsive, trzymasz zawsze wszystko w ryzach