Suche im Forum:
Suchen


« Vorheriges Thema anzeigen :: Nächstes Thema anzeigen »  
Autor Nachricht
Beitrag10.11.2012 um 19:23 (UTC)    
Titel: Hover Drück-Effekt für Bilder Problem...

Hi HPBK'ler,
Wir haben mal wieder ein Problem und zwar haben wir auf unserer Startseite jetzt so eine wie soll ich's nennen "Hover druck effekt Galerie zum anklicken" und das Problem ist, dass die ganzen Bilder nicht in einer Reihe sind. Wenn man aber mit der Maus über Videos drüberfährt, ist alles in einer Reihe.

Ich werde es mal mit Bildern veranschaulichen, so siehts jetzt aus:


Und so sollte es aussehen,( bzw. so schaut es es, wenn man mit der Maus über das Bild Videos fährt):


Hier ist der Code zu den ganzen:
Code:
<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" /> <br />
<a href="http://ein-paar-lole-sachen.de.tl/Wallpaper-%7C-Lole_Bilder/index.htm" title="TEXT"><img class="bild" src="http://img.webme.com/pic/e/ein-paar-lole-sachen/bilder1.png" alt="Bild" /></a>  <a href="http://ein-paar-lole-sachen.forum-aktiv.com/" title="TEXT"><img class="bild" src="http://img.webme.com/pic/e/ein-paar-lole-sachen/forum.png" alt="Bild" /></a>  <a href="http://ein-paar-lole-sachen.de.tl/Gifs.htm" title="TEXT"><img class="bild" src="http://img.webme.com/pic/e/ein-paar-lole-sachen/gifs.png" alt="Bild" /></a>  <a href="http://ein-paar-lole-sachen.de.tl/Smileys.htm" title="TEXT"><img class="bild" src="http://img.webme.com/pic/e/ein-paar-lole-sachen/smileys.png" alt="Bild" /></a>  <a href="http://ein-paar-lole-sachen.de.tl/Witze-.htm" title="TEXT"><img class="bild" src="http://img.webme.com/pic/e/ein-paar-lole-sachen/witze.png" alt="Bild" /></a>  <a href="http://ein-paar-lole-sachen.de.tl/Videos.htm" title="TEXT"><img class="bild" src="http://img.webme.com/pic/e/ein-paar-lole-sachen/videos.png" alt="Bild" /></a> <a href="http://ein-paar-lole-sachen.de.tl/Zeichenbilder.htm" title="TEXT"><img class="bild" src="http://img.webme.com/pic/e/ein-paar-lole-sachen/zeichenbilder.png" alt="Bild" /></a>  <a href="http://www.youtube.com/einpaarlolesachen" title="TEXT"><img class="bild" src="http://img.webme.com/pic/e/ein-paar-lole-sachen/youtube.png" alt="Bild" /></a><a href="http://www.facebook.com/pages/Ein-paar-LOLe-Sachen/381417971881033?" title="TEXT"><img class="bild" src="http://img.webme.com/pic/e/ein-paar-lole-sachen/facebook.png" alt="Bild" /></a><br style="clear:left;" />
<br />

Und von dieser Seite haben wir den Code:
Code:
http://iceblue-test.de.tl/Hover-Effekte.htm


Bitte helft uns!

Grüssle
______________
LG ein Paar LOLe Sachen Team
-Wenn du uns HIER: http://www.youtube.com/einpaarlolesachen abonnieren würdest
-Und HIER: http://www.facebook.com/pages/Ein-paar-LOLe-Sachen/381417971881033? auf gefällt mir klicken würdest
-Und dich HIER: http://ein-paar-lole-sachen.forum-aktiv.com/ anmeldest
WÜRDEN wir uns natürlich sehr freuen Wink
Beitrag10.11.2012 um 20:04 (UTC)    
Titel:

Hallo,

wenn du dir die Bilder mal anschaust, wirst du sehen, dass sie alle unterschiedlich hoch sind.
Alle Bilder haben ein float:left; bekommen, das heißt, dass sie nach links fließen.
Ist nun ein Bild höher als die anderen (so wie es bei "Witze" der Fall ist), kann das andere Bild nicht weiter nach links fließen und bleibt sozusagen hängen, was man bei "Zeichenbilder" sieht.

Dein Hover-Effekt macht das natürlich nicht besser Wink

Mein Tipp: Mache alle Grafiken gleich groß (insbesondere gleich hoch!).
Dann sollte es hinkommen.
Sieht außerdem besser aus Smile

Edit:
ein-paar-lole-sachen hat Folgendes geschrieben:
Und von dieser Seite haben wir den Code:
Code:
http://iceblue-test.de.tl/Hover-Effekte.htm

Original ist das aber nicht.
Warum hast du am Ende von deinem Designcode das hier eingefügt?
Zitat:
.bild {
float: left;
width: 130px;
padding: 5px;
margin: 10px;
border: 1px solid #343434; }

Das trägt mit zu dem Problem bei...

Gruß,

TransInt
______________
Kein Support per PN - Im Forum hilft es allen!

Life is what happens while you are busy making other plans.
- John Lennon


Zuletzt bearbeitet von transint am 10.11.2012, 21:11, insgesamt einmal bearbeitet
Beitrag25.11.2012 um 18:45 (UTC)    
Titel:

Dankeschön!!!
Dass verkleinern hat zwar ne Weile gedauert, aber jetzt sitzt alles perfekt.



Zitat:
Warum hast du am Ende von deinem Designcode das hier eingefügt?


Naja, weiß ich jetzt auch nicht so genau.
Der war glaub ich dafür da, um die Bilder dann auch noch zu verlinken.
Da stand nämlich, wenn man ein Bild mit diesen "Hover Drück Effekt" verlinken möchte, sollte man das an besten mit so einer "Thickbox" machen und das haben wir halt getan.

Zitat:
Tipp :
Verwendet zum Verlinken den Thickbox-Effekt: Beschreibung hier
Wichtig : Dort bitte Schritt 3 auslassen. Die CSS-Anweisung habt Ihr hier schon dabei !


Oh, jetzt sehe ichs erst, da steht man soll den 3 Schritt weglassen und ich Idiot hab ihn natürlich mit eingefügt, na dann mach ich ihn einfach weg...

Danke nochmal für deine Hilfe!
Der Thread kann geschlossen werden...
______________
LG ein Paar LOLe Sachen Team
-Wenn du uns HIER: http://www.youtube.com/einpaarlolesachen abonnieren würdest
-Und HIER: http://www.facebook.com/pages/Ein-paar-LOLe-Sachen/381417971881033? auf gefällt mir klicken würdest
-Und dich HIER: http://ein-paar-lole-sachen.forum-aktiv.com/ anmeldest
WÜRDEN wir uns natürlich sehr freuen Wink


Zuletzt bearbeitet von ein-paar-lole-sachen am 25.11.2012, 19:47, insgesamt einmal bearbeitet
Beitrag26.11.2012 um 13:58 (UTC)    
Titel:

ein-paar-lole-sachen hat Folgendes geschrieben:
Der Thread kann geschlossen werden...

Mach ich Wink
Vielen Dank für die Rückmeldung.

Gruß,

TransInt
______________
Kein Support per PN - Im Forum hilft es allen!

Life is what happens while you are busy making other plans.
- John Lennon
Beiträge der letzten Zeit anzeigen:   


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