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...
Probleme mit Lightbox
Beitrag
<blockquote data-quote="Stroiner" data-source="post: 1776333" data-attributes="member: 262901"><p><strong>Probleme mit Lightbox ( Rand neben den Bildern)</strong></p><p></p><p>Hallo,</p><p>ich habe mal wieder ein kleines Problemchen mit einer Homepage.</p><p>Es geht um folgende Seite: </p><p></p><p>Klickt man das Bild an erscheint ein hässlicher Rahmen mit dem vergrößerten Bild.</p><p>Wie kann ich diesen entfernen?</p><p></p><p>Oder muss man das in der .css Datei der Lightbox ändern?</p><p></p><p>Der Quellcode lautet:</p><p></p><p>[CODE]</p><p><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"></p><p><html></p><p><head></p><p></p><p></p><p><meta http-equiv="Content-Type"</p><p>content="text/html; charset=iso-8859-1"></p><p><meta name="robots" content="INDEX,FOLLOW"></p><p><meta name="keywords"</p><p>content="Pokaew - Traditionelle Thai-Massage"></p><p><meta name="description"</p><p>content="Pokaew - Traditionelle Thai-Massage" ></p><p><title>Pokaew - Traditionelle Thai-Massage in Olpe. Besuchen Sie uns, um eine einzigartige Wellnesserfahrung zu erhalten. Wir bieten professionelle Kräuterstempel und Aromaölmassagen an.</title></p><p></p><p></p><p></p><p><link rel="stylesheet" href="css/lightbox.css" type="text/css" media="screen" /></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><link rel="stylesheet" href="format.css" type="text/css"></p><p><link rel="stylesheet" href="menue.css" type="text/css"></p><p></p><p><style type="text/css"></p><p>.auto-style2 {</p><p> color: #FFFFFF;</p><p>}</p><p>.auto-style3 {</p><p> text-align: center;</p><p>}</p><p>.auto-style4 {</p><p> font-size: 20px;</p><p>}</p><p></style></p><p></p><p></head></p><p></p><p><body ></p><p></p><p></p><p><div align="center"></p><p></p><p></p><p></p><p><table align="center" id="main" cellspacing="0" cellpadding="0" border="0" ></p><p><tr></p><p><td align="center" ></p><p></p><p><table align="center" id="main_top" cellspacing="0" cellpadding="0" border="0" ></p><p><tr></p><p><td ></p><p><table align="center" cellspacing="0" cellpadding="0" border="0" ></p><p><tr></p><p><td colspan="2" id="top1" ></p><p>&nbsp;</p><p></td></p><p></tr></p><p><tr></p><p><td id="top2" ></p><p><div id="hpname"></p><p><img src="http://www.psd-tutorials.de/forum/images/Bild33.jpg" width="100" height="100" border="0" alt="" style="border:solid 1px #202020;"> <img src="http://www.psd-tutorials.de/forum/images/Bild22.jpg" width="100" height="100" border="0" alt="" style="border:solid 1px #202020;"></div></p><p></td><td><!-- bilder--></p><p><div id="bilder_ob" ></p><p> &nbsp;&nbsp;</p><p></div></p><p><!--ende bilder--><td></p><p></tr></p><p><tr></p><p><td colspan="2" align="center" id="top3" ></p><p></p><p><table width="100%" align="center" id="menuhorizontal" border="0" cellpadding="0" cellspacing="0" ></p><p><tr></p><p><td width="20%"><a href="us.html" >Über Uns</a></td></p><p></p><p><td width="20%" id="aktuell" ></p><p><a href="index.html" class="auto-style2" style="width: 178px" >Startseite</a></td></p><p></p><p><td width="20%"><a href="preise.html" >Preisliste</a></td></p><p></p><p><td width="20%"><a href="Kontakt.html">Kontakt</a></td></p><p></p><p><td width="20%"><a href="impressum.html" >Impressum</a></td></p><p></tr></p><p></table></p><p></p><p></p><p></p><p></td></p><p></tr></p><p><tr></p><p><td colspan="2" id="top4" ></p><p>&nbsp;</p><p></td></p><p></tr></p><p></p><p></table ></p><p></p><p></td></p><p></tr></p><p></table></p><p></p><p></p><p></p><p></p><p></p><p></p><p></p><p><table align="center" id="main_inhalt" border="0" cellpadding="0" cellspacing="0" ></p><p><tr></p><p><td valign="top" align="center" ></p><p><table align="center" id="inhalt" border="0" cellpadding="0" cellspacing="0"></p><p></p><p><tr></p><p></p><p></p><p><td id="leftcol" valign="top" ></p><p></p><p></p><p></p><p><!--BOX nav--></p><p><div class="boxnav"></p><p><div id="menu2"></p><p><h3 class="boxheader">Menü</h3></p><p><ul ></p><p><li><a href="index.html" >Startseite</a></li></p><p><li><a href="us.html" >Über Uns</a></li></p><p><li><a href="preise.html" >Preisliste</a></li></p><p><li><a href="*********html" >Anfahrt</a></li></p><p><li><a href="Kontakt.html" >Kontakt</a></li></p><p><li><a href="impressum.html" >Impressum</a></li></p><p></ul></p><p></div></p><p></div></p><p><!--ende BOX nav--></p><p><br></p><p></p><p><!--BOX nav2--></p><p><!--ende BOX nav2--></p><p></p><p></p><p></p><p><br></p><p><!--BOX bilder--></p><p><div class="boxbilder"></p><p></p><p><h3 class="boxheader"> Bilder</h3></p><p><img src="http://www.psd-tutorials.de/forum/images/Bild1.jpg" width="100" height="100" border="0" alt="" style="border:solid 1px #202020;margin-bottom:0px">&nbsp;<img src="http://www.psd-tutorials.de/forum/images/Bild22.jpg" width="100" height="100" border="0" alt="" style="border:solid 1px #202020;margin-bottom:0px"></p><p><br></p><p><img src="http://www.psd-tutorials.de/forum/images/Bild33.jpg" width="100" height="100" border="0" alt="" style="border:solid 1px #202020;margin-bottom:6px">&nbsp;<img src="http://www.psd-tutorials.de/forum/images/Bild77.jpg" width="100" height="100" border="0" alt="" style="border:solid 1px #202020;margin-bottom:6px"></p><p></p><p></p><p> </div></p><p><!--ende BOX bilder--></p><p></p><p></p><p><!-- ende boxen inhalt--></p><p></p><p><!-- breite der linken spalte --></p><p><!-- =========== hier spaltenbreite ändern für linke spalte und zwar in der format.css an entspr. stelle . wenn sie hier eine änderung vornehmen sollten sie auch noch das menü anpassen in der datei menue.css ========== --></p><p><div class="breite_hauptspalte_links">&nbsp;</div></p><p><!-- ========= ende spaltenbreite linke spalte ============--></td></p><p></p><p></p><p><td valign="top" id="inbox"></p><p></p><p><h2>&nbsp;</h2></p><p><h2>Über Uns</h2></p><p><p>&nbsp;</p></p><p><p class="auto-style3"></p><p><a href="http://www.psd-tutorials.de/forum/images/Bildg2.jpg" rel="lightbox"><img src="http://www.psd-tutorials.de/forum/images/Bildg2thumb.jpg"/></a></p></p><p><p>&nbsp;</p></p><p><p><strong><span class="auto-style4">2</span></strong> Monate lang habe ich im Wat Po Tempel in Chiang Mai, Thailand gelebt, um </p><p>dort eine professionelle Massageausbildung zu erhalten. In der Chetawan Thai </p><p>Traditional Massage School absolvierte ich anschließend die mir auferlegten </p><p>Prüfungen und erhielt Zertifikate für:</p></p><p><p>&nbsp;</p></p><p><p>• oil massage &amp; aromatherapy</p></p><p><p class="auto-style3"></p><p><a href="http://www.psd-tutorials.de/forum/images/Zertifikat3.jpg" rel="lightbox[group]"><img src="http://www.psd-tutorials.de/forum/images/Zertifikat3thumb.jpg"/></a></p></p><p><p>•&nbsp; Foot massage</p></p><p><p class="auto-style3"></p><p><a href="http://www.psd-tutorials.de/forum/images/Zertifikat2.jpg" rel="lightbox[group]"><img src="http://www.psd-tutorials.de/forum/images/Zertifikat2thumb.jpg"/></a></p></p><p><p>• Thai traditional massage</p></p><p><p class="auto-style3"></p><p><a href="http://www.psd-tutorials.de/forum/images/Zertifikat1.jpg" rel="lightbox[group]"><img src="http://www.psd-tutorials.de/forum/images/Zertifikat1thumb.jpg"/></a></p></p><p><p>Heute habe ich meinen eigenen kleinen Massagesalon.</p></p><p><p>Eine professionelle Massageliege gibt ihnen außergewöhnlichen Komfort.</p></p><p><p>Zusätzlich zur gewöhnlichen Ganzkörperthaimassage biete ich ihnen auch </p><p>Aromaölmassagen an, bei denen die wertvollen asiatischen Öle zusätzlich ihre </p><p>haut verwöhnen.</p></p><p><p>Außerdem bin ich zertifiziert für Massagen mit heißen Kräuterstempeln.</p></p><p><p>&nbsp;</p></p><p><p>&nbsp;</p></p><p><p>&nbsp;</p></p><p><p><img alt="" height="224" src="http://www.psd-tutorials.de/forum/images/logo2.png" width="474"></p></p><p><p><span class="auto-style4"><strong>D</strong></span>en Namen Pokaew habe ich </p><p>gewählt, um den Tempel zu ehren, indem ich so viel gelernt habe .</p></p><p></p><p></p><p></p><p></td></p><p><!-- ende inhalt--></p><p></p><p></p><p></p><p></p><p></tr></p><p></table></p><p></td></p><p></p><p></p><p></tr></p><p></p><p></table></p><p><!-- fuss--></p><p><table id="main_fuss" border="0" cellpadding="0" cellspacing="0" ></p><p><tr></p><p><td id="fuss"></p><p></p><p></p><p>Jankaew Michler&nbsp;&nbsp;•&nbsp;&nbsp;Quellenweg 25&nbsp;&nbsp;•&nbsp;&nbsp;57462 Olpe</td></p><p></tr></p><p><tr></p><p><td width="100%" id="fuss2" align="center" ></p><p></p><p><!-- menü GANZ unten--></p><p><table align="center" id="menu_un" border="0" cellpadding="0" cellspacing="0" ></p><p><tr></p><p><td ><a href="mailto:thai-massage-olpe@live.de">Mail</a></td><td class="trenn2" >•</td></p><p><td ><a href="Kontakt.html" >Kontaktformular</a></td><td class="trenn2">•</td></p><p><td ><a href="impressum.html" >Impressum</a></td></p><p></tr></p><p></table></p><p><!-- ende menü GANZ unten--></p><p>www.pokaew-massage.de<br></p><p><br></p><p></p><p></p><p></p><p></p><p></p><p></p><p></td></p><p></tr></p><p></table></p><p><!-- ende fuss--></p><p></p><p></td></p><p></tr></p><p></table></div></p><p></p><p></p><p></p><p></body></p><p></html></p><p>[/CODE]</p></blockquote><p></p>
[QUOTE="Stroiner, post: 1776333, member: 262901"] [b]Probleme mit Lightbox ( Rand neben den Bildern)[/b] Hallo, ich habe mal wieder ein kleines Problemchen mit einer Homepage. Es geht um folgende Seite: [COLOR="DarkOrchid"][/COLOR] Klickt man das Bild an erscheint ein hässlicher Rahmen mit dem vergrößerten Bild. Wie kann ich diesen entfernen? Oder muss man das in der .css Datei der Lightbox ändern? Der Quellcode lautet: [CODE] <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> <meta name="robots" content="INDEX,FOLLOW"> <meta name="keywords" content="Pokaew - Traditionelle Thai-Massage"> <meta name="description" content="Pokaew - Traditionelle Thai-Massage" > <title>Pokaew - Traditionelle Thai-Massage in Olpe. Besuchen Sie uns, um eine einzigartige Wellnesserfahrung zu erhalten. Wir bieten professionelle Kräuterstempel und Aromaölmassagen an.</title> <link rel="stylesheet" href="css/lightbox.css" type="text/css" media="screen" /> <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="format.css" type="text/css"> <link rel="stylesheet" href="menue.css" type="text/css"> <style type="text/css"> .auto-style2 { color: #FFFFFF; } .auto-style3 { text-align: center; } .auto-style4 { font-size: 20px; } </style> </head> <body > <div align="center"> <table align="center" id="main" cellspacing="0" cellpadding="0" border="0" > <tr> <td align="center" > <table align="center" id="main_top" cellspacing="0" cellpadding="0" border="0" > <tr> <td > <table align="center" cellspacing="0" cellpadding="0" border="0" > <tr> <td colspan="2" id="top1" > </td> </tr> <tr> <td id="top2" > <div id="hpname"> <img src="http://www.psd-tutorials.de/forum/images/Bild33.jpg" width="100" height="100" border="0" alt="" style="border:solid 1px #202020;"> <img src="http://www.psd-tutorials.de/forum/images/Bild22.jpg" width="100" height="100" border="0" alt="" style="border:solid 1px #202020;"></div> </td><td><!-- bilder--> <div id="bilder_ob" > </div> <!--ende bilder--><td> </tr> <tr> <td colspan="2" align="center" id="top3" > <table width="100%" align="center" id="menuhorizontal" border="0" cellpadding="0" cellspacing="0" > <tr> <td width="20%"><a href="us.html" >Über Uns</a></td> <td width="20%" id="aktuell" > <a href="index.html" class="auto-style2" style="width: 178px" >Startseite</a></td> <td width="20%"><a href="preise.html" >Preisliste</a></td> <td width="20%"><a href="Kontakt.html">Kontakt</a></td> <td width="20%"><a href="impressum.html" >Impressum</a></td> </tr> </table> </td> </tr> <tr> <td colspan="2" id="top4" > </td> </tr> </table > </td> </tr> </table> <table align="center" id="main_inhalt" border="0" cellpadding="0" cellspacing="0" > <tr> <td valign="top" align="center" > <table align="center" id="inhalt" border="0" cellpadding="0" cellspacing="0"> <tr> <td id="leftcol" valign="top" > <!--BOX nav--> <div class="boxnav"> <div id="menu2"> <h3 class="boxheader">Menü</h3> <ul > <li><a href="index.html" >Startseite</a></li> <li><a href="us.html" >Über Uns</a></li> <li><a href="preise.html" >Preisliste</a></li> <li><a href="*********html" >Anfahrt</a></li> <li><a href="Kontakt.html" >Kontakt</a></li> <li><a href="impressum.html" >Impressum</a></li> </ul> </div> </div> <!--ende BOX nav--> <br> <!--BOX nav2--> <!--ende BOX nav2--> <br> <!--BOX bilder--> <div class="boxbilder"> <h3 class="boxheader"> Bilder</h3> <img src="http://www.psd-tutorials.de/forum/images/Bild1.jpg" width="100" height="100" border="0" alt="" style="border:solid 1px #202020;margin-bottom:0px"> <img src="http://www.psd-tutorials.de/forum/images/Bild22.jpg" width="100" height="100" border="0" alt="" style="border:solid 1px #202020;margin-bottom:0px"> <br> <img src="http://www.psd-tutorials.de/forum/images/Bild33.jpg" width="100" height="100" border="0" alt="" style="border:solid 1px #202020;margin-bottom:6px"> <img src="http://www.psd-tutorials.de/forum/images/Bild77.jpg" width="100" height="100" border="0" alt="" style="border:solid 1px #202020;margin-bottom:6px"> </div> <!--ende BOX bilder--> <!-- ende boxen inhalt--> <!-- breite der linken spalte --> <!-- =========== hier spaltenbreite ändern für linke spalte und zwar in der format.css an entspr. stelle . wenn sie hier eine änderung vornehmen sollten sie auch noch das menü anpassen in der datei menue.css ========== --> <div class="breite_hauptspalte_links"> </div> <!-- ========= ende spaltenbreite linke spalte ============--></td> <td valign="top" id="inbox"> <h2> </h2> <h2>Über Uns</h2> <p> </p> <p class="auto-style3"> <a href="http://www.psd-tutorials.de/forum/images/Bildg2.jpg" rel="lightbox"><img src="http://www.psd-tutorials.de/forum/images/Bildg2thumb.jpg"/></a></p> <p> </p> <p><strong><span class="auto-style4">2</span></strong> Monate lang habe ich im Wat Po Tempel in Chiang Mai, Thailand gelebt, um dort eine professionelle Massageausbildung zu erhalten. In der Chetawan Thai Traditional Massage School absolvierte ich anschließend die mir auferlegten Prüfungen und erhielt Zertifikate für:</p> <p> </p> <p>• oil massage & aromatherapy</p> <p class="auto-style3"> <a href="http://www.psd-tutorials.de/forum/images/Zertifikat3.jpg" rel="lightbox[group]"><img src="http://www.psd-tutorials.de/forum/images/Zertifikat3thumb.jpg"/></a></p> <p>• Foot massage</p> <p class="auto-style3"> <a href="http://www.psd-tutorials.de/forum/images/Zertifikat2.jpg" rel="lightbox[group]"><img src="http://www.psd-tutorials.de/forum/images/Zertifikat2thumb.jpg"/></a></p> <p>• Thai traditional massage</p> <p class="auto-style3"> <a href="http://www.psd-tutorials.de/forum/images/Zertifikat1.jpg" rel="lightbox[group]"><img src="http://www.psd-tutorials.de/forum/images/Zertifikat1thumb.jpg"/></a></p> <p>Heute habe ich meinen eigenen kleinen Massagesalon.</p> <p>Eine professionelle Massageliege gibt ihnen außergewöhnlichen Komfort.</p> <p>Zusätzlich zur gewöhnlichen Ganzkörperthaimassage biete ich ihnen auch Aromaölmassagen an, bei denen die wertvollen asiatischen Öle zusätzlich ihre haut verwöhnen.</p> <p>Außerdem bin ich zertifiziert für Massagen mit heißen Kräuterstempeln.</p> <p> </p> <p> </p> <p> </p> <p><img alt="" height="224" src="http://www.psd-tutorials.de/forum/images/logo2.png" width="474"></p> <p><span class="auto-style4"><strong>D</strong></span>en Namen Pokaew habe ich gewählt, um den Tempel zu ehren, indem ich so viel gelernt habe .</p> </td> <!-- ende inhalt--> </tr> </table> </td> </tr> </table> <!-- fuss--> <table id="main_fuss" border="0" cellpadding="0" cellspacing="0" > <tr> <td id="fuss"> Jankaew Michler • Quellenweg 25 • 57462 Olpe</td> </tr> <tr> <td width="100%" id="fuss2" align="center" > <!-- menü GANZ unten--> <table align="center" id="menu_un" border="0" cellpadding="0" cellspacing="0" > <tr> <td ><a href="mailto:thai-massage-olpe@live.de">Mail</a></td><td class="trenn2" >•</td> <td ><a href="Kontakt.html" >Kontaktformular</a></td><td class="trenn2">•</td> <td ><a href="impressum.html" >Impressum</a></td> </tr> </table> <!-- ende menü GANZ unten--> www.pokaew-massage.de<br> <br> </td> </tr> </table> <!-- ende fuss--> </td> </tr> </table></div> </body> </html> [/CODE] [/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...
Probleme mit Lightbox
Oben