ugrás a tartalomhoz

Táblázatos grafikus menü IE-ben nem illeszkedik

Gully Foyle · 2006. Nov. 6. (H), 00.49
Sziasztok!


Itt van egy példa kód, ami egy függőleges grafikus menüt jelenít meg, ahol az egyes elemeknek hézag mentesen kellene illeszkedni. Ez Firefox alatt így is van, azonban IE alatt sajnos nem.
		<!-- Menü -->
		<table border="0" cellspacing="0" cellpadding="0" align=left>
			<tr>
				<td height="21" valign="top">
					<a href="index.php" target="_top" onClick="MM_nbGroup('down','group1','teszt_fooldal','',1)" onMouseOver="MM_nbGroup('over','teszt_fooldal','kepek/menufoldal_01.jpg','',1)" onMouseOut="MM_nbGroup('out')"><img src="kepek/menufoldal.jpg" alt="" name="teszt_fooldal" width="215" height="21" border="0" onload=""></a>
				</td>
			</tr>
			<tr>
				<td height="21" valign="top">
					<a href="index.php" target="_top" onClick="MM_nbGroup('down','group1','teszt_szolgaltatas','',1)" onMouseOver="MM_nbGroup('over','teszt_szolgaltatas','kepek/menuszolgaltatas_01.jpg','',1)" onMouseOut="MM_nbGroup('out')"><img src="kepek/menuszolgaltatas.jpg" alt="" name="teszt_szolgaltatas" width="215" height="21" border="0" onload=""></a>
				</td>
			</tr>
			<tr>
				<td height="21" valign="top">
					<a href="index.php" target="_top" onClick="MM_nbGroup('down','group1','teszt_referencia','',1)" onMouseOver="MM_nbGroup('over','teszt_referencia','kepek/menureferencia_01.jpg','',1)" onMouseOut="MM_nbGroup('out')"><img src="kepek/menureferencia.jpg" alt="" name="teszt_referencia" width="215" height="21" border="0" onload=""></a>
				</td>
			</tr>
			<tr>
				<td height="21" valign="top">
					<a href="index.php" target="_top" onClick="MM_nbGroup('down','group1','teszt_elerhetoseg','',1)" onMouseOver="MM_nbGroup('over','teszt_elerhetoseg','kepek/menuelerhetoseg_01.jpg','',1)" onMouseOut="MM_nbGroup('out')"><img src="kepek/menuelerhetoseg.jpg" alt="" name="teszt_elerhetoseg" width="215" height="21" border="0" onload=""></a>
				</td>
			</tr>
		</table>
Rengeteget gondolkodtam rajta... Tudtok valami megoldást?
‹ php kód elrejtése! Az include ára ›
 ■
1

Vedd ki table tr td elemket

Jano · 2006. Nov. 6. (H), 02.00
Egyszerűen tegyél minden </a> után egy <br> elemet és hagyd el a táblázatot.

<a href="index.php" target="_top" onClick="MM_nbGroup('down','group1','teszt_fooldal','',1)" onMouseOver="MM_nbGroup('over','teszt_fooldal','kepek/menufoldal_01.jpg','',1)" onMouseOut="MM_nbGroup('out')"><img src="kepek/menufoldal.jpg" alt="" name="teszt_fooldal" width="215" height="21" border="0" onload=""></a><br>
<a href="index.php" target="_top" onClick="MM_nbGroup('down','group1','teszt_szolgaltatas','',1)" onMouseOver="MM_nbGroup('over','teszt_szolgaltatas','kepek/menuszolgaltatas_01.jpg','',1)" onMouseOut="MM_nbGroup('out')"><img src="kepek/menuszolgaltatas.jpg" alt="" name="teszt_szolgaltatas" width="215" height="21" border="0" onload=""></a>
Ha jól gondolom alkframeket frissítenek a linkek. Ha ez webre kerül Google nem fogja beindexelni oldalt! Javascript nélkül se fog menni. Gondold át!
2

br

noocx · 2006. Nov. 6. (H), 07.45
Hello!

De miert <br>-t tegyen, ha egy navigacios "lista" leirasara a lista elem a leheto legmegfelelobb ?

http://brainstormsandraves.com/articles/semantics/structure/#br

</noocx>
10

Mert nincs kedvem tutorialt írni

Jano · 2006. Nov. 6. (H), 15.40
A kérdés alapján kezdőnek tűnik a kérdező és mondtam egy olyan megoldást ami nem tökéletes, de megoldja a problémáját. Aztán majd később megtanulja, hogyan lehet szöveges ul listát grafikussá alakítani.
11

kesobb..

noocx · 2006. Nov. 6. (H), 16.58
De miert nem jo ha mar egybol az elejetol normalisan tanulja meg elkesziteni azt a listat mindenfele hibas "berogzodes" nelkul ?
12

lépésről lépésre

tiku I tikaszvince · 2006. Nov. 6. (H), 17.07
Nekem ez a kérdés már csak egyszerű kötekedésnek tűnik.

Mivel már eleve egy nagyon rossz berögzülés mentén indult el a delikvensünk, én is jobb ötletnek tartom, a "vissza a startra"&"lépésről lépésre" pedagógiát, mint a "hülyevagyfiam, baromságotcsinálsz, ígykel, mértnembírodmegérteni" módszert, mert ezzel így soha nem fogja megérteni a miérteket!
Valld be, hogy te is könnyebben magadévá teszel egy olyan megoldást, aminek az egyes lépéseit is érted, mint egy olyat, amit csak azért használsz, "mert az orvos is azt mondta"...

Szóval inkább használjon valaki kevés jelölőt, mint rosszakat... szerintem :)

tikuVoltam
13

Igazad van, de ez egy forum topic

Jano · 2006. Nov. 6. (H), 19.20
Igazad van, de ez egy fórum topic és nem elearning kurzus. A kód alapján rengeteg mindent kéne elmagyarazázni neki. A BR megoldás egyel jobb mint amit toro mondott. A táblázat teljesen felesleges oda.
3

tordeles

toro · 2006. Nov. 6. (H), 09.21
Sajnos sokszor a szerkeszto (bar neki nem kellene) beledug egy spacet oda, ahol a kodban sortores van. Neha tenyleg a kod szerkesztese soran valoban beirasra kerul egy space, es ez megjelenik a kimeneten.

Formazd igy:
<td height="21" valign="top"><a href="index.php" target="_top" onClick="MM_nbGroup('down','group1','teszt_fooldal','',1)" onMouseOver="MM_nbGroup('over','teszt_fooldal','kepek/menufoldal_01.jpg','',1)" onMouseOut="MM_nbGroup('out')"><img src="kepek/menufoldal.jpg" alt="" name="teszt_fooldal" width="215" height="21" border="0" onload=""></a></td>
Csunyabb ugyan, de kihuzza a dolog meregfogat.
4

heh?

noocx · 2006. Nov. 6. (H), 09.42
Frankon nem ertem mi ertelme bonyolitani a dolgokat.. Miert kell ilyen menut csinalni ?:) Elmagyaraznatok ? Egyszeruen nem ertem mi a cel..
5

A cél

Gully Foyle · 2006. Nov. 6. (H), 09.58
Köszönöm az eddigi válaszaitokat!

Azért van szükség grafikus menüre, mert a menüpontok grafikus elemeket tartalmaznak, ami talán kevésbé keresőbarát. Ennek ellenére grafikus menüt szeretnék. Ha tudsz, illetve tudtok jobb, prakitukusabb megoldást, azt örömmel venném.
7

tudok

noocx · 2006. Nov. 6. (H), 10.05
Persze hogy tudok, ha elmondod pontosan mit szeretnel.

Es itt nem csak a keresobaratsagrol van szo, hanem arrol hogy mennyire lesz elerheto az a menu a felhasznaloid szamara.

</noocx>
6

en sem ertem...

toro · 2006. Nov. 6. (H), 10.02
en sem ertem, hogy ez most hogy jon ide?
a kerdes egy technikai jellegu problemara vonatkozott, nem design/szerkezet felepitesrol szolt, erre kapott a kerdezo valaszt.

Az, hogy miert kell ilyen vagy olyan menut csinalni, kell-e egyaltalan menu, vagy mint a jo marketinges site-okon csak a szovegben lerakott linkekkel vezessuk a latogatot, talan egy masik bejegyzes temaja lehetne: igerem, ahhoz nem fogok hozzaszolni
9

..

noocx · 2006. Nov. 6. (H), 10.08
Szerintem meg igenis a temahoz kapcsolodik hogy hogyan csinal meg egy menut, ugyanis ha valaki rossz uton jar akkor Te abban tamogatod inkabb hogy hogyan ganyolja ossze a menujet vagy segitesz neki helyesen megoldani az adott problemat ? ( Csodalkozol hogy ilyen a magyar web ?:))
Vagy ennyire telik?


ui.: Ezt nevezem peldamutatasnak, mar ha tudsz peldat mutatni..

</noocx>
8

kösz a megoldást!

Gully Foyle · 2006. Nov. 6. (H), 10.07
toro válasza segített!

Így már működik!
14

ha már mindenki beszél róla

Sulik Szabolcs · 2006. Nov. 6. (H), 20.07
html:

<ul id="menu">
   <li><a href="">fooldal</a></li>
   <li><a href="">szolgaltatas</a></li>
   <li><a href="">referencia</a></li>
   <li><a href="">elerhetoseg</a></li>
</ul>
css:

#menu { list-style: none;
   margin: 0; padding: 0; }

#menu li, #menu a { display: block;
   width: 215px;
   height: 21px; }

#menu li { background: url("kepek/menualap1.jpg") top left no-repeat; }

#menu a:hover { background: url("kepek/menualap2.jpg") top left no-repeat; }
Kb. ennyi, csak még a szövegeket kell megfelelően igazítanod. Minden magyarázat nélkül gondolt meg, hogy ez az áttekinthetőbb, vagy a te megoldásod. (az hogy elérhetőség, kereshetőség, ... szemponjából ez a jobb, ahhoz kétség sem fér)

Ha a továbbiakban is érdekel a dolog, akkor a magyarázat sem fog elmaradni. ;-)
15

Ja tényleg: tutorial

Jano · 2006. Nov. 6. (H), 20.39
Ma kicsit fáradt lehetek, most jutott eszembe, hogy már írtam ilyen tutorialt :) Szöveges menü képessé alakítása lépésről lépésre

És ha a kérdező valóban frame-ket használ, akkor ezt is ajánlom elolvasni:
Miért nem jó kereteket (frameket) használni weboldalon?
16

a Lényeg

Sulik Szabolcs · 2006. Nov. 6. (H), 21.05
Nocsak, az utolsó két hozzászólásban több segítség volt, mint az ezeket megelőző 12-13-ban összesen.
Nem lett volna egyszerűbb így kezdeni és nem dumálni róla(; mert szerintem ez a Weblabor igazi szerepe: az oktatás).
17

Az egyszerűbb a jobb

Gully Foyle · 2006. Nov. 7. (K), 00.59
Mindenkinek köszönöm a segítséget! Megemlíteném, hogy itt a Weblaboron, eddig minden (!) kérdésemre választ kaptam.

Én magam is hiszem, hogy az egyszerűbb a jobb, ezért át fogom alakítani CSS alapúra a menümet. :)