Logowanie

Jak zrobić, aby napis znalazł się na środku.

pytanie zadane 6 lutego 2016 w HTML i CSS przez Paweł123 Nałogowiec (33,500 p.)
edycja 6 lutego 2016 przez Paweł123

Cześć, może macie jakieś pomysł, aby napis znalazł się na środku, i aby napis był na zdjęciu.

http://codepen.io/anon/pen/JGmpXO

3 odpowiedzi

odpowiedź 6 lutego 2016 przez Arkadiusz Waluk Ekspert (287,950 p.)
wybrane 6 lutego 2016 przez Paweł123

Najlepsza

Nie prościej ustawić ten obrazek jako background dla tego diva i wtedy sobie to ładnie poustawiać?

komentarz 6 lutego 2016 przez Paweł123 Nałogowiec (33,500 p.)

Zrobiłem tak jak napisałeś i wyszło coś takiego http://codepen.io/anon/pen/JGmpXO

:/

komentarz 6 lutego 2016 przez Arkadiusz Waluk Ekspert (287,950 p.)

No, cały obrazek lekko się nie mieści, trzeba więc pobawić się rozmiarami żeby go dopasować tak jak chcesz.

A ustawienie tego linka na środku to też zabawa z paddingiem/marginem.

komentarz 6 lutego 2016 przez Paweł123 Nałogowiec (33,500 p.)

Tło już dopasowałem, ale mam problem z tym napisem. Kiedy ustawiam margin dla napisu to leci cały div w którym się znajduje.

A oto efekt mojej pracy http://codepen.io/anon/pen/JGmpXO ;(

komentarz 6 lutego 2016 przez Arkadiusz Waluk Ekspert (287,950 p.)

Hm, tak najprościej to może spróbuj dać jakiś padding-top dla .showcase i odpowiednio dostosować wysokość, aby link znalazł się na środku?

komentarz 6 lutego 2016 przez Paweł123 Nałogowiec (33,500 p.)

Kiedy ustawiam ten margin dla napisu to się dzieje coś takiego : http://codepen.io/anon/pen/JGmpXO co mogę jeszcze zrobić?

komentarz 6 lutego 2016 przez Arkadiusz Waluk Ekspert (287,950 p.)

Dlatego zasugerowałem, że możesz spróbować z padding-top dla .showcase, może wtedy uda Ci się uzyskać efekt jakiego oczekujesz.

komentarz 6 lutego 2016 przez Paweł123 Nałogowiec (33,500 p.)

Oto efekt końcowy http://codepen.io/anon/pen/JGmpXO

Może wiesz w jakiej sekcji umieścić

background: rgba(0, 0, 0, 0.4);

,bo chciałbym, aby po najechaniu na zdjęcie samolotu również się przyciemniło tylko nie wiem gdzie mam umieścić kod. :(

komentarz 6 lutego 2016 przez Paweł123 Nałogowiec (33,500 p.)

Dobra znalazłem już, tylko dlaczego tło przykrywa cały obraz?

http://codepen.io/anon/pen/JGmpXO

komentarz 6 lutego 2016 przez Arkadiusz Waluk Ekspert (287,950 p.)

Może po prostu do .showcase:hover? Tyle, że zmieniając background zmienisz tło tego, a nie osiągniesz efektu przyciemnienia. Może coś z przeźroczystością by Ci wystarczyło (opacity)? Jeśli nie to trzeba by spróbować może z after/before, albo ze zrobieniem kolejnego diva który przykrywałby całość i odpowiednio zmieniał się po hoverze.

EDIT: No właśnie pisałem odpowiedź, tło to tło, zmieniając tło danego elementu zmienisz je całkowicie, spróbuj jednego z pomysłów jakie napisałem.

komentarz 6 lutego 2016 przez Paweł123 Nałogowiec (33,500 p.)

Próbuję, próbuję i nadal mi nie wychodzi :(

Możesz jeszcze napisać jakieś wskazówki?

komentarz 6 lutego 2016 przez Arkadiusz Waluk Ekspert (287,950 p.)

Szczerze to nigdy sam czegoś takiego nie robiłem, więc ciężko doradzić. Może popatrz co podpowiada Google? Pierwszy lepszy temat: http://www.forumweb.pl/css/przyciemnienie-zdjecia-i-pojawienie-sie-na-nim-napisu,83749

odpowiedź 6 lutego 2016 przez Pietrak Pasjonat (18,850 p.)

odpowiedź 6 lutego 2016 przez jpacanowski VIP (101,940 p.)

Podobne pytania

0 głosów

2 odpowiedzi 154 wizyt

Jak zrobic by js obejmowal tez napis?

pytanie zadane 10 stycznia 2016 w JavaScript przez solanPwS Użytkownik (550 p.)

+1 głos

2 odpowiedzi 114 wizyt

Jak zrobić aby komputer sam losował liczbę i ją znalazł w sposób binarny .

pytanie zadane 6 października 2020 w Python przez Rock799 Nowicjusz (130 p.)

0 głosów

1 odpowiedź 459 wizyt

Jak zrobić,żeby napis był w środku.

pytanie zadane 22 września 2017 w C i C++ przez Resmittieno Początkujący (280 p.)

Akademia Sekuraka

Kolejna edycja największej imprezy hakerskiej w Polsce, czyli Mega Sekurak Hacking Party odbędzie się już 20 maja 2024r. Z tej okazji mamy dla Was kod: pasjamshp - jeżeli wpiszecie go w koszyku, to wówczas otrzymacie 40% zniżki na bilet w wersji standard!

Więcej informacji na temat imprezy znajdziecie tutaj. Dziękujemy ekipie Sekuraka za taką fajną zniżkę dla wszystkich Pasjonatów!

Akademia Sekuraka

Niedawno wystartował dodruk tej świetnej, rozchwytywanej książki (około 940 stron). Mamy dla Was kod: pasja (wpiszcie go w koszyku), dzięki któremu otrzymujemy 10% zniżki - dziękujemy zaprzyjaźnionej ekipie Sekuraka za taki bonus dla Pasjonatów! Książka to pierwszy tom z serii o ITsec, który łagodnie wprowadzi w świat bezpieczeństwa IT każdą osobę - warto, polecamy!

...