Antworten auf deine Fragen:
Neues Thema erstellen

Hilfestellung bei webseitennavigation

T

thefinest

Guest

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
 
Zuletzt bearbeitet von einem Moderator:

Walter75

Nicht mehr ganz neu hier

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.
 

patrick_l

Hat es drauf

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
 
T

thefinest

Guest

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...
 

Myhar

Hat es drauf

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.
 
Bilder bitte hier hochladen und danach über das Bild-Icon (Direktlink vorher kopieren) platzieren.
Antworten auf deine Fragen:
Neues Thema erstellen

Willkommen auf PSD-Tutorials.de

In unseren Foren vernetzt du dich mit anderen Personen, um dich rund um die Themen Fotografie, Grafik, Gestaltung, Bildbearbeitung und 3D auszutauschen. Außerdem schalten wir für dich regelmäßig kostenlose Inhalte frei. Liebe Grüße senden dir die PSD-Gründer Stefan und Matthias Petri aus Waren an der Müritz. Hier erfährst du mehr über uns.

Stefan und Matthias Petri von PSD-Tutorials.de

Nächster neuer Gratisinhalt

03
Stunden
:
:
25
Minuten
:
:
19
Sekunden

Flatrate für Tutorials, Assets, Vorlagen

Zurzeit aktive Besucher

Statistik des Forums

Themen
118.636
Beiträge
1.538.496
Mitglieder
67.559
Neuestes Mitglied
hanuta
Oben