Jak dopasować diva w którym będzie zdjęcie w środku tej litery A?

Odpowiedz Nowy wątek
2019-06-06 17:08
0

Witajcie,
mam literę 'a' w której ma być widoczne zdjęcie. Jak dopasować rozmiar tego diva ze zdjęciem do wnętrza litery?

Pozostało 580 znaków

2019-06-06 17:22
1

Moim zdaniem tak:

  1. Jeśli jest możliwe obsłużyć literę z poziomu CSS, to można użyć overflow: hidden na niej.
  2. Jeśli nie, a litera jest obrazkiem, to najprościej chyba będzie użyć jakiegoś programu graficznego.
  3. W innych przypadkach nie mam pomysłu.

Litera była zrobiona w PS. Ale jeszcze obrazek ten musi być 'klikalny' by otworzyć się w okienku gdzie będzie można przesuwać począwszy od niego na pozostałe zdjęcia. - Kubs 2019-06-07 10:07

Pozostało 580 znaków

2019-06-06 20:29
2

Nie określiłeś dokładnie warunków zadania.

Jeśli wiesz jaka to będzie czcionka, to możesz posłużyć się jednostkami CSS: em i ex
https://www.w3schools.com/cssref/css_units.asp
i dobrać eksperymentalnie takie wartości parametrów obrazka, żeby do niej pasował.

Jeśli nie wiesz jaka to czcionka, zostaje chyba tylko zabawa z canvas i analizowanie zawartości JS-em.


Nie przyszło mi do głowy, że to może być litera zwykłym tekstem. - Silv 2019-06-06 20:30
No w sumie zadanie sformułowanie jest tak, że nie bardzo wiadomo, czym ma być ta litera. - Freja Draco 2019-06-06 20:32
Tzn. pomarańczowa litera jest zrobiona w PS. W niej ma być umieszczone zdjęcie po naciśnięciu którego otworzy się ono w okienku gdzie będzie można przeglądać pozostałe zdjęcia po naciskaniu strzałek lewo/prawo - takie typowe okienko do przeglądania zdjęć z ikonką 'x' w górnym prawym rogu do zamknięcia. - Kubs 2019-06-07 10:09

Pozostało 580 znaków

2019-06-07 11:09
0

O to mi chodzi...

edytowany 2x, ostatnio: Kubs, 2019-06-07 11:13
Mam wrażenie, że taki problem już na forum był poruszany (ale oczywiście nie będę szukać, bo znalezienie graniczy z przypadkiem). - Silv 2019-06-07 16:27

Pozostało 580 znaków

2019-06-07 13:07
2

Zrób to na bitmapach. W grafice z literą walnij wnętrze jako przezroczyste, a pod spód wsadź właściwą grafikę.


To brzmi naprawdę sensownie. Dzięki. Zastanawiam się jeszcze jak potem zrobić ten konkretny obszar 'klikalny'.. - Kubs 2019-06-12 23:28
Rzadko się tego teraz używa, ale możesz spróbować map / area: https://www.w3schools.com/tags/tag_map.asp - Freja Draco 2019-06-13 00:53

Pozostało 580 znaków

2019-06-07 14:01
2

Tutaj masz podobne:
https://css-tricks.com/image-under-text/
https://css-tricks.com/examples/ImageUnderText/

http://nimbupani.com/using-ba[...]r-text-with-css-fallback.html


Fajne, ale człowiekowi nie całkiem o to chodzi, bo potrzebuje przezroczystości tylko w oczku literki. - Freja Draco 2019-06-07 15:01
@Freja Draco: No cóż, ja potrzebuję z kolei 50 milionów dolarów. Każdy czegoś szuka ;) - czysteskarpety 2019-06-07 15:02
No tak, zapomniałam, że tu same bidoki po 14k ;) - Freja Draco 2019-06-07 15:04
@czysteskarpety: Dzięki. Bardzo pomocne. - Kubs 2019-06-12 23:29

Pozostało 580 znaków

2019-06-07 17:46
3

Ech - widzę, że pytasz o to samo już któryś raz :-). Napisałem Ci dokładnie, co trzeba zrobić, krok po kroku.
Ale za upartość - tu jest kod:
https://3n.com.pl/a

Konia wymieniłem, bo Twój był mały :-). Literę wziąłem Twoją, trzeba byłoby ją przygotować większą.
Nie ma komentarzy, spróbuj rozgryźć sam :-)


Witaj Stefan. Dziękuje serdecznie. Ciut spóźniony jestem z komentarzem ale kilka dni nie odwiedzałem forum. - Kubs 2019-06-12 23:31

Pozostało 580 znaków

Odpowiedz
Liczba odpowiedzi na stronę

1 użytkowników online, w tym zalogowanych: 0, gości: 1, botów: 0