andyNail: Link soll Bild und Text anzeigen und dieses zentrieren

Hallo zusammen

und ja Hallo da bin ich wieder. Aber sorry ich wollte dieses Thema nicht an das Thema an das Unten anknüpfen, obwohl es sich um das gleiche Objekt handelt. Also sorry das ich mich so schnell wieder melde.

Aber es ist ja so das ich in einem div den Link-Inhalt horizontal und vertikal zentrieren will. Doch jetzt ist es so, dass ein Link die eine oder andere Eigenschaft haben kann, so dass dann ein Bild vorne sitzen soll. Und jetzt soll das Ganue uentriert dargestellt werden, was ich aber nicht hinbekommen will!

Und der Link wird ja zum testen per javbascript erstellt:

	Text = "<div style='width:0; '><img src='Pictures/Open.png' style='width:30px; height:32px; margin-right:10px; margin-top:4px; float:left'>" + Text + "</div>"  

Und auf dem Formular sitzt jetzt ein div mit align="center", so dass der Link so nur die zweite Hälfte einnimmt. Oder der Abstand zum Image wird riesig, oder beides sitzt zusammen nr auf linker Seite.

Also nochmals Sorry das ich mich so schnell wieder melde, doch würde ich das Thema gerne mal abschließen können. Es gäbe da ja auch noch das Phänomen das wenn ein Link anstatt Text ein Bild anzeigen soll der Abstand zum unteren Rand des Links etwas groß ist. Aber das sollte ja auch nicht das momentan interessante Thema sein.

Also würde ich mich über Eure Hilfe stark freuen und mich für jegliche Bemühungen auf jeden Fall nur bedanken kann.

Also vielen Dank und mit Gruß Andreas

  1. Hallo Andreas,

    Du vermengst Html, Css und JavaScript zu einem seltsamen Gemenge…
    zeige doch mal was du schon hast, aus deinem Beispiel:

    <div style='width:0; '>  
    <img src='Pictures/Open.png'  
    style='width:30px; height:32px; margin-right:10px; margin-top:4px; float:left'>" + Text + "</div>"  
    
    

    werde ich nicht schlau.

    gruesse qx

    1. Jo Hallo

      ich wüste nicht was ich hier noch präsentieren solle. Denn Das Ganze wird ja erstellt mit javascript und der Inhalt der Variable hab ich ja schon gezeigt. Das width:0 hatte ich ja einfach mal so geschrieben mit dem wie beschrieben das Ganze dann nur eine Hälfte des Platzes einnimmt. Und lasse ich es weg, steht das Symbol/ das Bild ganz links und der Text des Links irgendwo in der Mitte der Reihe, als würde das div das Ganze nicht umschließen.

      Und der Code für die Variable Text ist vorher:
      var Text = document.LinkDaten.Bezeichner.value
      und das Ganze wird dann geschrieben mit dem Code
      $(Link.innerHTML = Text).ready(document.getElementById("TestArea").style.visibility = "visible")
      wobei unterschieden wird ob nur Text, ob mit Symbol oder ein Bild eingefügt werden soll.

      Danke Gruß Andreas

      1. Hi,

        Und lasse ich es weg, steht das Symbol/ das Bild ganz links und der Text des Links irgendwo in der Mitte der Reihe, als würde das div das Ganze nicht umschließen.

        Tut es ja auch nicht – schließlich hast du das Bild gefloatet.

        http://blog.selfhtml.org/2006/01/31/css-spaltenlayout/#float-einschliessen

        $(Link.innerHTML = Text).ready(document.getElementById("TestArea").style.visibility = "visible")

        Was ist denn das für ein Konstrukt? .ready an so einer Stelle zu benutzen ergibt m.E. überhaupt keinen Sinn.

        MfG ChrisB

        --
        Autocomplete has spoiled me to a point where it happens every so often that I encounter a CAPTCHA, and I just type in the first character … and then wait for the rest of the code to be automatically suggested :/
        1. Jo Hallo

          und herzlichen Dank für Deine Mühe und Deinen Link.

          Ich kannte das halt bisher nur so, dass man float:left bräuchte um Text neben eine Grafik bringen zu können. Und dann suchte ich nochmals dazu im Netz um das hier auch beweisen zu können. Denn nach dem ersten draufschauen auf Deine Seite wusste ich nicht wie ich was in meinem Link anwenden könnte. Und das dass Ganue dann auch nicht mehr mit dem div umschlossen wird war mir auch neu.

          Und hatte ich das float weggelassen stand das Bild oben und der Text daneben unten. Und dann fand ich heute so eine Seite auf selfhtml auf dieser man von align="top" "middle" "buttom" geschrieben hatte, womit jetzt alles einwansfrei funktioniert. Also könnte ich auch grad das Darstellen beim Aufbau der Seiten in den Link Listenn auf dieses System umstellen.

          Und das jquery ready dachte ich das erst einmal der Link erstellt werden müsse um ihn dann richtig ausrichten zu können und um auch erstmal Bilder anstatt Text auf der Seite erstellen zu lassen. Also könnte ich das jetzt auch rausnehmen? OK!

          Also dann nochmals Vielen Dank und Gruß Andreas