Problem jest natury następującej : chciałbym, aby obrazek zmieniał swoją wielkość zależnie od wielkości okna przeglądarki, czyli teoretycznie coś takiego :
<img src="obrazek.jpg" width="20%" height="20%">
no ale to niestety nie wyświetla obrazka w ogóle. Gdy Width i Height nie są w procentach, to wszystko jest okej. Próbowałem też stylem załatwić tą sprawę, ale efekt jest ten sam.
Pytanie brzmi : jak zrobić, aby było dobrze?
Jak to nie wyświetla w ogóle? Z jakiej przeglądarki korzystasz? Pewnie ze starej wersji IE... Zapraszam do aktualizacji, najlepiej na Mozilla Firefox (http://www.firefox.pl/) ;p
Sprawdź ścieżkę do obrazka, pewnie źle wpisałeś. Może to zadziała:
<div style="width: 100%; height: 100%">
<img src="obrazek.jpg" alt="obrazek" width="100%" height="100%" />
</div>
Obrazek będzie rozszerzony do całych wymiarów okna. Jeśli potrzebujesz inaczej to zmień wartość atrybutu width i height warstwy. Chociaż samo:
<img src="obrazek.jpg" alt="obrazek" width="100%" height="100%" />
...też działa, przynajmniej mi.
Jak to nie wyświetla w ogóle? Z jakiej przeglądarki korzystasz? Pewnie ze starej wersji IE... Zapraszam do aktualizacji, najlepiej na Mozilla Firefox
<img src="obrazek.jpg" alt="obrazek" width="100%" height="100%" />
Nie musi nic aktualizować - na IE to działa wyśmienicie.
Już wiem, o co chodziło, więc zostawię dla potomnych. Okazało się, że w stylu dawałem position:absolute i przez to nie działało, trzeba było dać position:relative;
Zarejestruj się i dołącz do największej społeczności programistów w Polsce.
Otrzymaj wsparcie, dziel się wiedzą i rozwijaj swoje umiejętności z najlepszymi.