[PHP JPortal] jak nałożyć obrazek na obrazek? Opcje

[kamilos809]

Witam,
Dzisiaj zająłem się zabawą z grafiką połączoną z PHP. Mianowicie mam logo strony, ale na nim chcę umieścić odnośniki w formie obrazków, żeby móc kliknąćna dany obrazek umieszczony na bannerze i od razu przenosiło. Nie podawajcie mi że można to rozwiązać div'em bo to już doskonale wiem. Oczywiście jeśli jest sposób zrobienia coś w stylu otoczki na banner żeby umieszczać tylko na nim div'y to prosiłbym o taki. div zwykłego próbowałem użyć, ale strona się rozpada, no bo jak to bezpłatnie hostingi... reklamy o różnych rozmiarach i divy się sypią.

proszę o szybką odpowiedź. Jeżeli coś nie jest jasne to chętnie wytłumaczę

[Rid]

Gdzieś mi ,się o oko obiło z-idex w css.Także poczytaj o modelu pudełkowym.Nie za bardzo się jeszcze bawiłem w CSSie ,ale to może pomoże.

Ten post edytował Rid 6.12.2010, 22:29:02

[kamilos809]

Rid, dzięki że mi podsunąłeś to. Ogólnie popełniłeś literówkę z "z-idex" bo poprawnie jest "z-index"
Jak zawsze spytałem w tej sprawie wujcia google. No oczywiście miliony wyników mi podsunął, ale napotkałem na taki kod:

[PHP] pobierz, plaintext 
<div style="position:absolute; background-color:green; width:50px; height:50px; top:200px; left:200px; z-index:2">
 warstwa 1
</div>
<div style="position:absolute; background-color:yellow; width:50px; height:50px; top:225px; left:225px; z-index:1">
 warstwa 2
</div>
[PHP] pobierz, plaintext 

ze stronki:
http://htmlhelp.shl.pl/css/atrybuty/zindex.php

Moje kolejne pytanie jak to obsłużyć?

[Rid]

Zobacz tutaj:
nakladanie,pozycjonowanie

[kamilos809]

dzięki Rid, zastanawia mnie tylko jak ja to mam rysnąć żeby działało na mojej witrynie internetowej. Ale nad tym jutro pomyśle bo o tej porze trochę nie mam do tego głowy. Ale i tak wielkie dzięki

mały edit:
jak by ktoś miał jeszcze inne sposoby na zrobienie tych obrazków to proszę pisać tu, na pewno się przydadzą, jak nie mi to komuś innemu
Dobra jednak wytestowałem ten mini skrypciak. jest to dobre, bo wielkość dajemy ile pixeli od dołu, a że reklamy np. na yoyo.pl są u góry to jakikolwiek banner będzie pasował do każdej strony, jak np. zrobie dla kumpla banner a on nie chce wydawać pieniędzy na płatny, bez reklamowy hosting www ;D

Ten post edytował kamilos809 6.12.2010, 23:53:32

[fander]

A nie lepiej stworzyć obrazek umieścić go na stronie w ten sposób

Kod

<img src="/images/logo.jpg" alt="logo" usemap="#mapa" />

<map name="mapa">
  <area shape="rect" coords="0,0,82,126" href="jakiś link" alt="cos" />
.
.
.
</map>

http://www.w3schools.com/TAGS/tag_map.asp

Ten post edytował fander 7.12.2010, 10:12:16

[Quadina]

Z uwagi na zgodność z przeglądarkami komórkowymi proponuje zrobić jednego diva ponad z tłem, i drugiego diva w środku w pełni przeźroczystego wypozycjonowanego do odpowiedniego miejsca dzięki position:relative i parametrom left,top. Dzięki temu opera i IE na telefonach komórkowych i sam iPhone będzie widział to poprawnie. Z-index niestety nie zawsze działa, a używanie map jest jeszcze zgodne z XHTML1.0 albo 1.1 ? Nie chce tutaj nikogo obrażać, ale wydaje mi się, że już zostało to ustalone jako dep. Nie jestem pewien, więc sprawdzę to jakoś na czasie ;-)

[kamilos809]

Quadina, dzięki za to, bo może się przydać
fander... ten twój kod muszę dopiero wypróbować, ale wydaje mi się że trafiłeś w samo sedno sprawy. Jak przetestuje to się dowiem

Ogółem wielkie dzięki za zainteresowanie się moim problemem oczywiście "pomógł" leci