Stylizowanie inputa obrazka, Nie wiem jak za pomocą css odwołać się do input |
Stylizowanie inputa obrazka, Nie wiem jak za pomocą css odwołać się do input |
24.04.2019, 07:27:46
Post
#1
|
|
Grupa: Zarejestrowani Postów: 111 Pomógł: 2 Dołączył: 20.07.2014 Ostrzeżenie: (0%) |
Witam,
Usiłuję zrobić galerię, a każdy z wyświetlanych obrazków będzie jednocześnie linkiem do konkretnej podstrony. link wygląda w sposób następujący: Kod $proba = "<form action='opis.php?nieruchomosc=".$id1."' target ='_blank' method='post'><input type='image' src='".$fotka1."' '></form>"; html: W JavaScript mam napisanego rotatora, który wyświetla obrazki w sliderze. Opakowałem to wszystko w klasę galeria. Kod <div class='galeria'> <div id='slider'></div> </div> W css kombinujęróżnie. Jednak jak do tej pory nie znalazłem rozwiązania. Chodzi mi o to by obrazek zajmował 100% szerokości przeglądarki i miał wysokość 200 px (obrazek ma zostać obcięty by nie utracił proporcji.) CSS: Kod #galeria img{ width: 100%; height: auto; } #galeria{ width: 100%; max-height: 200px; min-height: 200px; overflow: hidden; } Jakaś podpowiedź? Ten post edytował frankiejojo 24.04.2019, 07:28:25 |
|
|
24.04.2019, 09:54:04
Post
#2
|
|
Grupa: Zarejestrowani Postów: 111 Pomógł: 2 Dołączył: 20.07.2014 Ostrzeżenie: (0%) |
Stosując "form action target blank" otworzy mi stronę w osobnej zakładce. Nie osiągnę tego robiąc link z obrazka.
Przy setnym odświeżeniu strony #galeria obcięła obrazek. tzn szerokość obrazka zawsze jest 100% a div galeria zaczął działać (overflow: hidden). Niestety obrazek został przycięty "od góry" czyli widać niebo. Jest jakaś metoda by obrazek został przycięty równomiernie od góry i od dołu? |
|
|
24.04.2019, 12:42:12
Post
#3
|
|
Grupa: Zarejestrowani Postów: 6 762 Pomógł: 1822 Dołączył: 11.03.2014 Ostrzeżenie: (0%) |
Jest jakaś metoda by obrazek został przycięty równomiernie od góry i od dołu? https://kawalekkodu.pl/upychanie-walizki-cz...object-position -------------------- |
|
|
Wersja Lo-Fi | Aktualny czas: 11.05.2024 - 13:56 |