Zurück   PSD-Tutorials.de > Webbereich > (X)HTML & CSS
Seite neu laden Hilfestellung bei webseitennavigation
Interessengemeinschaften Kostenlos registrieren Kalender Suchen Letzte 24h Alle Foren als gelesen markieren


Antwort
 
Themen-Optionen
Alt 08.07.2012, 16:42   #1 Nach oben scrollen
Newbie
Newbie
 

Registriert seit: 26.06.2012
Beiträge: 2

Hilfestellung bei webseitennavigation

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
Geändert von Minaya (12.07.2012 um 10:06 Uhr). Grund: Quellcode in das richtige Tag verpackt zwecks besserer Übersicht
  Mit Zitat antworten


Alt 08.07.2012, 19:11   #2 Nach oben scrollen
Member
MemberMember
 
Benutzerbild von Walter75
 

Registriert seit: 27.12.2009
Ort: Thüringen Südharz
Beiträge: 171
Kamera: Sony a580
Verwendet: Cs6
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
  Mit Zitat antworten
Alt 08.07.2012, 20:16   #3 Nach oben scrollen
Medienjongleur
Premium-SupporterPremium-SupporterPremium-SupporterPremium-SupporterPremium-Supporter
 
Benutzerbild von patrick_l
 

Registriert seit: 11.05.2008
Ort: NRW
Beiträge: 5.849
Kamera: Canon Eos 7D, Eos 60D, MV900, Revue
Verwendet: CS4/CS6, Corel, GIMP, Coda, SublimeText 2, Wacom [...]
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
  Mit Zitat antworten
Alt 08.07.2012, 20:38   #4 Nach oben scrollen
Newbie
Newbie
Themenstarter
 

Registriert seit: 26.06.2012
Beiträge: 2
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...
  Mit Zitat antworten
Alt 09.07.2012, 08:32   #5 Nach oben scrollen
Powerposter
PowerposterPowerposterPowerposter
 

Registriert seit: 01.11.2007
Ort: Ö
Beiträge: 1.258
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.
  Mit Zitat antworten
Antwort

« Vorheriges Thema | Nächstes Thema »

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


Ä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