Hi zusammen!
Ich versuche schon einige Zeit ein einziges Bild mit Slices zu versehen.
Das ist auch nicht das Problem, die Slices bekomm ich hin, aber wenn ich für Web bzw. Geräte speichern klicke, dann macht er 10 Bilder daraus.
Dann will ich diese in Dreamweaver impoertieren, als ganzes Bild, nur mit den jeweiligen Links u. Rollovereffketen.
www.pierer.cc/EBB/besetzung.htm
So soll es aussehen u. wenn man auf den Kopf klickt, dann sollen die Biografien der Musiker kommen.
Bitte um eure Hilfe
Danke glg expertino
Irgtendwie verstehe ich das nicht. Du möchtest dieses Musiker Foto slicen und sagst,d ass das slicen auch klappt und ps die 10 Teile generiert. Was genau funktioniert denn jetzt daran nicht?
Des weiteren brauchst du für das was du vor hast die Bidler nicht zu slcien. Du könntest auch einfach mit einer image-map arbeiten. (sie zB selfHTML)
HI!
Das mit Image Map hat funkitoniert, aber da will ich nochwas dazu machen bzw. eine Designänderung.
Ich will bei den ImageMaps eine MouseOver Effekt, aber wenn ich:
map name="Map">
<area shape="rect" coords="23,24,40,42" href="#" onMouseOver="document.Bild.src='Bild2.gif'">
</map>
dann macht er kein MouseOver.
Und im Firefox wird mir z.B.: das Bild nicht dargestellt!!!!!
Geht nur im IE
2.) Ich hab jetzt auf einmal so einen langen Freiraum nachdem Bild, seitdem ich das Image Map eingefügt hab.
Wie bekomm ich den weg??
Danke euch glg
Ich kenne mich mit JS nicht gut aus, aber zu einem Mouseover gehört auf ejden Fall noich ein Flash Script und nicht nur der "Onklick" Verweis wenn ich mich nicht irre.
Was den Freiraum angteht, kann ich dir ohne genauere Daten / Quelltext ledier nicht helfen.
Anbei der Quellcode:
Einzusehen auf: www.pierer.cc/EBB
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0
Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Untitled Document</title>
<style type="text/css">
<!--
body,td,th {
font-family: tahoma,Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #000000;
}
body {
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
}
-->
</style>
<link href="style.css" rel="stylesheet" type="text/css" />
<style type="text/css">
<!--
#Layer1 {
position:absolute;
left:462px;
top:53px;
width:244px;
height:240px;
z-index:1;
}
.Stil1 {color: #FFFFFF}
-->
</style>
</head>
<body>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td align="center" valign="top" bgcolor="#414141" style="padding:30px;"><table width="778" border="0" cellpadding="0" cellspacing="0" bgcolor="#FFFFFF">
<!--DWLayoutTable-->
<tr>
<td colspan="13" align="left" valign="top"><table width="100%" border="0" cellspacing="0" cellpadding="0">
<!--DWLayoutTable-->
<tr>
<td width="591" rowspan="2" valign="top"><table width="100%" border="0" cellpadding="0" cellspacing="0">
<!--DWLayoutTable-->
<tr>
<td width="591" height="54" align="left" valign="top"><img src="images/logo.jpg" width="591" height="54" /></td>
</tr>
<tr>
<td height="49" align="left" valign="top"><img src="images/4.gif" width="591" height="49" /></td>
</tr>
</table> </td>
<td width="147" height="54" align="left" valign="top"><img src="images/1.jpg" width="147" height="54" /></td>
<td align="left" valign="top"><img src="images/2.jpg" width="40" height="54" /></td>
</tr>
<tr>
<td height="49" align="left" valign="top" background="images/bg.gif"><a href="#"><span class="Stil1"><img src="images/home.gif" width="11" height="11" border="0" /></span></a><span class="Stil1"> <a href="index.html" target="_parent" class="Stil1"> Home </a></span> <a href="#"><img src="images/sitemap.gif" width="11" height="11" border="0" /></a> <span class="Stil1"><a href="kontakt.php" target="_parent" class="Stil1"> Kontakt</a> </span></td>
<td align="left" valign="top"><img src="images/5.gif" width="40" height="49" /></td>
</tr>
</table></td>
</tr>
<tr>
<td colspan="13" align="left" valign="top"><img src="images/Banner.jpg" width="778" height="195" /></td>
</tr>
<tr>
<td width="108" height="34" align="center" valign="middle" background="images/menu_bg.gif" class="blackfont"><a href="besetzung.htm" target="_parent" class="blackfont">BESETZUNG</a></td>
<td width="4" align="center" valign="middle" background="images/menu_bg.gif" class="blackfont"><img src="images/divider.gif" width="2" height="34" /></td>
<td width="108" align="center" valign="middle" background="images/menu_bg.gif" class="blackfont"><a href="see.htm" target="_parent" class="blackfont">SEHEN & HÖREN </a></td>
<td width="4" align="center" valign="middle" background="images/menu_bg.gif" class="blackfont"><img src="images/divider.gif" width="2" height="34" /></td>
<td width="108" align="center" valign="middle" background="images/menu_bg.gif" class="blackfont"><a href="termine.htm" target="_parent" class="blackfont">TERMINE</a></td>
<td width="4" align="center" valign="middle" background="images/menu_bg.gif" class="blackfont"><img src="images/divider.gif" width="2" height="34" /></td>
<td width="108" align="center" valign="middle" background="images/menu_bg.gif" class="blackfont"><a href="guestbook.htm" target="_parent" class="blackfont">GÄSTEBUCH</a></td>
<td width="4" align="center" valign="middle" background="images/menu_bg.gif" class="blackfont"><img src="images/divider.gif" width="2" height="34" /></td>
<td width="108" align="center" valign="middle" background="images/menu_bg.gif" class="blackfont"><a href="sponsoren.htm" target="_parent" class="blackfont">SPONSOREN</a></td>
<td width="4" align="center" valign="middle" background="images/menu_bg.gif" class="blackfont"><img src="images/divider.gif" width="2" height="34" /></td>
<td width="108" align="center" valign="middle" background="images/menu_bg.gif" class="blackfont"><a href="link.htm" target="_parent" class="blackfont">LINKS</a></td>
<td width="4" align="center" valign="middle" background="images/menu_bg.gif" class="blackfont"><img src="images/divider.gif" width="2" height="34" /></td>
<td width="106" valign="top" background="images/menu_bg.gif"><!--DWLayoutEmptyCell--> </td>
</tr>
<tr>
<td height="525" colspan="13" valign="top"><table width="100%" border="0" cellpadding="0" cellspacing="0">
<!--DWLayoutTable-->
<tr>
<td width="778" height="705" valign="top"><div align="center">
<p> </p>
<p>Für eine Biografie drücken Sie auf den gewünschten Musiker. </p>
</div></td>
<br/>
<br/>
<br/>
<br/>
<br/>
<div align="center"><map name="BesetzungEBB">
<area shape="rect" coords="29,309,156,412" title="Wiedner Wilfried" href="willi.htm" onMouseOver="document.Bild.src=Banner.jpg" alt="Wiedner Wilfried" target="_parent">
<area shape="rect" coords="198,68,293,181" title="Koller Gernot" href="gernot.htm" alt="Koller Gernot" target="_parent">
<area shape="rect" coords="364,63,435,163" title="Kunert Georg" href="gegi.htm" alt="Kunert Georg" target="_parent">
<area shape="rect" coords="437,65,535,162" title="Hofstätter Christoph" href="christoph.htm" alt="Hofstätter Christoph" target="_parent">
<area shape="rect" coords="506,171,581,312" title="Kober Kevin" href="kevin.htm" alt="Kober Kevin" target="_parent">
<area shape="rect" coords="582,172,654,312" title="Terler David" href="david.htm" alt="Terler David" target="_parent">
<area shape="rect" coords="341,245,461,354" title="Kunert Matthias" href="kuni,.htm" alt="Kunert Matthias" target="_parent">
</map>
<img src="images\Besetzung_Logo.jpg" width="700" height="660" usemap="#BesetzungEBB" border="0"></div>
</tr>
</table></td>
</tr>
<tr>
<td colspan="13" align="left" valign="top" background="images/footer_bg.gif"><div align="center"></div>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="12" align="left" valign="top"><img src="images/footer_left.gif" width="12" height="68" /></td>
<td align="center" valign="middle"><span class="blackfontnormal" style="padding:30px;"> Copyright © 2009-2010 <a href="mailto:markus@pierer.cc" class="readmorefont">Markus Pierer</a> | All Rights reserved. <br />
</span></td>
<td width="12" align="right" valign="top"><img src="images/footer_right.gif" width="12" height="68" /></td>
</tr>
</table></td>
</tr>
</table></td>
</tr>
</table>
</body>
</html>
Aktive Benutzer in diesem Thema: 1 (Registrierte Benutzer: 0, Gäste: 1)
LinkBack URL
About LinkBacks
Zitieren