Gombra kattintva nem jól jelenik meg a szövegem
Az egyik iframe-ben gombokat helyeztem el. Ha behozom a lapot, rögtön megjelenik a gombhoz tartozó szöveg. Megyek egy másik gombra, amire egy másik szöveg jön, be. És ha megint visszaakarok menni az első gombhoz, rákattintok, és akkor a szöveg, nem az én kis keretemben jelenik meg (amit csináltam neki külön), hanem az egész oldalt elfoglalja, és háttér sincs. Mi lehet a gond? És hogy tudnám kijavítani?
■
target?
http://weblabor.hu/forumok/temak/9688
http://htmlspec.web.elte.hu/htmltananyag/gyak4/framek.html
goooooogliii.com, jahú.com stb. naccerűen tud keresni :)
re
a img { border: 0px; }
.kozep { margin-left: auto; margin-right: auto; text-align: center; }</style>
<?xml version="1.0" encoding="iso-8859-2"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="hu">
<head>
<title>Desktop</title>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-2" />
<link rel="stylesheet" type="text/css" href="style.css" />
</head>
<body><script src="http://www.extra.hu/lib/webmaster/webmaster.extra.php?scr=1&username=angelsandairwaves&host=angelsandairwaves.extra.hu" type="text/javascript"></script>
<p align="center" style="margin-top:0; margin-bottom:0;"></p>
<p class="kozep" style="margin-top:0; margin-bottom:0;"><a href="story.html" title="történet" target="_parent"><img src="untitled-1.gif" alt="történet" /></a></p>
<p align="center" style="margin-top:0; margin-bottom:0;"></p>
<p class="kozep" style="margin-top:0; margin-bottom:0;"><a href="tomava.html" title="Tom" target="_parent"><img src="tomd.gif" alt="tom" /></a></p>
<p align="center" style="margin-top:0; margin-bottom:0;"></p>
<p class="kozep" style="margin-top:0; margin-bottom:0;"><a href="davidava.html" title="david" target="_parent"><img src="david.gif" alt="david" /></a></p>
<p align="center" style="margin-top:0; margin-bottom:0;"></p>
<p class="kozep" style="margin-top:0; margin-bottom:0;"><a href="atomava.html" title="atom" target="_parent"><img src="atom.gif" alt="atom" /></a></p>
<p align="center" style="margin-top:0; margin-bottom:0;"></p>
<p class="kozep" style="margin-top:0; margin-bottom:0;"><a href="ryanava.html" title="ryan" target="_parent"><img src="ryan.gif" alt="ryan" /></a></p>
</p>
</body>
</html>
Itt a kód, target nem működik, mindegyiknál ugyan az, mégsem jó a Történet-nél(első link). Hogy javítsam ki?
csoda
1. Ha valamit egy másik keretben akarsz megnyitni, akkor annak a keretnek a nevét add meg, és ne azt, hogy a szülő ablakban nyíljon meg.
2. Ha figyelmesen átnyálazod a fő oldaladat (avaava.html), akkor hamar meglátod, hogy két kereted, van. Ez nem baj, viszont az, hogy mind a kettőnek ugyanaz a neve (main), az már igen. Talán ha egy kicsit beszédesebb neveket adnál pl.: menu, content.
3. Ha már csinálsz egy stíluslapot, akkor ne a html kódban állítsd be a margin értékeit, mert átláthatatlanná teszi a kódot, és nehezebb a hibakeresés. (és hülyén is mutat).
Ennyit első ránézésre........
Aztán tovább néztem.
Amit láttam, az nem egyszerű.
1. Biztosan sok munkád volt abban, hogy minden egyes menüponthoz külön oldalt gyártottál két iframe-mel, amiben megnyílik a menü és a kívánt oldal, de teljesen feleslegesen dolgoztál ennyit. A megoldás az, hogy adott az avaava.html oldal, amiben van két iframe a fent említett hibával. Ha jól látom, akkor ez a menüösszeállítás csak ezen az oldalon található, tehát a menüpontok ne külön keretben legyenek, hanem benne az avaava.html oldalban. Ezzel sikerült egy iframe-től megszabadulni. A maradék iframe-ben (most már elvileg mindegy, hogy hogy nevezed, de azért jobb egy beszédes név pl. content) lesz a tartalom. A menüt a következőképpen kellene átalakítani:
<p class="kozep" style="margin-top:0; margin-bottom:0;"><a href="tom.html" title="Tom" target="content"><img src="tomd.gif" alt="tom" /></a></p>
<p class="kozep" style="margin-top:0; margin-bottom:0;"><a href="david.html" title="david" target="content"><img src="david.gif" alt="david" /></a></p>
<p class="kozep" style="margin-top:0; margin-bottom:0;"><a href="atom.html" title="atom" target="content"><img src="atom.gif" alt="atom" /></a></p>
<p class="kozep" style="margin-top:0; margin-bottom:0;"><a href="ryan.html" title="ryan" target="content"><img src="ryan.gif" alt="ryan" /></a></p>
Igen jól látod, kivettem az üres bekezdéseket, mert 0 marginnal úgy sem jeleni meg.
2. Ha a változásokat megcsinálod, akkor nem fog állandóan újratöltődni a menü, aminél nagyon idegesítő volt a fehér terület, amíg be nem töltődött teljesen.
Jó munkát
re