Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [HTML][CSS] IFRAME na obrazku
Forum PHP.pl > Forum > Przedszkole
matjanos
Witam!
Wiecie może jak umieścić ramkę iframe na obrazku który nie jest tłem?. Obrazek potrzebny mi jest do zmapowania, a nie znam sposobu żeby umieścić taką ramkę na img. Łatwo jest umieścić iframe na tle strony, ale chciałbym zmapowac ten obrazek a nie da sie tego zrobic na background.
Jeśli coś jest nie jasne to prosze pisać.



Jeśli jeszcze coś jest nie jasne to prosze o informację.
gox
Hym, a cssem sie nie da?
Staraj sie nie stosowac iframe, takie cos sie nie indexuje i inne minusy ma as well tongue.gif
matjanos
Nie da sie niestety cssem bo łapie krawędź obrazka jako krawędz strony.
A co mogę zastosować w zastępstwie iframe?
gox
Zamiast iframe uzyj ajaxa, znalalzem zarombista biblioteke,
ktora jakby serwuje funkcje php pod js:
http://kevin.vanzonneveld.net/techblog/art...hpjs_licensing/

mi sie jednak wydaje ze css da rade wypozycjonowac oba elementy (obrazek i ramka)
pokaz swoj kod html/css
matjanos
HTML
Kod
   <body bgcolor="black" background="a.jpg">
  
  
   <div id="menu">
   <img src="menu.jpg" width="646" height="43" border="0" usemap="#map" />
   <map name="map">
   <!-- #$-:Image map file created by GIMP Image Map plug-in -->
   <!-- #$-:GIMP Image Map plug-in by Maurits Rijk -->
   <!-- #$-:Please do not edit lines starting with "#$" -->
   <!-- #$VERSION:2.3 -->
   <!-- #$AUTHOR:Kuba -->
   <area shape="rect" coords="0,4,86,40" target="tekst" href="glowna.html" />
   <area shape="rect" coords="89,3,169,39" target="tekst" href="sklad.html" />
   <area shape="rect" coords="170,3,290,39" target="tekst" href="plan.html" />
   <area shape="rect" coords="293,3,425,39" target="tekst" href="nauczyciele.html" />
   <area shape="rect" coords="428,3,518,39" target="tekst" href="galeria.html" />
   <area shape="rect" coords="519,3,643,38" target="tekst" href="onas.html" />
   </map>
   </div>
  
   <div id="ramka">
   <iframe name="tekst" frameborder=0 height="265px" width="400px" marginwidth=20 marginheight=0 scrolling="auto" allowTransparency="true" src="glowna.html">
   </iframe>
   </div>

CSS
Kod
body        {
           overflow:hidden
           }
  
   #ramka        {
           color: red;  
           font-size:1cm;
           text-decoration: none;
           margin-top:40px;
           margin-left:500px;
           }
   #menu        {
           margin-top:150px;
           margin-left:275px;
          }


PS. nie wiem czy dam sobie rade z php bo nie mialem z tym do tej pory stycznosci
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.