Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [PHP JPortal] jak nałożyć obrazek na obrazek?
Forum PHP.pl > Forum > PHP
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ę smile.gif
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.
kamilos809
Rid, dzięki że mi podsunąłeś to. Ogólnie popełniłeś literówkę z "z-idex" bo poprawnie jest "z-index" smile.gif
Jak zawsze spytałem w tej sprawie wujcia google. No oczywiście miliony wyników mi podsunął, ale napotkałem na taki kod:
  1. <div style="position:absolute; background-color:green; width:50px; height:50px; top:200px; left:200px; z-index:2">
  2. warstwa 1
  3. </div>
  4. <div style="position:absolute; background-color:yellow; width:50px; height:50px; top:225px; left:225px; z-index:1">
  5. warstwa 2
  6. </div>

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

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 exclamation.gif thumbsupsmileyanim.gif

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 winksmiley.gif
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
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
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ć winksmiley.jpg
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 winksmiley.jpg

Ogółem wielkie dzięki za zainteresowanie się moim problemem smile.gif oczywiście "pomógł" leci
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.