Forum Debian Users Gang

oli · 2015-10-24 23:30:52

Proszę nie dawajcie mi linków, żebym się uczył bo robię to raz na 100 lat :)

Kod:

<p align="center"><b><font size="3" face="Arial">PRZYKŁADOWE ZDJĘCIA WYKONANE OBIEKTYWEM&nbsp;
</font></b><p align="center"><b><font size="3" face="Arial">Nikon Nikkor AF-S DX 35 mm f/1.8 G</font></b>
<p align="center">



<a href="1.jpg"><img src="1a.jpg" border="0" width="150" height="100" alt="obrazek"></a> 
<a href="2.jpg"><img src="2a.jpg" border="0" width="150" height="100" alt="obrazek"></a>
<a href="4.jpg"><img src="4a.jpg" border="0" width="150" height="100" alt="obrazek"></a> 
<a href="5.jpg"><img src="5a.jpg" border="0" width="150" height="100" alt="obrazek"></a> 
 </p>
<p align="center"> 
<a href="6.jpg"><img src="6a.jpg" border="0" width="150" height="100" alt="obrazek"></a> 
<a href="7.jpg"><img src="7a.jpg" border="0" width="150" height="100" alt="obrazek"></a> 
<a href="6.jpg"><img src="8a.jpg" border="0" width="150" height="100" alt="obrazek"></a> 
<a href="9.jpg"><img src="9a.jpg" border="0" width="150" height="100" alt="obrazek"></a> 
 </p>
<p align="center"> 
<a href="A.jpg"><img src="Aa.jpg" border="0" width="150" height="100" alt="obrazek"></a>
<a href="B.jpg"><img src="Ba.jpg" border="0" width="150" height="100" alt="obrazek"></a> 
<a href="C.jpg"><img src="Ca.jpg" border="0" width="150" height="100" alt="obrazek"></a> 
<a href="D.jpg"><img src="Da.jpg" border="0" width="150" height="100" alt="obrazek"></a> 
</p>

Klikając na miniaturkę zdjęcia otwiera się zdjęcie, które powinno dopasować się do okna przeglądarki internetowej ale tak nie jest, jest poza okno.
Jak to uczynić? Co wstawić?

Jacekalex · 2015-10-24 23:48:35

Do dokumentacji zajrzeć nie łaska?

Obrazek skalowany do okna przeglądarki, to już Javascript, który pobierze wymiary obrazu i przeskaluje obrazek generując kod html img w locie - w przeglądarce.

Skalowanie obrazka w html robi się tak:

Kod:

 <img src="smiley.gif" alt="Smiley face" height="42" width="42">

http://www.w3schools.com/tags/att_img_width.asp

Możesz też spróbować wymiary dać jako

Kod:

 <img src="smiley.gif" alt="Smiley face" height="100%" width="100%"

jeśli załapie w ten sposób, to się obędzie bez Javascripta.

EDIT:
Tak zadziałało:

Kod:

<!DOCTYPE html>
<html>
<body>

<img src="smiley.gif" alt="Smiley face" width="100%" height="100%">

</body>
</html>

Z resztą sam sprawdź:
http://www.w3schools.com/tags/tryit.asp?filename=tryhtml_img_height

Ostatnio edytowany przez Jacekalex (2015-10-24 23:52:00)

neo86 · 2015-10-25 00:16:38

oli napisał(-a):
Proszę nie dawajcie mi linków, żebym się uczył bo robię to raz na 100 lat :)

Pierwsza wersja HTML powstała w 1989 roku. Hmmm... pochodzisz z przyszłości? Gdzieś tak z 2089 roku?

Ostatnio edytowany przez neo86 (2015-10-25 00:17:35)

oli · 2015-10-25 00:56:17

Nie działa. Czy możecie mi podać na tacy?

Huk · 2015-10-25 01:56:42

@oli:

Nie potrafię rozszyfrować o czym prawisz w pierwszym poście... napisz zrozumiale jakoś, co chcesz dokładnie osiągnąć. To co podałeś otwiera zdjęcie w nowym oknie w przeglądarce - jeżeli zdjęcie chciałbyś np. zeskalować to musiałbyś zrobić dla niego własną stronę na zasadzie:

Kod:

Index.html:

<html>
    <body>
        <p align="center"><b><font size="3" face="Arial">PRZYKŁADOWE ZDJĘCIA WYKONANE OBIEKTYWEM&nbsp;
        </font></b><p align="center"><b><font size="3" face="Arial">Nikon Nikkor AF-S DX 35 mm f/1.8 G</font></b>
        <p align="center">



        <a href="1.html"><img src="1a.jpg" border="0" width="150" height="100" alt="obrazek"></a> 
        <a href="2.jpg"><img src="2a.jpg" border="0" width="150" height="100" alt="obrazek"></a>
        <a href="4.jpg"><img src="4a.jpg" border="0" width="150" height="100" alt="obrazek"></a> 
        <a href="5.jpg"><img src="5a.jpg" border="0" width="150" height="100" alt="obrazek"></a> 
         </p>
        <p align="center"> 
        <a href="6.jpg"><img src="6a.jpg" border="0" width="150" height="100" alt="obrazek"></a> 
        <a href="7.jpg"><img src="7a.jpg" border="0" width="150" height="100" alt="obrazek"></a> 
        <a href="6.jpg"><img src="8a.jpg" border="0" width="150" height="100" alt="obrazek"></a> 
        <a href="9.jpg"><img src="9a.jpg" border="0" width="150" height="100" alt="obrazek"></a> 
         </p>
        <p align="center"> 
        <a href="A.jpg"><img src="Aa.jpg" border="0" width="150" height="100" alt="obrazek"></a>
        <a href="B.jpg"><img src="Ba.jpg" border="0" width="150" height="100" alt="obrazek"></a> 
        <a href="C.jpg"><img src="Ca.jpg" border="0" width="150" height="100" alt="obrazek"></a> 
        <a href="D.jpg"><img src="Da.jpg" border="0" width="150" height="100" alt="obrazek"></a> 
        </p>
    </body>
</html>

Kod:

 

1.HTML (Strona dla zdjęcia nr 1 z rozciąganiem 100%):

<html>
    <body>
        <img src="1.jpg" border="0" width="100%" height="100%" alt="obrazek">
    </body>
</html>

Zapisz powyższy koda jako oddzielne pliki i daj znac czy o to Ci chodzi.

Edit:
Oczywiście nawet jak powyższe działa to jest to ostro "bee" ze względu na stosowanie styli poza CSS, ale to inna bajka.

@Jacekalex:

Obrazek skalowany do okna przeglądarki, to już Javascript, który pobierze wymiary obrazu i przeskaluje obrazek generując kod html img w locie - w przeglądarce.

Gwoli ścisłości - nie Javascript a CSS, Javascript może co najwyżej ustawić styl CSS, lub zeskalować programowo, jak to robią niektóre graficzne frameworki, ale zwykle pierdołami tego typu się nie zajmuje.

Pozdrawiam.

Ostatnio edytowany przez Huk (2015-10-25 02:00:58)

Jacekalex · 2015-10-25 02:11:09

Huk napisał(-a):
@Jacekalex:

Obrazek skalowany do okna przeglądarki, to już Javascript, który pobierze wymiary obrazu i przeskaluje obrazek generując kod html img w locie - w przeglądarce.
Gwoli ścisłości - nie Javascript a CSS, Javascript może co najwyżej ustawić styl CSS, lub zeskalować programowo, jak to robią niektóre graficzne frameworki, ale zwykle pierdołami tego typu się nie zajmuje.

Pozdrawiam.

Fakt, CSSem też się da, i to nawet prościej niż JS.

....Zapisz powyższy koda jako oddzielne pliki i daj znac czy o to Ci chodzi.

W granicach pierwszych 100 obrazków zgoda, ale powyżej to już masochizm, właśnie po to powstało min PHP, żeby takie stronki generować dynamicznie po stronie serwera, a JS/Ajax po to, żeby takie stronki generować "w locie" w przeglądarce.

Z resztą Gallery i podobne ustrojstwa sobie całkiem grzecznie radzą z większymi ilościami.

Pozdro

Ostatnio edytowany przez Jacekalex (2015-10-25 02:20:19)

Huk · 2015-10-25 02:37:22

@Jacekalex:

W granicach pierwszych 100 obrazków zgoda, ale powyżej to już masochizm, właśnie po to powstało min PHP, żeby takie stronki generować dynamicznie po stronie serwera, a JS/Ajax po to, żeby takie stronki generować "w locie" w przeglądarce.

Przeto to co tutaj napisałem to jest wersja minimum na "odpierdziel się" :) - wiadomo że dla prawdziwej strony trzeba by zapiąć jakiś automat czy to serwerowy czy chociażby JS, ale biorąc pod uwagę to co zapodał @oli, wydaje mi się że chce mieć cokolwiek co po prostu zadziała - więc... ;]

Pozdrawiam.

Ostatnio edytowany przez Huk (2015-10-25 02:37:52)

Jacekalex · 2015-10-25 02:44:33

Przeto to co tutaj napisałem to jest wersja minimum na "odpierdziel się" :)

Wiem, ale nie zauważyłem żeby Autor napisał, ile ma tych obrazków,
także moja uwaga jest "na wszelki wypadek". ;)

Jeśli np tam powstaje nowa strona dla Agencji Fotograficznej Forum.... :DDD

Po sławnym "kalkulatorze wyborczym" za 400 tys, nic mnie już nie zdziwi w informatyce. ;P

Ostatnio edytowany przez Jacekalex (2015-10-25 17:22:05)

ethanak · 2015-10-25 03:38:25

A ja mam parę uwag do wątkotwórcy:

a) polegasz na nieudokumentowanym ficzerze co poniektórych przeglądarek (automatyczne skalowanie do okna) a to bardzo śliska sprawa - może działać albo nie, albo użytkownik ma pstryczek do wyłączania, albo w ogóle nie wiem co.
b) nawet jeśli by to działało, to jakość w ten sposób pomniejszonego zdjęcia jest tragiczna - przeglądarka to nie program graficzny i przy skalowaniu działa najprostszym algorytmem (pomijanie/powielanie pikseli). Jeśli w ten sposób chcesz prezentować zdjęcie to... cóż, nie wiem po co.
Aha, dotyczy to również smętnych dywagacji kolegów przedpiśców na temat skalowania w HTML/CSS/JS
c) pobudka! mamy rok 2015 i HTML3 już dawno odszedł w niebyt!

Owszem, do tego służy php i biblioteki takie jak GD czy ImageMagick (czy co tam jeszcze pehapiści wymyślili, nie znam się, używam PIL w Pythonie) - a przynajmniej GD znajdziesz na większości paszczatych hostingów (inaczej: jeśli nie ma GD to hosting jest tak paszczaty że nie ma się co nim zajmować). Tylko nie generuje się kodu HTML przeskalowującego obrazek, a przeskalowuje po stronie serwera.
Można również przygotować kilka wersji fotki (wstępnie przeskalowanej) dla popularnych rozdzielczości i serwować wersję najbardziej pasującą. Nie trzeba wtedy angażować serwera do pracy nad każdym zdjęciem.
Najlepszym rozwiązaniem jest połączenie obu tych sposobów - tzn. serwowanie obrazka przeskalowanego do jakichś tam rozmiarów i zapisanie go w cache.

Reasumując: HTML nie ma tu nic do rzeczy. Źle zadane pytanie.

Huk · 2015-10-25 10:41:55

@ethanak:

a) polegasz na nieudokumentowanym ficzerze co poniektórych przeglądarek (automatyczne skalowanie do okna) a to bardzo śliska sprawa - może działać albo nie, albo użytkownik ma pstryczek do wyłączania, albo w ogóle nie wiem co.

To teraz mnie zaciekawiłeś - podaj jakiejś nowoczesnej przeglądarki która nie wspiera na img atrybutów width i height, bo z tego co ja widzę to te zmienne mapują bezpośrednio na width i height CSS, przynajmniej wg. specyfikacji W3:

https://www.w3.org/wiki/HTML/Elements/img

Ja się nie spotkałem żeby to kiedykolwiek nie działało - nawet na starych wersjach IE chodziło bez problemu, więc proszę o przykład.

b) nawet jeśli by to działało, to jakość w ten sposób pomniejszonego zdjęcia jest tragiczna - przeglądarka to nie program graficzny i przy skalowaniu działa najprostszym algorytmem (pomijanie/powielanie pikseli). Jeśli w ten sposób chcesz prezentować zdjęcie to... cóż, nie wiem po co.
Aha, dotyczy to również smętnych dywagacji kolegów przedpiśców na temat skalowania w HTML/CSS/JS

Nikt nie pisał że to jest zalecany sposób! - ba! w ogóle skalowanie na zasadzie stretchowania po x i y jest średnio fajne bo tracimy perspektywę... (i nadal nie wiemy czy o to autorowi chodziło...) mimo to przesadzasz z tym spadkiem jakości - większość przeglądarek używa przyspieszenia sprzętowego i skaluje za pomocą interpolacji biliniowej, co daje całkiem zadowalające efekty w przypadku upscalingu i znośne w przypadku downscalingu - ostatnie skalowanie zdjęć nearest neighbour widziałem w Operze 9.x i IE7 prawie 10 lat temu i faktycznie wtedy każda zmiana rozmiaru powodowała pikselozę (inna sprawa że Opera 9 chodziła dzięki temu jak burza).

c) pobudka! mamy rok 2015 i HTML3 już dawno odszedł w niebyt!

O ile powyższe jest "bee" o tyle nie widzę aby atrybuty width i height na img były oznaczone jako obsolete w HTML5

Owszem, do tego służy php i biblioteki takie jak GD czy ImageMagick (czy co tam jeszcze pehapiści wymyślili, nie znam się, używam PIL w Pythonie) - a przynajmniej GD znajdziesz na większości paszczatych hostingów (inaczej: jeśli nie ma GD to hosting jest tak paszczaty że nie ma się co nim zajmować). Tylko nie generuje się kodu HTML przeskalowującego obrazek, a przeskalowuje po stronie serwera.
Można również przygotować kilka wersji fotki (wstępnie przeskalowanej) dla popularnych rozdzielczości i serwować wersję najbardziej pasującą. Nie trzeba wtedy angażować serwera do pracy nad każdym zdjęciem.
Najlepszym rozwiązaniem jest połączenie obu tych sposobów - tzn. serwowanie obrazka przeskalowanego do jakichś tam rozmiarów i zapisanie go w cache.

Reasumując: HTML nie ma tu nic do rzeczy. Źle zadane pytanie.

Nikt nie napisał że powyższe jest zalecanym rozwiązaniem (inna sprawa że skalowanie live po stronie serwera to też dobra droga do zarżnięcia maszyny w przypadku popularniejszych stron...) ale biorąc pod uwagę to co kolega @oli zapodał, stawiam że tam gdzie chce to wykorzystać nie ma żadnego przetwarzania serwerowego, a nawet jeśli to nie ma czasu się zagłębiać w tajniki PHP żeby podpiąć to co chce zrobić, bo cytuję:

Proszę nie dawajcie mi linków, żebym się uczył bo robię to raz na 100 lat :)

Swoją drogą, jest wiele różnych rozwiązań - nie wiem czemu upierasz się że używanie standardu CSS do skalowanie jest "bee" - fakt faktem że najlepiej pregenerować zdjęcia dla kilku najpopularniejszych rozdzielczości, ale jak ktoś ma sobie przerabiać stronę z czystego HTML na wersję serwerową tylko po to to już lepiej zainteresować się bibliotekami JS które zrobią to po stronie klienta.

Pozdrawiam.

pink · 2015-10-25 11:30:51

zalezy od rozmiaru obrazka ewentualnie mozna przeskalowac, wrzuc strone testowo na sever ze zdjeciami

width: 100%;
height: auto;

daje orginalne wymiary zdjecia.
W tym pliku.html podejrzewam ze maja byc thumbnailsy czyli albo duze zdjecia przeskalowane do malych rozmiarow (co jest bez sesu) albo male pliki jako linki do plikow pelnych otwieranych po kliknieciu

a wogule to takie postawienie sprawy jest z zalozenia bez sesu albo dajesz link do calosci ze zdjeciami i css albo sobie zam zgaduj.

nie daje ci linkow ty daj.

Ostatnio edytowany przez pink (2015-10-25 11:53:20)

oli · 2015-10-25 12:27:10

Próbuję to wstawić co napisał mi HUK ale wywala mi obrazek obok miniaturki :(

link do strony http://pardel.com.pl/fotonikon

Huk · 2015-10-25 12:46:37

@oli:

1. Cały czas nie podałeś co chcesz DOKŁADNIE osiągnąć - zapisz to co ci podałem lokalnie na swoim kompie, w jakimś folderze, wrzuć tam zdjęcie 1.jpg i 1a.jpg i sprawdź czy o to Ci chodzi.

2. Z tego co widzę na podanej stronie masz użyte framy... - to cholerstwo było stosowane dawno temu, dzisiaj jest przestarzałe i pewnie przez to moje rozwiązanie nie działa jak powinno - pytanie czy tak musi być i masz się dostosować, czy też można to zmienić.

Opisz dokładniej założenia, bo stawiam że jeszcze jeden "minimalistyczny" post a zniechęcisz wszystkich chętnych do pomocy.

EDIT:

Z tego co widzę te framy jednak raczej nie przeszkadzają - przynajmniej nie lokalnie w Chrome, na czym to testujesz?

Pozdrawiam.

Ostatnio edytowany przez Huk (2015-10-25 13:01:09)

oli · 2015-10-25 13:15:14

Tak, lokalnie jest OK, ale już z serwera dalej za duże.

Huk · 2015-10-25 13:34:07

Nie wiem co tam się dzieje, ja u siebie zrobiłem tak (wszystkie pliki w jednym folderze):

Indxef.html:

Kod:

<html>
    <head>
        <title></title>
    </head>
<frameset rows="*"><frame name="997" noresize="" src="index.html">
<noframes></noframes></frameset></html>

Index.html:

Kod:

<html>
    <body>
        <p align="center"><b><font size="3" face="Arial">PRZYKŁADOWE ZDJĘCIA WYKONANE OBIEKTYWEM&nbsp;
        </font></b><p align="center"><b><font size="3" face="Arial">Nikon Nikkor AF-S DX 35 mm f/1.8 G</font></b>
        <p align="center">



        <a href="1.html"><img src="http://81.163.204.82/witek/fotonikon/1a.jpg" border="0" width="150" height="100" alt="obrazek" ></a> 
        <a href="2.html"><img src="http://81.163.204.82/witek/fotonikon/2a.jpg" border="0" width="150" height="100" alt="obrazek"></a>
        <a href="3.html"><img src="http://81.163.204.82/witek/fotonikon/4a.jpg" border="0" width="150" height="100" alt="obrazek"></a> 
        <a href="4.html"><img src="http://81.163.204.82/witek/fotonikon/5a.jpg" border="0" width="150" height="100" alt="obrazek"></a> 
         </p>
        <p align="center"> 
        <a href="5.html"><img src="http://81.163.204.82/witek/fotonikon/6a.jpg" border="0" width="150" height="100" alt="obrazek"></a> 
        <a href="6.html"><img src="http://81.163.204.82/witek/fotonikon/7a.jpg" border="0" width="150" height="100" alt="obrazek"></a> 
        <a href="7.html"><img src="http://81.163.204.82/witek/fotonikon/8a.jpg" border="0" width="150" height="100" alt="obrazek"></a> 
        <a href="8.html"><img src="http://81.163.204.82/witek/fotonikon/9a.jpg" border="0" width="150" height="100" alt="obrazek"></a> 
         </p>
        <p align="center"> 
        <a href="9.html"><img src="http://81.163.204.82/witek/fotonikon/Aa.jpg" border="0" width="150" height="100" alt="obrazek"></a>
        <a href="10.html"><img src="http://81.163.204.82/witek/fotonikon/Ba.jpg" border="0" width="150" height="100" alt="obrazek"></a> 
        <a href="11.html"><img src="http://81.163.204.82/witek/fotonikon/Ca.jpg" border="0" width="150" height="100" alt="obrazek"></a> 
        <a href="12.html"><img src="http://81.163.204.82/witek/fotonikon/Da.jpg" border="0" width="150" height="100" alt="obrazek"></a> 
        </p>
    </body>
</html>

Oraz na próbę 1.html:

Kod:

<html>
    <body>
        <img src="http://81.163.204.82/witek/fotonikon/1.jpg" border="0" width="100%" height="100%" alt="obrazek">
    </body>
</html>

Włączam indexf.html i po kliknięciu w kurczaka widzę ładnie zeskalowany obraz do okna - tak więc albo serwer coś przetwarza w tle i zmienia generowany HTML, albo źle coś podpinasz albo offline działa inaczej niż online. Bez widoczności tego co na serwerze i wygenerowanego html, nikt tutaj raczej nic nie poradzi - porównaj sobie najlepiej w Chrome w narzędziach developerskich (F12) co generuje serwer z tym jak to wygląda lokalnie, czymś się różnić musi.

Pozdrawiam.

ethanak · 2015-10-25 13:39:26

@Huk:

Huk napisał(-a):
@ethanak:

a) polegasz na nieudokumentowanym ficzerze co poniektórych przeglądarek (automatyczne skalowanie do okna) a to bardzo śliska sprawa - może działać albo nie, albo użytkownik ma pstryczek do wyłączania, albo w ogóle nie wiem co.
To teraz mnie zaciekawiłeś - podaj jakiejś nowoczesnej przeglądarki która nie wspiera na img atrybutów width i height, bo z tego co ja widzę to te zmienne mapują bezpośrednio na width i height CSS,

A Ty uprzejmie czytaj co wątkotwórca ponawypisywał. Miałeś dokładnie

Kod:

<a href="obrazek.jpg">

a nie

Kod:

<a href="strona_w_ktorej_siedzi_obrazek.html">

Czyli nie ma tu żadnego html-a czy css-a gdzie można width/height wstawić tylko goły jotpeg. A tego różne przeglądarki w różny sposób wyświetlaja...

oli · 2015-10-25 13:57:03

Kombinuje na wszelkie sposoby. Owszem na chrome wyświetla ładnie skalując obrazek ale tylko lokalnie. Na serwerze już wywala rozdzielczość oryginalną obrazka wyjeżdżając poza ekran.

pink · 2015-10-25 15:10:43

w tym przypadku to zalezy tylko od ustawien przegladarki

polaczenie tego:

http://designshack.net/articles/css/how-to-build-a- … bnail-gallery
i
http://bxslider.com/

da pożądany efekt (responsywnie)

oli · 2015-10-25 17:16:15

Metodą prób i błędów poradziłem sobie.
Index.html wygląda tak:

Kod:

<html>
    <body>
        <p align="center"><b><font size="3" face="Arial">PRZYKŁADOWE ZDJĘCIA WYKONANE OBIEKTYWEM&nbsp;
        </font></b><p align="center"><b><font size="3" face="Arial">Nikon Nikkor AF-S DX 35 mm f/1.8 G</font></b>
        <p align="center">



        <a href="1.htm"><width="100" height="100%"><img src="1a.jpg" border="0" width="150" height="100" alt="obrazek"></a> 
        <a href="2.htm"><img src="2a.jpg" border="0" width="150" height="100" alt="obrazek"></a>
        <a href="4.htm"><img src="4a.jpg" border="0" width="150" height="100" alt="obrazek"></a> 
        <a href="5.htm"><img src="5a.jpg" border="0" width="150" height="100" alt="obrazek"></a> 
         </p>
        <p align="center"> 
        <a href="6.htm"><img src="6a.jpg" border="0" width="150" height="100" alt="obrazek"></a> 
        <a href="7.htm"><img src="7a.jpg" border="0" width="150" height="100" alt="obrazek"></a> 
        <a href="6.htm"><img src="8a.jpg" border="0" width="150" height="100" alt="obrazek"></a> 
        <a href="9.htm"><img src="9a.jpg" border="0" width="150" height="100" alt="obrazek"></a> 
         </p>
        <p align="center"> 
        <a href="A.htm"><img src="Aa.jpg" border="0" width="150" height="100" alt="obrazek"></a>
        <a href="B.htm"><img src="Ba.jpg" border="0" width="150" height="100" alt="obrazek"></a> 
        <a href="C.htm"><img src="Ca.jpg" border="0" width="150" height="100" alt="obrazek"></a> 
        <a href="D.htm"><img src="Da.jpg" border="0" width="150" height="100" alt="obrazek"></a> 
        </p>
    </body>
</html>

plus dodatkowe pliki do każdego zdjęcia jako:
x.htm

Kod:

<img src="1.jpg" width="100%" height="100%">

pink · 2015-10-25 17:27:03

poradzilem sobie he he, raczej obszedlem problem wieeeelkim lukiem,
bardzo profesjonalne rozwiazanie nie da sie ukryc.

ethanak · 2015-10-25 19:53:26

nie chce mi się sprawdzać... ale co będzie jeśli proporcje okna nie będą się zgadzać ze zdjęciem?

Huk · 2015-10-25 21:02:38

@ethanak:

A Ty uprzejmie czytaj co wątkotwórca ponawypisywał. Miałeś dokładnie

Sorry zwracam honor - wydawało mi się że to było do mojego "rozwiązania" i użycia width i height :)

nie chce mi się sprawdzać... ale co będzie jeśli proporcje okna nie będą się zgadzać ze zdjęciem?

Na 99% spłaszczy się bądź rozciągnie nienaturalnie - dlatego pisałem wcześniej że to średni pomysł ale widać @oli chce żeby to wyglądało w ten sposób.

Pozdrawiam.

oli · 2015-10-25 23:11:06

Rzeczywiście obrazek zmienia proporcje. Ale zmieniłem to trochę, że jest OK. Dzięki Wszystkim. pozdr.

ethanak · 2015-10-26 03:18:55

A co zmieniłeś?

oli · 2015-10-27 14:01:36

ethanak napisał(-a):
A co zmieniłeś?

Zmniejszyłem obrazek tzn. na sztywno ustawiłem rozdzielczość.

Forum Debian Users Gang

Ogłoszenie

#1 2015-10-24 23:30:52

oli - Zbanowany

Szybka pomoc w prostym HTML

Kod:

#2 2015-10-24 23:48:35

Jacekalex - Podobno człowiek...;)

Re: Szybka pomoc w prostym HTML

Kod:

Kod:

Kod:

#3 2015-10-25 00:16:38

neo86 - Lubię marudzić

Re: Szybka pomoc w prostym HTML

oli napisał(-a):

#4 2015-10-25 00:56:17

oli - Zbanowany

Re: Szybka pomoc w prostym HTML

#5 2015-10-25 01:56:42

Huk - Smoleńsk BULWA!

Re: Szybka pomoc w prostym HTML

Kod:

Kod:

#6 2015-10-25 02:11:09

Jacekalex - Podobno człowiek...;)

Re: Szybka pomoc w prostym HTML

Huk napisał(-a):

#7 2015-10-25 02:37:22

Huk - Smoleńsk BULWA!

Re: Szybka pomoc w prostym HTML

#8 2015-10-25 02:44:33

Jacekalex - Podobno człowiek...;)

Re: Szybka pomoc w prostym HTML

#9 2015-10-25 03:38:25

ethanak - Użytkownik

Re: Szybka pomoc w prostym HTML

#10 2015-10-25 10:41:55

Huk - Smoleńsk BULWA!

Re: Szybka pomoc w prostym HTML

#11 2015-10-25 11:30:51

pink - Użytkownik

Re: Szybka pomoc w prostym HTML

#12 2015-10-25 12:27:10

oli - Zbanowany

Re: Szybka pomoc w prostym HTML

#13 2015-10-25 12:46:37

Huk - Smoleńsk BULWA!

Re: Szybka pomoc w prostym HTML

#14 2015-10-25 13:15:14

oli - Zbanowany

Re: Szybka pomoc w prostym HTML

#15 2015-10-25 13:34:07

Huk - Smoleńsk BULWA!

Re: Szybka pomoc w prostym HTML

Kod:

Kod:

Kod:

#16 2015-10-25 13:39:26

ethanak - Użytkownik

Re: Szybka pomoc w prostym HTML

Huk napisał(-a):

Kod:

Kod:

#17 2015-10-25 13:57:03

oli - Zbanowany

Re: Szybka pomoc w prostym HTML

#18 2015-10-25 15:10:43

pink - Użytkownik

Re: Szybka pomoc w prostym HTML

#19 2015-10-25 17:16:15

oli - Zbanowany

Re: Szybka pomoc w prostym HTML

Kod:

Kod:

#20 2015-10-25 17:27:03

pink - Użytkownik

Re: Szybka pomoc w prostym HTML

#21 2015-10-25 19:53:26

ethanak - Użytkownik