Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> [PHP JPortal] jak nałożyć obrazek na obrazek?
kamilos809
post
Post #1





Grupa: Zarejestrowani
Postów: 165
Pomógł: 3
Dołączył: 2.04.2010

Ostrzeżenie: (10%)
X----


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ę (IMG:style_emoticons/default/smile.gif)
Go to the top of the page
+Quote Post
Rid
post
Post #2





Grupa: Zarejestrowani
Postów: 715
Pomógł: 47
Dołączył: 5.12.2010

Ostrzeżenie: (0%)
-----


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
Go to the top of the page
+Quote Post
kamilos809
post
Post #3





Grupa: Zarejestrowani
Postów: 165
Pomógł: 3
Dołączył: 2.04.2010

Ostrzeżenie: (10%)
X----


Rid, dzięki że mi podsunąłeś to. Ogólnie popełniłeś literówkę z "z-idex" bo poprawnie jest "z-index" (IMG:style_emoticons/default/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 (IMG:style_emoticons/default/smile.gif)

Moje kolejne pytanie jak to obsłużyć?
Go to the top of the page
+Quote Post
Rid
post
Post #4





Grupa: Zarejestrowani
Postów: 715
Pomógł: 47
Dołączył: 5.12.2010

Ostrzeżenie: (0%)
-----


Zobacz tutaj:
nakladanie,pozycjonowanie
Go to the top of the page
+Quote Post
kamilos809
post
Post #5





Grupa: Zarejestrowani
Postów: 165
Pomógł: 3
Dołączył: 2.04.2010

Ostrzeżenie: (10%)
X----


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 (IMG:style_emoticons/default/exclamation.gif) (IMG:style_emoticons/default/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 (IMG:style_emoticons/default/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

Ten post edytował kamilos809 6.12.2010, 23:53:32
Go to the top of the page
+Quote Post
fander
post
Post #6





Grupa: Zarejestrowani
Postów: 231
Pomógł: 22
Dołączył: 6.10.2008

Ostrzeżenie: (0%)
-----


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
Go to the top of the page
+Quote Post
Quadina
post
Post #7





Grupa: Zarejestrowani
Postów: 200
Pomógł: 38
Dołączył: 1.12.2010
Skąd: Wrocław

Ostrzeżenie: (0%)
-----


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 ;-)
Go to the top of the page
+Quote Post
kamilos809
post
Post #8





Grupa: Zarejestrowani
Postów: 165
Pomógł: 3
Dołączył: 2.04.2010

Ostrzeżenie: (10%)
X----


Quadina, dzięki za to, bo może się przydać (IMG:style_emoticons/default/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 (IMG:style_emoticons/default/winksmiley.jpg)

Ogółem wielkie dzięki za zainteresowanie się moim problemem (IMG:style_emoticons/default/smile.gif) oczywiście "pomógł" leci
Go to the top of the page
+Quote Post

Reply to this topicStart new topic
2 Użytkowników czyta ten temat (2 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Aktualny czas: 8.08.2026 - 02:47