Hallo zusammen,
nachdem ich dieses Forum als überaus nützliches Nachschlagewerk bei vielerlei Problemen rund um das Thema Homepage schätzen gelernt habe, habe ich für mein jetztiges Anliegen leider nichts finden können.
Ich bin blutiger Anfänger was HMTL angeht... Naja, es geht um eine Homepage, auf der Therapiematerial für Menschen mit sprachlichen Beeinträchtigungen nach Schlaganfall bereitgestellt werden soll. D.h. sie können durch Benutzung dieser Homepage an ihrer Sprache üben. Dafür habe ich ein Template überarbeitet aber scheitere an zwei Fragestellungen:
1. Wie kann ich einen Audiofile in diese Seite einbinden, der automatisch (am besten mit einer Verzögerung von ca. 1Sek) abläuft und durch einen Button beliebig oft wiederholbar ist?
2. Wie kann ich dafür sorgen, dass die Bilder sich ausblenden oder verschwinden, wenn der Benutzer auf sie klickt?
Wie so eine Seite aussehen könnte, seht Ihr weiter unten.
Vielen Dank für Eure Mühe!
Robert
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="XHTML namespace">
<head>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1"/>
<meta name="description" content="description"/>
<meta name="keywords" content="keywords"/>
<meta name="author" content="author"/>
<link rel="stylesheet" type="text/css" href="default.css" media="screen"/>
<title>Transparentia</title>
</head>
<body>
<div class="container">
<div class="main">
<div class="header">
<div class="title">
<h1>APHASIE-ÜBUNGEN: HÖREN<img src="img/AKG-Headphone-icon.png" alt="" width=128" height="128" align="absmiddle" /><br />
</h1>
</div>
</div>
<div class="item">
<div align="center">
<table width="80%%" height="54" border="0">
<tr>
<td width="33%"><div align="left"><img src="img/Wooden-Calendar.png" alt="" width="128" height="128" /></div></td>
<td width="33%"><div align="center"><img src="img/Wooden-Notepad.png" alt="" width="128" height="128" align="absmiddle" /></div></td>
<td width="33%"><div align="right"><img src="img/Wooden-Mail.png" alt="" width="128" height="128" align="right" /></div></td>
</tr>
</table>
</div>
<h1> </h1>
<h1>.</h1>
<div class="descr">Jan 06, 2011 DA</div>
<p> <table width="966" border="0">
<tr>
<td width="50%">
<div><img src="img/irrev20.0.JPG" alt="" width="293" height="308" /></div></td>
<td width="50%"><div><img src="img/irrev20.2.JPG" alt="" width="293" height="308" align="right" /></div></td>
</tr>
<tr>
<td width="50%"><div><img src="img/irrev20.1.JPG" alt="" width="293" height="308" /></div></td>
<td width="50%"><div><img src="img/irrev20.3.JPG" alt="" width="293" height="308" align="right" /></div></td>
</tr>
</table>
</p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
</div>
</div>
<div class="clearer"><span></span></div>
</div>
<div class="footer">
<span class="left">© 2007 <a href="index.html">Website.com</a>. Valid <a href="http://jigsaw.w3.org/css-validator/check/referer">CSS</a> & <a href="Validation Results - W3C Markup Validator>
<span class="right"><a href="http://templates.arcsin.se/">Website template</a> by <a href="http://arcsin.se/">Arcsin</a></span>
<div class="clearer"><span></span></div>
</div>
</div>
</body>
</html>
nachdem ich dieses Forum als überaus nützliches Nachschlagewerk bei vielerlei Problemen rund um das Thema Homepage schätzen gelernt habe, habe ich für mein jetztiges Anliegen leider nichts finden können.
Ich bin blutiger Anfänger was HMTL angeht... Naja, es geht um eine Homepage, auf der Therapiematerial für Menschen mit sprachlichen Beeinträchtigungen nach Schlaganfall bereitgestellt werden soll. D.h. sie können durch Benutzung dieser Homepage an ihrer Sprache üben. Dafür habe ich ein Template überarbeitet aber scheitere an zwei Fragestellungen:
1. Wie kann ich einen Audiofile in diese Seite einbinden, der automatisch (am besten mit einer Verzögerung von ca. 1Sek) abläuft und durch einen Button beliebig oft wiederholbar ist?
2. Wie kann ich dafür sorgen, dass die Bilder sich ausblenden oder verschwinden, wenn der Benutzer auf sie klickt?
Wie so eine Seite aussehen könnte, seht Ihr weiter unten.
Vielen Dank für Eure Mühe!
Robert
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="XHTML namespace">
<head>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1"/>
<meta name="description" content="description"/>
<meta name="keywords" content="keywords"/>
<meta name="author" content="author"/>
<link rel="stylesheet" type="text/css" href="default.css" media="screen"/>
<title>Transparentia</title>
</head>
<body>
<div class="container">
<div class="main">
<div class="header">
<div class="title">
<h1>APHASIE-ÜBUNGEN: HÖREN<img src="img/AKG-Headphone-icon.png" alt="" width=128" height="128" align="absmiddle" /><br />
</h1>
</div>
</div>
<div class="item">
<div align="center">
<table width="80%%" height="54" border="0">
<tr>
<td width="33%"><div align="left"><img src="img/Wooden-Calendar.png" alt="" width="128" height="128" /></div></td>
<td width="33%"><div align="center"><img src="img/Wooden-Notepad.png" alt="" width="128" height="128" align="absmiddle" /></div></td>
<td width="33%"><div align="right"><img src="img/Wooden-Mail.png" alt="" width="128" height="128" align="right" /></div></td>
</tr>
</table>
</div>
<h1> </h1>
<h1>.</h1>
<div class="descr">Jan 06, 2011 DA</div>
<p> <table width="966" border="0">
<tr>
<td width="50%">
<div><img src="img/irrev20.0.JPG" alt="" width="293" height="308" /></div></td>
<td width="50%"><div><img src="img/irrev20.2.JPG" alt="" width="293" height="308" align="right" /></div></td>
</tr>
<tr>
<td width="50%"><div><img src="img/irrev20.1.JPG" alt="" width="293" height="308" /></div></td>
<td width="50%"><div><img src="img/irrev20.3.JPG" alt="" width="293" height="308" align="right" /></div></td>
</tr>
</table>
</p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
</div>
</div>
<div class="clearer"><span></span></div>
</div>
<div class="footer">
<span class="left">© 2007 <a href="index.html">Website.com</a>. Valid <a href="http://jigsaw.w3.org/css-validator/check/referer">CSS</a> & <a href="Validation Results - W3C Markup Validator>
<span class="right"><a href="http://templates.arcsin.se/">Website template</a> by <a href="http://arcsin.se/">Arcsin</a></span>
<div class="clearer"><span></span></div>
</div>
</div>
</body>
</html>
