Hilfestellung bei webseitennavigation

thefinest · 08.07.2012, 16:42

hallo aus herdorf,

mal ne frage ich proebiere schon den ganzen tag mein webseiten menue mit nem mouseover effekt zu gestalten doch auch nach zahlreichem lesen kriege ich nur ein button hin sobald ichd en 2ten mit nem code versehe geht nix mehr :/

hier mal der code von der index:

Code:

<html>

<head>

<meta http-equiv="Content-Language" content="de">

<title>Waldgaststätte Hohenseelbachskopf</title>

<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">

</head>

<link rel="shortcut icon" href="favicon.ico">

<base target="I1">

<center>

<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">

<!-- ImageReady Slices (hompagewald.psd) -->

<table id="Tabelle_01" width="1025" height="769" border="0" cellpadding="0" cellspacing="0">

	<tr>

		<td colspan="10">

			<img src="Bilder/hompagewald_01.jpg" width="1024" height="11" alt=""></td>

		<td>

			<img src="Bilder/Abstandhalter.gif" width="1" height="11" alt=""></td>

	</tr>

	<tr>

		<td colspan="5">

			<img src="Bilder/hompagewald_02.jpg" width="424" height="16" alt=""></td>

		<td colspan="4">

			<img src="Bilder/hompagewald_03.jpg" width="427" height="16" alt=""></td>

		<td rowspan="17">

			<img src="Bilder/hompagewald_04.jpg" width="173" height="757" alt=""></td>

		<td>

			<img src="Bilder/Abstandhalter.gif" width="1" height="16" alt=""></td>

	</tr>

	<tr>

		<td colspan="2" rowspan="3">

			<img src="Bilder/hompagewald_05.jpg" width="192" height="209" alt=""></td>

		<td colspan="7">

			<img src="Bilder/hompagewald_06.jpg" width="659" height="95" alt=""></td>

		<td>

			<img src="Bilder/Abstandhalter.gif" width="1" height="95" alt=""></td>

	</tr>

	<tr>

		<td colspan="7">

			<img src="Bilder/hompagewald_07.jpg" width="659" height="52" alt=""></td>

		<td>

			<img src="Bilder/Abstandhalter.gif" width="1" height="52" alt=""></td>

	</tr>

	<tr>

		<td colspan="2">

			<img src="Bilder/hompagewald_08.jpg" width="135" height="62" alt=""></td>

		<td colspan="4" rowspan="11">

			<p align="center">

			<iframe name="I1" width="484" height="535" src="http://gaststaettehohenseelbachskopf.de/home.html" marginwidth="1" marginheight="1" border="0" frameborder="0">

			Ihr Browser unterstützt Inlineframes nicht oder zeigt sie in der derzeitigen Konfiguration nicht an.

			</iframe></td>

		<td rowspan="12">

			<img src="Bilder/hompagewald_10.jpg" width="24" height="569" alt=""></td>

		<td>

			<img src="Bilder/Abstandhalter.gif" width="1" height="62" alt=""></td>

	</tr>

	<tr>

		<td rowspan="13">

			<img src="Bilder/hompagewald_11.jpg" width="177" height="532" alt=""></td>

		<td colspan="2">

			<a href="home.html">

			<img src="Bilder/hompagewald_12.jpg" width="129" height="39" alt="" border="0"></a></td>

		<td rowspan="13">

			<img src="Bilder/hompagewald_13.jpg" width="21" height="532" alt=""></td>

		<td>

			<img src="Bilder/Abstandhalter.gif" width="1" height="39" alt=""></td>

	</tr>

	<tr>

		<td colspan="2">

			<img src="Bilder/hompagewald_14.jpg" width="129" height="10" alt=""></td>

		<td>

			<img src="Bilder/Abstandhalter.gif" width="1" height="10" alt=""></td>

	</tr>

	<tr>

		<td colspan="2">

			<a href="infos.html">

			<img src="Bilder/hompagewald_15.jpg" width="129" height="41" alt="" border="0"></a></td>

		<td>

			<img src="Bilder/Abstandhalter.gif" width="1" height="41" alt=""></td>

	</tr>

	<tr>

		<td colspan="2">

			<img src="Bilder/hompagewald_16.jpg" width="129" height="7" alt=""></td>

		<td>

			<img src="Bilder/Abstandhalter.gif" width="1" height="7" alt=""></td>

	</tr>

	<tr>

		<td colspan="2">

			<a href="speißekarte.html">

			<img src="Bilder/hompagewald_17.jpg" width="129" height="38" alt="" border="0"></a></td>

		<td>

			<img src="Bilder/Abstandhalter.gif" width="1" height="38" alt=""></td>

	</tr>

	<tr>

		<td colspan="2">

			<img src="Bilder/hompagewald_18.jpg" width="129" height="8" alt=""></td>

		<td>

			<img src="Bilder/Abstandhalter.gif" width="1" height="8" alt=""></td>

	</tr>

	<tr>

		<td colspan="2">

			<a href="eindruecke.html">

			<img src="Bilder/hompagewald_19.jpg" width="129" height="41" alt="" border="0"></a></td>

		<td>

			<img src="Bilder/Abstandhalter.gif" width="1" height="41" alt=""></td>

	</tr>

	<tr>

		<td colspan="2">

			<img src="Bilder/hompagewald_20.jpg" width="129" height="13" alt=""></td>

		<td>

			<img src="Bilder/Abstandhalter.gif" width="1" height="13" alt=""></td>

	</tr>

	<tr>

		<td colspan="2">

			<a href="Kontakt.html">

			<img src="Bilder/hompagewald_21.jpg" width="129" height="40" alt="" border="0"></a></td>

		<td>

			<img src="Bilder/Abstandhalter.gif" width="1" height="40" alt=""></td>

	</tr>

	<tr>

		<td colspan="2" rowspan="4">

			<img src="Bilder/hompagewald_22.jpg" width="129" height="295" alt=""></td>

		<td>

			<img src="Bilder/Abstandhalter.gif" width="1" height="249" alt=""></td>

	</tr>

	<tr>

		<td colspan="4">

			<img src="Bilder/hompagewald_23.jpg" width="500" height="21" alt=""></td>

		<td>

			<img src="Bilder/Abstandhalter.gif" width="1" height="21" alt=""></td>

	</tr>

	<tr>

		<td colspan="2" rowspan="2">

			<img src="Bilder/hompagewald_24.jpg" width="421" height="25" alt=""></td>

		<td>

			<img src="Bilder/hompagewald_25.jpg" width="51" height="16" alt=""></td>

		<td colspan="2">

			<img src="Bilder/hompagewald_26.jpg" width="52" height="16" alt=""></td>

		<td>

			<img src="Bilder/Abstandhalter.gif" width="1" height="16" alt=""></td>

	</tr>

	<tr>

		<td colspan="3">

			<img src="Bilder/hompagewald_27.jpg" width="103" height="9" alt=""></td>

		<td>

			<img src="Bilder/Abstandhalter.gif" width="1" height="9" alt=""></td>

	</tr>

	<tr>

		<td>

			<img src="Bilder/Abstandhalter.gif" width="177" height="1" alt=""></td>

		<td>

			<img src="Bilder/Abstandhalter.gif" width="15" height="1" alt=""></td>

		<td>

			<img src="Bilder/Abstandhalter.gif" width="114" height="1" alt=""></td>

		<td>

			<img src="Bilder/Abstandhalter.gif" width="21" height="1" alt=""></td>

		<td>

			<img src="Bilder/Abstandhalter.gif" width="97" height="1" alt=""></td>

		<td>

			<img src="Bilder/Abstandhalter.gif" width="324" height="1" alt=""></td>

		<td>

			<img src="Bilder/Abstandhalter.gif" width="51" height="1" alt=""></td>

		<td>

			<img src="Bilder/Abstandhalter.gif" width="28" height="1" alt=""></td>

		<td>

			<img src="Bilder/Abstandhalter.gif" width="24" height="1" alt=""></td>

		<td>

			<img src="Bilder/Abstandhalter.gif" width="173" height="1" alt=""></td>

		<td></td>

	</tr>

</table>

<!-- End ImageReady Slices -->

</body>

</center>

</html>

und hier den den ich einfüge: pro button (es handelt sich um 12-15-17-19-21

Code:

		<a href="home.htm" 
   onMouseOver="document.Bild.src='Bilder/hompagewald_12_mo.jpg';" 
   onMouseOut="document.Bild.src='Bilder/hompagewald_12.jpg';">

<img src="Bilder/hompagewald_12.jpg" 
   name="Bild" 
   width=129 height=41 border="0"
   alt="Demolink" 
   border=0>

kann mir jmd sagen warum das net funktioniert

?

Bitte das nächste mal den Quellcode in das entsprechende TAG (die Raute neben der Zitat-Blase) packen damit dein Post nicht endlos lang ist. Danke. Minaya

Walter75 · 08.07.2012, 19:11

Tu Dir ein gefallen und fang gleich damit an Deine Webseite nicht als Tabellenlayout zu entwerfen. Genügend Beispiele findest Du im Netz. Dann arbeite Dich vom header zum footer vor und lerne gleich richtig und google nach "tabellenloses Webdesign" o.ä. Dann arbeite Dich vom <header> über <navi> zum <content> und <footer>. Dann wird Dir auch Schritt für Schritt geholfen.

patrick_l · 08.07.2012, 20:16

Wie Walter bereits schrieb, sollte deine Website ohne Tabellen umgesetzt werden. Wie ich sehe wurde hier mit ImageReady (CS2 <) gearbeitet. Das was dort als / an Code raus kommt, genauso wie bei Photoshop ist für die Tonne.

Lerne die Grundlagen von HTML und CSS. Danach setze deine Website ordentlich um. Ich habe hier einige hilfreiche Links, die dir dabei helfen werden, dich näher mit dem wichtigsten auseinander zusetzen.

- HTML5 Handbuch Webkompetenz
- Einführung in XHTML, CSS & Webdesign (Michael Jendryschik)
- Little-Boxes
- CSS 4 You - The Finest in Stylesheets
- CSS Mania · Since 2004

Grüße Patrick

thefinest · 08.07.2012, 20:38

vielen dank schonmal für die antworten und hilfestellungen, also das ist mit cs3 extended für web und geräte als bild und html abgespeichert worden,
na gut ich lese mich mal durch die ganzen sachen durch, aber auf der schnelle bräuchte ich trotzdem ne antwort auf meine frage - ob es möglich ich so wie ich es gemacht habe ein mo effekt zu machen bei den buttons...

Myhar · 09.07.2012, 08:32

Auf die Schnelle kann man dir den Rat geben, den schon meine Vorgänger gegeben haben: Wirf die Seite weg und erstelle sie ordentlich. Ansonsten kommen, wenn du auch nur eine Kleinigkeit verändern willst, genau solche Fragen wieder auf.
Zumindest ich tu mir das nicht an, mich durch eine so schreckliche Tabellenlayout-Seite durchuzarbeiten. Vielleicht ist jemand anderer netter, aber nichts desto trotz: Arbeite ordentlich, dann kann man dir einfacher helfen.

08.07.2012, 19:11	#2
Walter75 Member Registriert seit: 27.12.2009 Ort: Thüringen Südharz Beiträge: 174 Kamera: Sony a580 Verwendet: Cs6	AW: Hilfestellung bei webseitennavigation Tu Dir ein gefallen und fang gleich damit an Deine Webseite nicht als Tabellenlayout zu entwerfen. Genügend Beispiele findest Du im Netz. Dann arbeite Dich vom header zum footer vor und lerne gleich richtig und google nach "tabellenloses Webdesign" o.ä. Dann arbeite Dich vom <header> über <navi> zum <content> und <footer>. Dann wird Dir auch Schritt für Schritt geholfen. __________________ http://www.harz-achat.de ...Steine machen Geschichte. http://www.norbert-klippstein.de ...Freiberuflicher Musiker für individuelle Musikdienstleistungen

08.07.2012, 20:16	#3
patrick_l Medienjongleur Registriert seit: 11.05.2008 Ort: NRW Beiträge: 5.983 Kamera: Canon Eos 7D, Eos 60D, MV900, Revue Verwendet: bis CS6, Corel, GIMP, Coda, SublimeText 2, VSE 2013, Wacom [...]	AW: Hilfestellung bei webseitennavigation Wie Walter bereits schrieb, sollte deine Website ohne Tabellen umgesetzt werden. Wie ich sehe wurde hier mit ImageReady (CS2 <) gearbeitet. Das was dort als / an Code raus kommt, genauso wie bei Photoshop ist für die Tonne. Lerne die Grundlagen von HTML und CSS. Danach setze deine Website ordentlich um. Ich habe hier einige hilfreiche Links, die dir dabei helfen werden, dich näher mit dem wichtigsten auseinander zusetzen. - HTML5 Handbuch Webkompetenz - Einführung in XHTML, CSS & Webdesign (Michael Jendryschik) - Little-Boxes - CSS 4 You - The Finest in Stylesheets - CSS Mania · Since 2004 Grüße Patrick

08.07.2012, 20:38	#4
thefinest Newbie Themenstarter Registriert seit: 26.06.2012 Beiträge: 2	AW: Hilfestellung bei webseitennavigation vielen dank schonmal für die antworten und hilfestellungen, also das ist mit cs3 extended für web und geräte als bild und html abgespeichert worden, na gut ich lese mich mal durch die ganzen sachen durch, aber auf der schnelle bräuchte ich trotzdem ne antwort auf meine frage - ob es möglich ich so wie ich es gemacht habe ein mo effekt zu machen bei den buttons...

09.07.2012, 08:32	#5
Myhar Powerposter Registriert seit: 01.11.2007 Ort: Ö Beiträge: 1.292	AW: Hilfestellung bei webseitennavigation Auf die Schnelle kann man dir den Rat geben, den schon meine Vorgänger gegeben haben: Wirf die Seite weg und erstelle sie ordentlich. Ansonsten kommen, wenn du auch nur eine Kleinigkeit verändern willst, genau solche Fragen wieder auf. Zumindest ich tu mir das nicht an, mich durch eine so schreckliche Tabellenlayout-Seite durchuzarbeiten. Vielleicht ist jemand anderer netter, aber nichts desto trotz: Arbeite ordentlich, dann kann man dir einfacher helfen.

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
Hilfestellung zum Fisheye-kauf	NSGFR	(Digitale) Fotografie	9	30.11.2010 15:24
Hilfestellung bei Digital Painting	Salamanderfanz	Digital Painting - Malen und Zeichnen	4	04.04.2010 10:25
Joomla! Hilfestellung	papalumpi	Joomla!	7	30.06.2008 19:55
Bildbearbeitung Hilfestellung	Ammersee	Photoshop	14	06.04.2008 01:45
Extrapunkte für Hilfestellung??	Trutscherle	Fragen/Fehler/Kritik/Anregungen für PSD	5	03.04.2008 14:13

PSD-Tutorials - Bildbearbeitung - Photoshop - Flash - Cinema4D - InDesign - Fotografie

Hilfestellung bei webseitennavigation

Reklame

Anzeige

Aktuelles Commag

Anzeige

Anzeige

Aktive Benutzer in diesem Thema: 1 (Registrierte Benutzer: 0, Gäste: 1)

Themen-Optionen
Druckbare Version zeigen Diese Seite per E-Mail verschicken

PSD-Tutorials - Bildbearbeitung - Photoshop - Flash - Cinema4D - InDesign - Fotografie

Hilfestellung bei webseitennavigation

Reklame

Anzeige

Aktuelles Commag

Anzeige

Social Media

Anzeige