+- Juergens-Workshops.de Forum (https://forum.juergens-workshops.de)
+-- Forum: HTML und Co (https://forum.juergens-workshops.de/forumdisplay.php?fid=62)
+--- Forum: Rund um HTML (https://forum.juergens-workshops.de/forumdisplay.php?fid=83)
+--- Thema: > Verstecktes Problem (/showthread.php?tid=26552)
> Verstecktes Problem - totefliege - 29.07.2008
Hi an alle,
Ich sitze schon seit einer Weile an der Lösung, wie man eine Grafik in einem Forum anklickbar macht.
Aber erst mal im Detail, was bisher geschah:
Nach der Eröffnung eines neuen Forums, kamen mir die Buchstabenmäsigen Titel der einzelnen boards
doch recht langweilig vor. Also beschloß ich alles mit Grafiken zu gestalten. So sieht zum Beispiel
eine private section so aus:
----------------------------------------------------------------------------------------------------
Moderator Section
![[Bild: 7xty3io.gif]](http://i8.tinypic.com/7xty3io.gif)
only for Admins & Mods
----------------------------------------------------------------------------------------------------
Nun habe ich die Möglichkeit im Admin-Board diese Grafik einzufügen. Diese Eingabezeile wäre:
Moderator Section
Die zweite Möglichkeit darunter, die Beschreibung des boards:
only for Admins & Mods
und mein Befehl:
Code:
<img src="http://i8.tinypic.com/7xty3io.gif"/img>Das war zwar nett anzuschauen, aber alles auf 'einem Haufen' und eigentlich nutzlos. Also, habe ich
ein wenig probiert, und bin dann auf folgendes Ergebnis gekommen:
Code:
<div style="text-align: right;"><img src="http://i8.tinypic.com/7xty3io.gif"/img>Wow, die Grafiken nach rechts an den Rand, schon besser für die Optik, aber nicht anklickbar.
Ergo, fand ich einen Hinweis, der da hies - den Befehl nicht im 'description' Fensterchen
zu etablieren, sondern in der Zeile, in der auch mein 'Moderator Section' stand. Aha, gleich mitverlinken.
Jetzt sah die Sache so aus:
Code:
Moderator Section <div style="text-align: right;"><img src="http://i8.tinypic.com/7xty3io.gif"/img>Jetzt konnte ich die Grafik zwar anklicken, diese hatte aber auf einmal einen häßlichen blauen
Trauerrand drumherum; Pahhh, nix für mich. Nach etlichem Austausch mit anderen, kam einer auf die
glorreiche Idee mit der border - jetzt sah mein Befehl so aus:
Code:
Moderator Section <div style="text-align: right;"><img border=0 src="http://i8.tinypic.com/7xty3io.gif"/img>Klasse, alles funzt, alles sieht toll aus, alles ist anklickbar. Ich hab also losgelegt und alle
31 boards dementsprechen ausgestattet. Wahnsinn, das sah auf einmal alles toll aus, un ich konnte
alles anklicken, und alles landete am rechten Ort, bis ich einmal weiterklicken mußte und direkt
in ein 'Post' klickte, um diese zu lesen -------------------- STUTZ !!!!!!
Da wurden doch tatsächlich oben erstmal alle 31 Grafiken meiner boards aufgebaut, danache der Header,
danach das 'Posting'. Nachdem ich meine Zunge wieder vom Boden aufgehoben habe, habe ich in mehreren
boards eine 'Post' angeklickt und bekam immer wieder dasselbe Ergebnis.
Nach Rücksprache in meinem support Forum, bekam ich glänzende Tips und einen wirklich guten Befehl.
Ich solle doch nur und ganz explizit NUR diesen Befehl verwenden:
Code:
Moderator Section <center><img border=0 src="http://i8.tinypic.com/7xty3io.gif"></center>Na ja, diesesmal war ich schon etwas pessimistischer bei dem Erfolg dieses Befehles, als er
tatsächlich funktionierte. Ausserdem, mit rechtsbündig war nix mehr. Der Befehl funzte nur mit
<center> - mit 'right' ging da nix. Also, dachte ich: besser als nix und habe losgelegt.
Nach der 10. Änderung, dachte ich schau doch mal wie`s jetzt aussieht. STUTZ:
Es waren zwar die Grafiken weg, dafür waren oben angefangen 10 mal dieses da gestanden:
/>
/>
/>
/>
/>
/>
/>
/>
/>
/>
Header
Post
Jetzt war ich ganz leicht frustriert. Ich habe meinen schön anzuschauenden, aber nicht funktionierenden
Originalzustand wieder hergestellt und habe noch ausprobiert:
Code:
class="post" /><div style="text-align: right;"><img border=0 src="http://i3.tinypic.com/6lvrwhw.gif"/img>
class="post" /><center><img border=0 src="http://i3.tinypic.com/6lvrwhw.gif"></center>Taugt alles nichts..................................
JETZT FRAGE ICH EUCH, WAS KANN ICH NOCH TUN ????????????
Bin für jeden einzelnen Buchstaben im voraus dankbar
totefliege
> Verstecktes Problem - prm - 29.07.2008
Du hast jetzt so viel (unnötiges) geschrieben und bist doch nicht auf den Punkt gekommen.
Wenn ich dich recht verstanden habe, dann willst du eine Grafik einfügen. Wenn du auf die Grafik klickst, soll sich eine Seite öffnen.
Falls das dein Problem ist, dann versuch' s mal damit:
Code:
<a href="hierlinkderzielseiteeinsetzen" target="_blank"><img style="height: 60px; width: 468px; border: none;" alt="Bezeichnung der Zielseite" src="pfad zur Grafik"></a>Beispiel:
Wenn du diesen Code auf deiner Seite einfügst, dann erscheint ein Banner meiner Seite und beim Anklicken öffnet sich diese (sorry für die Werbung in eigener Sache, aber ich erkläre immer alles am besten anhand praktischer Beispiele).
Code:
<a href="http://www.ohne-css.gehts-gar.net" target="_blank"><img style="height: 60px; width: 468px; border: none;" alt="www.ohne-css.gehts-gar.net" src="http://www.ohne-css.gehts-gar.net/img/banner/46801.png"></a>