Hej Mirki od #webdev i może trochę #programowanie

Czy CSSem da radę przyczepić obrazek tła do środka ekranu podobnie jak na załączonym screenie? Nie chodzi mi o wyśrodkowanie przez background-posiotion: center, bo wtedy obrazek będzie cały na środku, am i tylko chodzi o przyklejenie go do środka nawet jeżeli po lewej stronie miałby wystawiać poza ekran.
Zrozumiale to opisałem?

#html #css
resuf - Hej Mirki od #webdev i może trochę #programowanie

Czy CSSem da radę przycz...

źródło: comment_1636977618a4kJbdIOpRUEVhWvHi4DXv.jpg

Pobierz
  • 11
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

@resuf: tak, użyj flexa. na kontener dajesz display: flex i justify-content: flex-end i align-items: center; a obrazek dajesz nie jako tło tylko jako img.

EDIT: a nie, czekaj. Teraz widzę, że masz ten kontener na 100% ekranu :( daj w nim 2 divy po 50%
  • Odpowiedz
@resuf: Zrobić obrazek o podwójnej szerokości, z prawą połową przezroczystą / w kolorze tła i wtedy background-position: center?

Albo, jeśli szerokość obrazka jest znana, to background-position: calc(50% - szerokosc) 50%;

Albo - użyć ::before, który możesz sobie ustawić w połowie szerokości strony, a w nim już background-position: right center;
  • Odpowiedz
Hey
Jest szybki sposób na display:none wybranego elementu w Inspektorze? Obecnie musze wpisywać to ale chciałbym to jakoś zbindować czy coś żeby nie musiał tego wpisywać za każdym razem.
#firefox #css
  • 4
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

@Protectorx: Na szybko i tymczasowo to możesz właśnie jak info wyżej za pomocą uBlock Origin, tylko, że wybierasz z opcji w ikonie pluginu symbol błyskawicy. Jest to tymczasowe usuwanie pojedyńczych elementów(po odświeżeniu elementy znów są widoczne). Opcja z menu kontekstowego tworzy stałą regułę wszystkich elementów danego typu na wszystkich stronach.
Kiedyś w operze byłą taka opcja, ale to całościowo wyłączało wczytywanie obrazów na wciśnięcie klawisza.
Jeśli chodzi ci o opcję
  • Odpowiedz
@pionas1337: W zasadzie jedyna opcja to mieć tylko position relative na kontenerze który trzyma kontener z overflow: auto i wszystki inne position relative/absolute ze środka usunąć (oprócz position absolute tych ukrytych menu) i ręcznie ustawiać dla każdego submenu pozycję względem tego górnego kontenera, ale to i tak się posypie przez scrollowanie.
  • Odpowiedz
Gdzie znajdę aktualną informację, czy jestem wpisany na kwarantanne czy nie?
Od razu uprzedzę - na pacjent.gov.pl/ikp/ JUŻ nie widzę takiej informacji. Ale chyba była. Wczoraj. W formie alertu. Nie zdążyłem dobrze kliknąć/sprawdzić. Ale teraz nie ma nigdzie. A przynajmniej nie mogę się tego doszukać. Jest gdzieś w opcjach?
Czy tak zrobili systtem, że tylko raz w formie wyskakującego paska/alertu się pokazuje, a później już nie można się dowiedzieć, czy jest się
Filip69 - Gdzie znajdę aktualną informację, czy jestem wpisany na kwarantanne czy nie...

źródło: comment_1635349046w1QRg5a6V4YVeLpqBbF4ps.jpg

Pobierz
  • 5
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

Problem z #css może ktoś wpadnie na pomysł. W Firefoxie bloki produktów na pierwszej stronie super, a w chrome odstępy między blokami i generowanie ponad 2000piksieli. Mogę na sztywno wpisać wymiary, ale wolałbym zrobić to po ludzku. Ktoś coś... ! https://detailingpro.pl
  • 7
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

@Kollo: rzeczywiście przechodząc do inspektora przeskakiwało mi jakoś lepiej, ogólnie wysokość nadawana jest przez js-a od karuzelki, możliwe ze ma to związek z tym ze po przeladowaniu strony zdjęcia przez chwile są wielkie, może w ustawieniach karuzeli jest coś o dostosowywaniu wysokości, może trzeba jakoś sztucznie ograniczyć diva z karuzelka
  • Odpowiedz
Jakie mogą być przyczyny że :hover na jednym przycisku działa, a na drugim nie? Oba mają te samą klase i bez najechania myszką tak samo wyglądaja. Są co prawda w innych miejscach, ale już sprawdzałem i :hover powinien być dla każdego przycisku w całym dokumencie..

#html #css #programowanie
  • 6
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

@nevill: Różnica jest taka, że 'Sprawdź' jest we flexie, co zmienia mu display z inline na block. Ogólnie jak chcesz zrobić z buttona to nadaj mu jakiś display (nie inline), bo inaczej dzieje się takie coś. Dodatkowa uwaga, w klasie .grid masz gap i kolumny '50% 50%', przez co wszystko Ci trochę wyjeżdża, bo to oblicza 50% bez gapa, zmień sobie to na '1fr 1fr'
Dawidekss - @nevill: Różnica jest taka, że 'Sprawdź' jest we flexie, co zmienia mu di...

źródło: comment_1635091698TShyira4GXaWE1s4fDPoKz.jpg

Pobierz
  • Odpowiedz
24) Syncting - narzędzie do synchronizowania danych między dwoma komputerami (Windows/Linux/Unix/Mac)


@imlmpe: Nie tylko dwoma, ale przynajmniej dwoma. Mam klaster z 5 instancjami Syncthinga ( ͡° ͜ʖ ͡°)
I nie tylko komputerami, bo na urządzeniach mobilnych też można używać, co polecam.
  • Odpowiedz
"Nie mogę debugować swojego kodu ze względu na to, jak mam na imię"


ustawianie liter spoza ascii w nazwach systemowych xD co mogło pójść nie tak, pokolenie unikodowych p-------k, ja to 10 minut myślę, czy na pewno wstawiać spację w nazwie folderu
  • Odpowiedz
#css #html #programowanie #frontend #webdev #ui
Jak zrobić, żeby tip z napisem w pionie był wyrównany do dołu viewport - jak przy position: fixed;, i scrollował się razem ze stroną.
Ale żeby w poziomie był wyrównany wewnątrz prawego, beżowego pola - jak przy position: absolute;, bo napis jest wewnątrz prawego pola.
?

Tutaj
look997 - #css #html #programowanie #frontend #webdev #ui
Jak zrobić, żeby tip z nap...

źródło: comment_1634588392WY4PAJAEmtom0Vkc7V1VJ5.jpg

Pobierz
  • 10
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

  • Doceń
@Thunderbolt: Tak!

Czyli fixed domyślnie jakby zachowuje pozycję względem kontenera, i to right/left psuło. Ok.

Nawet nie trzeba przenosić do .content jak patrzę. Samo usunięcie right i left wystarczy.
I moje position: relative dla .right
  • Odpowiedz
React + css modules.

Jak ogarnąć theming np. Dark / Light. Zrobiłem normalnie przez root element.
Czyli: [data-theme="lightTeme"]

dla każdego stylu pod variables mam podmienione kolorki.
  • 1
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

Cześć wam, chciałbym się rozwinąć w świecie programowania , czy też ogólnej branży IT, przy okazji fajnie by było coś dorobić po lekcjach. Chodzę do 3 klasy technikum, i sam dla własnego rozwoju uczę się(od mniej więcej pół roku) pythona, html, css, javascripta. Chętnie bym coś dorobił pracując zdalnie po szkole lub w weekendy(Nie koniecznie programując). Ale chciałbym się rozwijać w tym kierunku i stąd pytanie, jakie macie sposoby, żeby jak najlepiej
  • 8
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

@Broxu:

jakie macie sposoby, żeby jak najlepiej opanować języki programowania?


Ale że co ty chcesz w nich opanować? Syntax? Języki to tylko narzędzia, których szczegółami nikt sobie nie zawala niepotrzebnie głowy. Większość informacji dotyczących danego języka to tylko "haki" w pamięci, by programista wiedział jakie ma możliwości, jak coś może wykorzystać i jak daną rzecz znaleźć w dokumentacji czy internecie. Reszta to kwestia doczytania szczegółów, jeżeli z danego elementu języka
  • Odpowiedz
Dopiero zaczynam z talwindcss. Używam komponentu tailwindcss/forms i za cholerę nie mogę zmienić domyślnego koloru ring dla pól input. Domyślnie ustawia mi tam jakiś niebieski. Czy ktoś wie w jaki sposób mogę zmienić ten domyślny kolor na inny?
#css #tailwind #programowanie
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach