PSD-Tutorials.de
Forum für Design, Fotografie & Bildbearbeitung
Tutkit
Agentur
Hilfe
Kontakt
Start
Forum
Aktuelles
Besonderer Inhalt
Foren durchsuchen
Tutorials
News
Anmelden
Kostenlos registrieren
Aktuelles
Suche
Suche
Nur Titel durchsuchen
Von:
Menü
Anmelden
Kostenlos registrieren
App installieren
Installieren
JavaScript ist deaktiviert. Für eine bessere Darstellung aktiviere bitte JavaScript in deinem Browser, bevor du fortfährst.
Du verwendest einen veralteten Browser. Es ist möglich, dass diese oder andere Websites nicht korrekt angezeigt werden.
Du solltest ein Upgrade durchführen oder einen
alternativen Browser
verwenden.
Antworten auf deine Fragen:
Neues Thema erstellen
Start
Forum
Sonstiges
Webdesign, Webentwicklung & Programmierung
Webdesign: HTML/CSS, Responsive Design, Sass...
Lightbox-HILFE!!!
Beitrag
<blockquote data-quote="ichwars83" data-source="post: 919727" data-attributes="member: 197579"><p><strong>AW: Lightbox-HILFE!!!</strong></p><p></p><p>Hallöchen,</p><p> </p><p>auch ich tu mich etwas schwer mit dem Einbinden der Lightbox...aber dank der diversen Tipps hier im Forum und auch hier im Beitrag ist das gut nachvollziehbar. Dennoch möchte es nicht ganz so wie ich möchte...</p><p> </p><p>Bei mir öffnet sich die Lightbox korrekt...nur halt übergroß dann muss man zum Bild scrollen, welches nun wirklich nicht so groß ist wie die Lightbox sich darstellt....</p><p> </p><p>Hier folgt mein Quelltext, vielleicht lässt sich da ein Fehler erkennen. Ich vermute aber mal das es am Bild liegt...</p><p> </p><p>Wenns hilft...ich verwende Dreamweaver und arbeite meistens im Entwurfsmodus. </p><p> </p><p>[CODE]<head></p><p><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /></p><p><title>Malschule Petra</title><br /></p><p><script type="text/javascript" src="js/prototype.js"></script></p><p><script type="text/javascript" src="js/scriptaculous.js?load=effects,builder"></script></p><p><script type="text/javascript" src="js/lightbox.js"></script></p><p><link rel="stylesheet" href="css/lightbox.css" type="text/css" media="screen" /></p><p><style type="text/css"></p><p><!--</p><p>body,td,th {</p><p> font-family: Verdana, Arial, Helvetica, sans-serif;</p><p> font-size: small;</p><p> color: #000066;</p><p> overflow:hidden</p><p>}</p><p>#all {</p><p>position:relative;</p><p>margin:0 auto;</p><p>width:1030px;</p><p>height:auto;</p><p>}</p><p>#apDiv1 {</p><p> position:absolute;</p><p> left:208px;</p><p> top:206px;</p><p> width:592px;</p><p> height:347px;</p><p> z-index:1;</p><p> overflow: auto;</p><p>}</p><p>--></p><p></style></head></p><p><body></p><p><div align="center"></p><p><div id="all"></p><p><div id="apDiv1"></p><p> <h3 align="left">Galerie</h3></p><p> <p align="left"><strong>Tiere in Aquarell</strong></p></p><p> <table width="100%" border="0" cellspacing="0" cellpadding="0"></p><p> <tr></p><p> <td width="31%"><div align="left"><a href="Bilder/galerie/pferd0001.jpg" rel="lightbox[roadtrip]"title="Pferd in Aquarell"></p><p> <img src="Bilder/galerie/klein/pferd_kl.jpg" alt="Pferd in Aquarell" width="85" height="85" border="0"/></a></p><p> </div></td></p><p> <td width="69%">&nbsp;</td></p><p> </tr></p><p> <tr></p><p> <td>&nbsp;</td></p><p> <td>&nbsp;</td></p><p> </tr></p><p> <tr></p><p> <td>&nbsp;</td></p><p> <td>&nbsp;</td></p><p> </tr></p><p> </table></p><p> <p align="left">&nbsp;</p></p><p></div></p><p> <table width="100%" border="0" cellspacing="0" cellpadding="0"></p><p> <tr></p><p> <td valign="middle"><div align="center"><img src="Bilder/background.jpg" width="800" height="600" border="0" usemap="#Map" /></div></td></p><p> </tr></p><p> <tr></p><p> <td><div align="center"></p><p> <p><br /></p><p> © 2009 ? Computerservice Leipzig ? P. Tietz</p></p><p> </div></td></p><p> </tr></p><p> </table></p><p></div></p><p></div></p><p><map name="Map" id="Map"></p><p><area shape="rect" coords="263,122,379,156" href="home2.html" target="_parent" alt="Home" /></p><p><area shape="rect" coords="386,122,505,156" href="angebot.html" target="_parent" alt="Angebot" /></p><p><area shape="rect" coords="642,122,758,156" href="impressum.html" target="_parent" alt="Impressum" /></p><p><area shape="rect" coords="50,12,414,106" href="home2.html" /></p><p></map></p><p></div></p><p></body></p><p></html>[/CODE]</p><p> </p><p>Danke für die Hilfe...</p><p> </p><p>MFG</p></blockquote><p></p>
[QUOTE="ichwars83, post: 919727, member: 197579"] [b]AW: Lightbox-HILFE!!![/b] Hallöchen, auch ich tu mich etwas schwer mit dem Einbinden der Lightbox...aber dank der diversen Tipps hier im Forum und auch hier im Beitrag ist das gut nachvollziehbar. Dennoch möchte es nicht ganz so wie ich möchte... Bei mir öffnet sich die Lightbox korrekt...nur halt übergroß dann muss man zum Bild scrollen, welches nun wirklich nicht so groß ist wie die Lightbox sich darstellt.... Hier folgt mein Quelltext, vielleicht lässt sich da ein Fehler erkennen. Ich vermute aber mal das es am Bild liegt... Wenns hilft...ich verwende Dreamweaver und arbeite meistens im Entwurfsmodus. [CODE]<head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Malschule Petra</title><br /> <script type="text/javascript" src="js/prototype.js"></script> <script type="text/javascript" src="js/scriptaculous.js?load=effects,builder"></script> <script type="text/javascript" src="js/lightbox.js"></script> <link rel="stylesheet" href="css/lightbox.css" type="text/css" media="screen" /> <style type="text/css"> <!-- body,td,th { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: small; color: #000066; overflow:hidden } #all { position:relative; margin:0 auto; width:1030px; height:auto; } #apDiv1 { position:absolute; left:208px; top:206px; width:592px; height:347px; z-index:1; overflow: auto; } --> </style></head> <body> <div align="center"> <div id="all"> <div id="apDiv1"> <h3 align="left">Galerie</h3> <p align="left"><strong>Tiere in Aquarell</strong></p> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td width="31%"><div align="left"><a href="Bilder/galerie/pferd0001.jpg" rel="lightbox[roadtrip]"title="Pferd in Aquarell"> <img src="Bilder/galerie/klein/pferd_kl.jpg" alt="Pferd in Aquarell" width="85" height="85" border="0"/></a> </div></td> <td width="69%"> </td> </tr> <tr> <td> </td> <td> </td> </tr> <tr> <td> </td> <td> </td> </tr> </table> <p align="left"> </p> </div> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td valign="middle"><div align="center"><img src="Bilder/background.jpg" width="800" height="600" border="0" usemap="#Map" /></div></td> </tr> <tr> <td><div align="center"> <p><br /> © 2009 ? Computerservice Leipzig ? P. Tietz</p> </div></td> </tr> </table> </div> </div> <map name="Map" id="Map"> <area shape="rect" coords="263,122,379,156" href="home2.html" target="_parent" alt="Home" /> <area shape="rect" coords="386,122,505,156" href="angebot.html" target="_parent" alt="Angebot" /> <area shape="rect" coords="642,122,758,156" href="impressum.html" target="_parent" alt="Impressum" /> <area shape="rect" coords="50,12,414,106" href="home2.html" /> </map> </div> </body> </html>[/CODE] Danke für die Hilfe... MFG [/QUOTE]
Bilder bitte
hier hochladen
und danach über das Bild-Icon (Direktlink vorher kopieren) platzieren.
Zitate einfügen…
Authentifizierung
Wenn ★ = 12, ◇ = 4 und die Hälfte von ★ zu ◇ addiert wird, was ist das Ergebnis?
Antworten
Start
Forum
Sonstiges
Webdesign, Webentwicklung & Programmierung
Webdesign: HTML/CSS, Responsive Design, Sass...
Lightbox-HILFE!!!
Oben