+- Forum Webmastera, HTML, CSS, PHP, MySQL, Hosting, Domeny - Forum dla Webmasterów (https://www.webmastertalk.pl)
+-- Dział: Technologie internetowe - tworzenie stron WWW (https://www.webmastertalk.pl/forum-technologie-internetowe-tworzenie-stron-www)
+--- Dział: Początkujący webmaster (https://www.webmastertalk.pl/forum-poczatkujacy-webmaster)
+--- Wątek: Obrazkolinki pozycjonowanie (/thread-obrazkolinki-pozycjonowanie)
Obrazkolinki pozycjonowanie - fafor - 03-08-2010
Witam,
mam problem z wstawieniem obrazkow linkow. Rysunek przedstawia co bym chcial zrobic:
http://img295.imageshack.us/img295/8916/obrazei.jpg
(1, 2 i 3 to trzy rozne obrazki)
W HTMLu raczej tego nie zrobie bo wychodzi:
http://img231.imageshack.us/img231/5622/obraze1.jpg
Probowalem w css ale tam znalazlem tylko opcje background image i nie potrafilem wstawic wiecej niz jednego.
Jesli obrazki nie tlumacza tego co chce zrobic to chodzi mi o cos typu:
kilka obrazkow obok siebie tworzace jeden duzy obrazek, a kazda inna czesc obrazku to osobny link.
Prosze o pomoc, najlepiej kawalek kodu albo link do tutorialu pokazujacy taki przypadek
RE: Obrazkolinki pozycjonowanie - skarabe.pl - 03-08-2010
Kod:
<div style="float: left; width: 50px; height: 100px;">
<img src="obrazek-1.png" alt="" style="width: 50px; height: 100px;"/>
</div>
<div style="float: left; width: 50px; height: 100px;">
<img src="obrazek-2.png" alt="" style="width: 50px; height: 50px" />
<img src="obrazek-3.png" alt="" style="width: 50px; height: 50px" />
</div>
<div style="clear: both"></div>RE: Obrazkolinki pozycjonowanie - fafor - 03-08-2010
O... szybka odpowiedz, dzieki.
Jak bym chcial sie jeszcze dowiedziec jak rozumiec ten caly kod to poczytac o divach w jakis poradnikach html?
RE: Obrazkolinki pozycjonowanie - skarabe.pl - 03-08-2010
(03-08-2010, 19:57)fafor napisał(a): Jak bym chcial sie jeszcze dowiedziec jak rozumiec ten caly kod to poczytac o divach w jakis poradnikach html?
Czytanie zawsze pomaga :) Ale najważniejszą rzeczą jaką musisz zrozumieć o divach to jest to: div obrazuje fragment strony o kształcie prostokąta, przy czym każdy prostokąt może mieć dowolną liczbę wewnętrznych prostokątów. Tak naprawdę to układ divów narzuca się sam po rzucie okiem na szkic strony (w tym wypadku na Twój pierwszy obrazek). Na szkicu widać - potrzebne są dwa prostokąty o takich samych wymiarach (lewy i prawy), gdzie ten drugi ma się dzielić na dwa kolejne prostokąty ułożone jeden pod drugim. Reszta to sztuczki (float: left, clear: both), ale meritum pozostaje takie samo.
Myśl o swoich projektach jak o zestawie powiązanych ze sobą prostokątów - będzie Ci znacznie łatwiej zaprogramować układ HTML.
RE: Obrazkolinki pozycjonowanie - fafor - 03-08-2010
jeszcze jedno male pytanie, nie potrafie tego obrazka przemiescic, gdzie w ktorym miejscu mam wpisac jakies wartosci by go wysrodkowac w pionie i poziomie?
RE: Obrazkolinki pozycjonowanie - skarabe.pl - 03-08-2010
(03-08-2010, 20:05)fafor napisał(a): jeszcze jedno male pytanie, nie potrafie tego obrazka przemiescic, gdzie w ktorym miejscu mam wpisac jakies wartosci by go wysrodkowac w pionie i poziomie?
Względem czego - względem całej strony? :)
RE: Obrazkolinki pozycjonowanie - fafor - 03-08-2010
Tak, probowalem <center> i align ale nic nie dzialalo.
RE: Obrazkolinki pozycjonowanie - skarabe.pl - 03-08-2010
(03-08-2010, 20:11)fafor napisał(a): Tak, probowalem <center> i align ale nic nie dzialalo.
No to kolejne prostokąciki:
Kod:
<div style="position: absolute; left: 50%; top: 50%">
<div style="position: relative; left: -50px; top: -50px">
<div style="float: left; width: 50px; height: 100px;">
<img src="obrazek-1.png" alt="" style="width: 50px; height: 100px;"/>
</div>
<div style="float: left; width: 50px; height: 100px;">
<img src="obrazek-2.png" alt="" style="width: 50px; height: 50px" />
<img src="obrazek-3.png" alt="" style="width: 50px; height: 50px" />
</div>
<div style="clear: both"></div>
</div>
</div>RE: Obrazkolinki pozycjonowanie - fafor - 03-08-2010
Dzikei wielkie!