Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [HTML] Problem z ramką (albo mapą graficzną)
Forum PHP.pl > Forum > Przedszkole
gav3l
Witam cały świat!
Chciałbym prosić o pomoc
Robię stronkę na zaliczenie z informatyki (z htmla) w której obszary mają wyglądać (i wyglądają) tak jak na screenie poniżej.
Nie będę się rozpisywał na temat całej stronki. Mam problem z jednym elementem(a w zasadzie dwoma)

strona wygląda tak:



Problem polega na tym, że po kliknięciu na mapę graficzną znajdującą się na obrazku, link nie otwiera się w ramce, którą zaznaczyłem na screenie, tylko w oddzielnej karcie.

obrazek i mapa:
Kod
<td style="border:1px solid black;" colspan="3" rowspan="2" align="middle">

<img src="domapy.bmp" usemap="#mapa" />
<map name="mapa">
<area shape="rect" coords="76,1,152,87" href="home.html" target="ramka1" >
</map>

</td>



ramka:
Kod
    <td style="border:1px solid black;" colspan="5" rowspan="4" valign="top" align="center">
ramka

    <frameset>
    <iframe scrolling="auto" name="ramka1" src="#">
    &nbsp;
    </iframe>
    </frameset>
    
    </td>



mapa jest OK, wszystko w niej działa,
link jest poprawny,
odwołanie TARGET zgadza się z nazwą ramki,
wszystkie(chyba) elementy składniowe ramki są

co jeszcze może być źle?
może zły typ ramki użyłem?
albo to jest związane z tabelą?


byłbym niezmiernie wdzięczny za pomoc. muszę zrobić tą stronę na jutro...
erix
Czemu iframe umieściłeś wewnątrz frameset?

Daaawno z ramek korzystałem, ale podejrzewam, że to jest przyczyną Twojego problemu.
gav3l
usunąłem ale nic to nie dało...
erix
  1. <td style="border:1px solid black;" colspan="5" rowspan="4" valign="top" align="center">
  2. ramka
  3.  
  4. <iframe scrolling="auto" name="ramka1" src="#">
  5. &nbsp;
  6. </iframe>
  7.  
  8. </td>
  9. <a href="http://127.0.0.3" target="ramka1">asdasdasd</a>

Mi ten kod działa.
gav3l
może to ma coś wspólnego z ramkami?
może nie można wstawiać TARGETa z innej kolumny/wiersza?
nie mam jeszcze doświadczenia w htmlu, więc żadne rozwiązanie mi się nie nasuwa

podam cały kod

Kod
[usunięte]


podam jeszcze treść zadania
bo może próbuję zrobić coś trudniejszego niż miałem smile.gif

Kod
WYKONAJ STRONĘ WWW W NOTATNIKU
PRZESTRZEGAJĄC NASTĘPUJĄCYCH WSKAZÓWEK:
1.    Za pomocą tabel zaprojektuj stronę, na której są obszary wyglądające na przypadkowo rozrzucone.
2.    W jednym z obszarów jest ramka.
3.    Pokoloruj i obramuj komórki, wstaw do nich grafikę i teksty.
4.    W tle wstaw obraz złożony z kilku części (puzzle) tak, żeby całość wyglądała jak jednolity wzór.
5.    Wyznacz fragment dowolnego obrazka (mapę graficzną).
Kliknięcie na ten link spowoduje pojawienie się podstrony w ramce.
6.    Za pomocą innego linka odświeżasz zawartość strony głównej.
7.    Formatowanie poszczególnych części strony powinno być zrobione:
- z użyciem atrybutów w znaczniku tworzącym ten element,
- z użyciem bloku DIV
8.    Zapisz dwie wersje: v1: czyste tabele,  v2: wersja ostateczna
9.    Możesz wykorzystać stronę z poprzedniej pracy.
10.    Nie mylić atrybutu Frame z ramką.


do tego był obrazek tych tabelek (układ taki jak na mojej stronie), a na tej środkowej obramowanej komórce (tam gdzie ramka) był napis: "Tu jest ramka"

mogłem nie zrozumieć zadania
znasz może łatwiejszy sposób zrobienia tego?


jak nie będę tego miał na jutro to nie żyję...
erix
Cytat
jak nie będę tego miał na jutro to nie żyję...

To nie jest wytłumaczenie.

Mi ten kod działa. Tylko powtórka z elementarza - jakie formaty plików graficznych są powszechnie wykorzystywane w Sieci?
gav3l
jpg, gif i png

dlatego użyłem bmp bo na początku wogóle ten obrazek mi sie nie chciał wyświetlać i sprawdzałem wszystko po kolei, między innymi zmieniłem jpg na bmp smile.gif (ale okazało się później że literówke zrobiłem w wywołaniu obrazka)




ale działa ci otwieranie podstrony w tej ramce?
erix
Pod Operą 9.6 wszystko działa, jeśli obrazek do mapy się wyświetla.
gav3l
dzięki wielkie za pomoc, wszystko działa smile.gif

jednak mam jeszcze jedno małe pytanie
czy da się jakoś zrobić tło składające się z kilku obrazków bez użycia warstw?

bo jak coś takiego robie:
Kod
<div style="position:relative; top:-500px; z-index:1;">

to tabelka nie przesuwa mi się o -500px

krótko mówiąc: obrazki które chcę wziąć jako tło daja się przesunąć na wierzch, a tabelka nie
erix
Nie da się. Własność background-image dla paru obrazków obsługuje tylko Safari, AFAIK.

Cytat
to tabelka nie przesuwa mi się o -500px

Poczytaj o absolutnym pozycjonowaniu warstw. [;
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.