Suche im Forum:
Suchen


« Vorheriges Thema anzeigen :: Nächstes Thema anzeigen »  
Autor Nachricht
Beitrag08.08.2010 um 16:05 (UTC)    
Titel: Bilder auf Mausklick vergrössern und Galerievorschau

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>
Beitrag09.08.2010 um 10:19 (UTC)    
Titel:

Hallo,
ich habe deinen Code mal etwas angepasst...
Zitat:
<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">
<!--
.edit_content_main img{
padding: 5px;
margin: 10px;
border: 1px solid #ffffff; }
#TB_caption{color:#000!important;}
-->
</style>
<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 />

<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>
Nun sollte das Design nicht mehr verschoben sein und
der Titel müsste nun auch in schwarz angezeigt werden!

mfg Dominik
______________
Besucht die offizielle Hilfeseite vom Homepage-Baukasten:

Iceblue Generator | Red Generator | Butterfly Generator
Beitrag09.08.2010 um 12:16 (UTC)    
Titel:

der-bielefeld-club hat Folgendes geschrieben:
Hallo,
ich habe deinen Code mal etwas angepasst...
Zitat:
<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">
<!--
.edit_content_main img{
padding: 5px;
margin: 10px;
border: 1px solid #ffffff; }
#TB_caption{color:#000!important;}
-->
</style>


<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 />

<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>
Nun sollte das Design nicht mehr verschoben sein und
der Titel müsste nun auch in schwarz angezeigt werden!

mfg Dominik


DANKE!
ich seh das doch richtig, dass du mein design durch veränderung des oben fett zu sehenden teils des codes wieder in die richtige form gerückt hast oder? wieso musstest du welchen teil verändern ? ich will es gern verstehen und dabei lernen.

was ich aber nicht verstehe, ist, wieso beim klick auf das erste bild nun der untertitel zu sehen ist. an dem code des bildes hast du doch gar nicht verändert? kannst du mir das auch erläutern?

ist es möglich, das linke bild so platzieren, dass es bündig mit dem text darüber zu sehen ist? ist zwar nur kosmetik, fänd ich aber optisch angenehmer.
Beitrag09.08.2010 um 12:26 (UTC)    
Titel:

Hallo,
für die letzte Kosmetik fügst du nun folgenden Code ein:
Zitat:
<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">
<!--
.edit_content_main img{
padding: 5px;
margin-right: 20px;
border: 1px solid #ffffff; }

#TB_caption{
color:#000!important;}

-->
</style>

<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 />

<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>
Das blaue ist dafür verantwortlich, dass nun der Titel beim Bild in schwarz angezeigt wird (davor war der weiß) Wink
Das grüne lässt nun nur noch die Bilder im Content ausrichten und nicht wie vorher auch die Navigation.
Außerdem ist das rote nun dafür verantworlich, dass die Bilder ganz links anfangen und
somit mit dem Text bündig sind Wink

mfg Dominik
______________
Besucht die offizielle Hilfeseite vom Homepage-Baukasten:

Iceblue Generator | Red Generator | Butterfly Generator


Zuletzt bearbeitet von der-bielefeld-club am 09.08.2010, 13:27, insgesamt einmal bearbeitet
Beitrag10.08.2010 um 14:19 (UTC)    
Titel:

sehr geil. besten dank!
dafür wünsch ich euch schon mal den aufstieg Wink

aber ist ja nicht so, dass mir die fragen ausgehen Very Happy
ich vermisse in den aufpoppenden bildern diese pfeile mit denen ich direkt zum nächsten bild springen kann ohne das offene erst schliessen und das nächste neu öffnen zu müssen. wie kann ich das denn einstellen?
Beiträge der letzten Zeit anzeigen:   


Powered by phpBB © 2001, 2005 phpBB Group
Deutsche Übersetzung von phpBB.de