Wszystko

Najnowsze

Archiwum

L.....e
L.....e
  • 1
Tak się zastanawiam do czego w ogóle może służyć positon absolute i relative w dzisiejszych czasach? Tzn. wiem co to robi tyle że to "wyrywa" element ze struktury a co za tym idzie p------i responsywność ;)

#css #frontend #webdev
  • 9
  • Odpowiedz

  • Otrzymuj powiadomienia
    o nowych komentarzach
Harry19911
  • 11
@LibertyPrime: masz np diva z avatarem i chcesz mieć w nim zielone kółko od tego że ktoś jest online. Kółko będzie w rogu avataru, może jakoś wystawać czy coś. Jak chcesz to wypozycjonować inaczej niż relative i absolute? I co to ma do responsywności, skoro avatar to np 40x40px?
  • Odpowiedz
y0da
  • 5
Treść przeznaczona dla osób powyżej 18 roku życia...
  • 1
  • Odpowiedz

  • Otrzymuj powiadomienia
    o nowych komentarzach
fuji
  • 2
@y0da Panie to i tak wygląda dobrze :D Połowa stron na Tajwanie ma design jakby to była praca zaliczeniowa z informatyki na zakończenie roku szkolnego 2002/03 xD
  • Odpowiedz
Marmite
  • 1
@Roballo: to dlatego, że flex teraz steruje pozycjonowaniem kontenerów, a nie ich treści. Więc trzeba sobie jeszcze wyśrodkować treść w tych kontenerach i żeby to zrobić nadałem im odpowiednie line-height. Widzę, że zapomniałem o vertical-align: middle, ale to chyba nic nie zmieniło ( ͡° ͜ʖ ͡°)
  • Odpowiedz
Micki
  • 2
Mireczki,

Szukam ogarniętego grafika/studia do realizacji projektu. Stworzenie szaty graficznej oraz pocięcie, strony internetowej związanej z motoryzacją. Mikropłatności, nowoczesny styl, handel plikami.
Jestem totalnie pod ścianą, ponieważ po przepytaniu wszystkich starych kontaktów, znajomych nikt nie miał czasu na dodatkowe realizacje po godzinach.

Z miłą chęcią poproszę nawet o same linki do portfolio/realizacji w komentarzu bądź na priv.
  • 4
  • Odpowiedz

  • Otrzymuj powiadomienia
    o nowych komentarzach
chiken
  • 0
@b3rly: niestety nie działa. Jeśli wkleję to do input to kompletnie rozwala wygląd a dla diva cont wyśrodkuje wszystko razem z labelami. Labele mają być odpowiednio przyklejone do lewej i prawej strony. Mógłbyś sam zedytować ten kod?
  • Odpowiedz
h00k
  • 0
@fidalka możesz używać vh (wielkość względem wysokości okna) albo vw (względem szerokości okna) lub po prostu użyj bootsrapa
  • Odpowiedz
PalaczTHC
  • 1
Cześć, mireczki mam jeden problem, który wydawał mi się banalny ale nie wiem jak z nim się uporać. Jak zrobić by body było na środku i miało określoną szerokość? Ustawianie width dla body odpada bo mam trochę position absolute i źle to się skaluje. Najlepiej by było, żeby css myślał, że szerokość jest taka jak ustawie ją gdzieś. Zrobiłem stronkę jest full responsywna ale na kompie źle wygląda przez to, że jest
  • 6
  • Odpowiedz

  • Otrzymuj powiadomienia
    o nowych komentarzach
chester
  • 1
@PalaczTHC: max-width powinno pomóc, chyba, że źle go używasz.
Jeśli problem pojawia się przy elementach position:absolute, to wstaw je w element z position:relative, a calość wewnątrz tego elementu z max-width (często nazywanego kontenerem)
  • Odpowiedz
PalaczTHC
  • 0
@chester: @Sadaharu: dzięki za pomoc. Problem był bo elementy i tak wystawały z tego bo miały ustawioną szerokość przez vw ale wpadłem na pomysł i w .css dla kompów policzę procenty dla 1200px(taką ma mieć stronka szerokość) i ustawie taką wartość w pixelach. Z testów w chromie wygląda to wtedy ok :P
  • Odpowiedz
epi
  • 2
@LibertyPrime: raczej jeszcze nie

jak rozwiązuje się kwestie urządzeń które go nie obsługują?


@LibertyPrime: tak samo jak w przypadku innych ficzerów, które mogą nie być obsługiwane w starszych przeglądarkach
ogarnia się jakiś fallback albo nie wspiera danej przeglądarki ;)
  • Odpowiedz
janekhe
  • 5
Siema Mirki ( ͡° ͜ʖ ͡°)
Zrobiłem styl do wypoku, ktory mozecie sobie wczytać za pomocą wtyczki Stylebot
Zapraszam do probowania (ciemniejsza wersja normalnego ciemnego motywu)
Jak to wgrać?
Instalujesz stylebota do chrome
Kopiujesz
  • 11
  • Odpowiedz

  • Otrzymuj powiadomienia
    o nowych komentarzach
idiot
idiot
  • 1
Mirki-frontendowcy, poratujcie :). Jest sobie taki oto szablon:

https://addons.prestashop.com/demo/FO15633.html

Na liście produktów obok tych które są na magazynie, mamy ładny napis 'In stock'. Jak dodać tooltipa (najlepiej https://atomiks.github.io/tippyjs/) dla zdarzenia mouseover do tego napisu? Wydaje mi się, że napis ten jest zasłonięty jakimś innym divem. Dodałem pointer-events: none; zarówno do .right-block (bo w nim fizycznie jest element) jak i .linia_pion (bo to mi się zaznacza jak wybiorę zbadaj w Chrome DevTools).

Nie
  • 10
  • Odpowiedz

  • Otrzymuj powiadomienia
    o nowych komentarzach
Greg36
  • 2
@pomarancza_: Bo wtedy robienie "pixel perfect design" i cięcie go do HTMLa miało sens. Obecnie przy tylu dużo lepszych narzędziach, wymogu responsywnego designu i całkowice innych podejść do procesu projektowania jak style guides czy nawet projektowania w przeglądarce robienie obrazka i przerabianie go na stronę jest bardzo nieefektywne.
  • Odpowiedz

Powiązane tagi