ilch Forum » Ilch Clan 1.1 » Fehlersuche und Probleme » TS3 Grafik per Div verlinken. HTML

Geschlossen
  1. #1
    User Pic
    deejay2302 Mitglied
    Registriert seit
    29.01.2008
    Beiträge
    205
    Beitragswertungen
    0 Beitragspunkte
    Hi Leute, ich hab da mal wieder ein kleines Problemchen, welches wahrscheinlich für die meisten Pille Palle ist. ^^

    Und zwar schreibe ich gerade an einer HTML Datei, und versuche da drin ein per "Div" eine Verlinkung zu einem TS3 Server einzuarbeiten.

    Heißt, Wenn ich auf das TS3 Icon klicke soll sich das Teamspeak öffnen, oder zumindest das entsprechende Browserfenster um in das TS zu joinen.
    Nur komm ich gerade net drauf klar, warum die Verlinkung nicht funktioniert. Die Grafik ist vorhanden und wird angezeigt. Klicke ich drauf, passiert nix.

    Die Zeilen sehen momentan so aus:


    <style>
    #ts3
           url("ts3server://TS IP?port=2013")
    }
    </style>


    <div id="#ts3">
    <g:image onclick="ts3server://TS3 IP?port=2013"; src="ts3.png" width="20" height="20" id="#ts3" style="position:absolute; top:40px; left:52px;" />
    </div>


    Nicht wundern, ist alles aus irgendwelchen Tutorials zusammengewürfelt. Was passendes oder funktionierendes habe ich bisher nicht gefunden. grumml

    Versuche gerade zu lernen wie das mit dem div funktioniert. Also noch blutiger Anfänger in der Richtung.

    Also ich habe schon versucht, die IP aus der CSS auszulesen/auszuführen und wie man unten sieht auch per onclick. Beides geht nicht grumml

    Was mache ich falsch?


    Zuletzt modifiziert von deejay2302 am 08.04.2013 - 19:53:34
    0 Mitglieder finden den Beitrag gut.
  2. #2
    User Pic
    Lord|Schirmer Administrator
    Registriert seit
    21.03.2007
    Beiträge
    7.634
    Beitragswertungen
    1193 Beitragspunkte
    Grundsätzlich ist <a> ein Link und <img> ein Bild. Also wäre die einfachste Lösung:
    <a href="ts3server://000.000.000.000?port=20009"><img src="bildurl" alt="Teamspeak" border="0" /></a>


    Natürlich kann man auch mit Containern arbeiten und diese CSS Klassen verpassen und mit JS onclick arbeiten ... oder Buttons oder ... muss aber nicht!

    Ich würde erst einmal mit einfachem HTML anfangen und mich etwas mehr mit CSS beschäftigen.
    rules :: doku :: faq :: linkus
    0 Mitglieder finden den Beitrag gut.
  3. #3
    User Pic
    deejay2302 Mitglied
    Registriert seit
    29.01.2008
    Beiträge
    205
    Beitragswertungen
    0 Beitragspunkte
    Da fehlen jetzt aber noch die Positionsangaben wo die Grafik liegen muss.

    Also habe ich es so gemacht (was aber auch nicht funktioniert)

    <div id="#ts3">
    			<a href="ts3server://000.000.000.000?port=2013"><img src="ts3.png" alt="Teamspeak" border="0" /></a>
    </div>


    <style>
    #ts3
    {
    height: 20px;
    width: 20px;
    top: 40px; 
    left: 52px;
    position: absolute;
    }
    </style>
    
    Ich frage mich gerade warum er die Position der Grafik nicht abfragen will? Das Icon hängt damit an der falschen Stelle.


    Anmerkung. Ich lese den Stylecheet innerhalb der HTML aus.


    Zuletzt modifiziert von deejay2302 am 08.04.2013 - 20:18:31
    0 Mitglieder finden den Beitrag gut.
  4. #4
    User Pic
    Lord|Schirmer Administrator
    Registriert seit
    21.03.2007
    Beiträge
    7.634
    Beitragswertungen
    1193 Beitragspunkte
    <div id="ts3"> ... </div>
    
    <style>
    #ts3 { ... }
    </style>
    rules :: doku :: faq :: linkus
    0 Mitglieder finden den Beitrag gut.
  5. #5
    User Pic
    deejay2302 Mitglied
    Registriert seit
    29.01.2008
    Beiträge
    205
    Beitragswertungen
    0 Beitragspunkte
    Ok das funktioniert soweit. Der Button liegt da wo er liegen soll. Aber drücken läßt er sich net mehr.

    <div id="ts3">
    			<a href="ts3server://000.000.000.000?port=2013"><img src="ts3.png" alt="Teamspeak" border="0" /></a>
    		</div>


    IP habe ich natürlich ausgetauscht. Vorher mit der falschen Position hats geklappt. Was ist nun wieder kaputt?


    Zuletzt modifiziert von deejay2302 am 08.04.2013 - 20:29:36
    0 Mitglieder finden den Beitrag gut.
  6. #6
    User Pic
    deejay2302 Mitglied
    Registriert seit
    29.01.2008
    Beiträge
    205
    Beitragswertungen
    0 Beitragspunkte
    Ok funktioniert. Hatte wohl gerade ne Macke gehabt^^

    Danke dir!!

    Jetzt kapier ich erstmal das Prinzip von div lächeln Ist nix anderes wie table wenn ich das richtig verstehe. lachen
    0 Mitglieder finden den Beitrag gut.
  7. #7
    User Pic
    Lord|Schirmer Administrator
    Registriert seit
    21.03.2007
    Beiträge
    7.634
    Beitragswertungen
    1193 Beitragspunkte
    In diesem Fall würdest Du aber den DIV Container nicht unbedingt benötigen, da die ID direkt in den Link könnte.

    <a id="" href=""><img src="" alt="" /></a>
    rules :: doku :: faq :: linkus
    0 Mitglieder finden den Beitrag gut.
  8. #8
    User Pic
    deejay2302 Mitglied
    Registriert seit
    29.01.2008
    Beiträge
    205
    Beitragswertungen
    0 Beitragspunkte
    Ok wäre auch ne alternative gewesen. Aber die andere funktioniert jetzt. Danke dir zwinker
    0 Mitglieder finden den Beitrag gut.
Geschlossen

Zurück zu Fehlersuche und Probleme

Optionen: Bei einer Antwort zu diesem Thema eine eMail erhalten