ich habe mich heut mal mit dem thema ‚galerievorschau’ beschäftigt und dazu diese seite bemüht:
http://iceblue-test.de.tl/externe-Galerie.htm
ich komme aber nicht hundertprozentig klar. bin auch leider totaler amateur.
ruft euch doch mal bitte meine betreffende testseite auf:
http://groundfever.de.tl/Krankenberichte.htm
zum einen gelingt es mir nicht eine bildbeschreibung einzufügen, die dann unter dem aufpoppenden bild platziert wird. habe aber die anleitung genau befolgt. habe den code nämlich kopiert, auf meiner seite eingefügt, mit der entsprechenden bild-url gefüttert und meine bildunterschrift bei 'title=' eingefügt. die unterschrift taucht aber nicht auf. woran kann das liegen?
das ist mein code
<a href="http://img.webme.com/pic/g/groundfever/bild067.jpg" class="thickbox" title="bologna 2010"><img width="180" src="http://img.webme.com/pic/g/groundfever/bild067.jpg" border="0" /></a>
wenn ich allerdings gespeichert habe, die seite verlasse und wieder zur bearbeitung drauf gehe und auf quellcode umschalte, wurde dieser auch ohne mein zutun verändert und sieht dann so aus:
<a title="bologna 2010" class="thickbox" href="http://img.webme.com/pic/g/groundfever/bild067.jpg"><img width="180" border="0" src="http://img.webme.com/pic/g/groundfever/bild067.jpg" alt="" /></a>
woran liegt das??
weiterhin möchte ich die bilder (wie auch weiter unten auf der iceblue-seite erklärt) sauber strukturiert mit abstand und rahmen aufführen. dazu habe ich den angegebenen code kopiert
<style type="text/css">
<!--
img {
padding: 5px;
margin: 10px;
border: 1px solid #343434; }
-->
</style>
und auf der seite eingefügt. dadurch hat sich aber meine menüspalte verbreitert. das seht ihr wenn ihr mal andere seiten anwählt und dann wieder auf ‚krankenberichte’ zurückgeht. wie kann ich das verhindern? dieses phänomen liegt definitiv an dem code. wenn ich den entferne passt die menüspalte wieder.
und wie bekomm ich es hin, dass das linke bild bündig unter dem text platziert wird??
der gesamte code der seite sieht momentan so aus, ist wahrscheinlich eh nicht die vorzeigelösung:
<div><span style="font-family: Verdana;"><br />
Dieses ist erstmal nur ein Versuch!</span><span style="font-size: larger;"><span style="font-family: Verdana;"><br />
<br />
<script type="text/javascript" src="http://img.webme.com/designs/globals/jquery.js"></script> <script type="text/javascript" src="http://img.webme.com/designs/globals/thickbox.js"></script>
<link rel="stylesheet" href="http://img.webme.com/designs/globals/thickbox.css" type="text/css" media="screen" />
<style type="text/css">
<!--
img {
padding: 5px;
margin: 10px;
border: 1px solid #ffffff; }
-->
</style>
<a title="Bologna 2010" class="thickbox" href="http://img.webme.com/pic/g/groundfever/bild067.jpg"><img width="180" border="0" src="http://img.webme.com/pic/g/groundfever/bild067.jpg" alt="" /></a>
<a class="thickbox" href="http://img.webme.com/pic/g/groundfever/livorno2010.jpg"><img width="180" border="0" alt="" src="http://img.webme.com/pic/g/groundfever/livorno2010.jpg" /></a> <br />
</span></span></div>