Problem mit <td> bei Facebook-Button

    Erledigt!!! ;)


    Hallo,

    auf meiner Tablet Forum Webseite habe ich oben einen Facebook-Connect Button eingebaut. :)

    Es ist das Plugin YAFB für vBulletin. Standartmäßig ist der Button in <td> eingebettet, doch der W3C-Validator meckert nun, dass dieses Element da nicht erlaubt ist:

    Zitat

    document type does not allow element "td" here

    .

    Hier die Betreffende Stelle:

    HTML
    <td style="float:right" id="navbar_fbb" class="vbmenu_control">
<a id="navbar_fbb_link" href="$vboptions[bburl]/facebook.php" rel="nofollow"<if condition="$vbulletin->fbb['config']['activated_system_wide']"> onClick="FB.Connect.requireSession(); return false;"</if>>
<img src="$vboptions[bburl]/fbb/fb_connect.gif" width="169" height="21" border="0" alt="Mit Facebook verbinden" />
</a>
</td>

    Was soll ich denn statt <td> am besten nehmen? Wenn ich <li> nehme, sieht der Facebook-Button nicht mehr wie ein Facebook-Button aus, sondern wie ein Navigationselement. :roll:

    Außerdem möchte ich den Button gerne rechts haben, mit float="right" funktioniert das irgendwie nicht... :?

    Danke!

    Gruß, Jakob

    Einmal editiert, zuletzt von jakobility (5. Juli 2010 um 15:25) aus folgendem Grund: erledigt

    Hallo,

    td gehört zu einer Tabelle. Hast du eine ganze Tabelle (table, td, th) erstellt oder nur den Codeschnitzel, den du hier zeigst? Ohne komplette Tabelle, auch wenn sie nur eine Zelle enthält, wäre der Hinweis des W3C-Validators komplett.

    Zitat

    Wenn ich <li> nehme, sieht der Facebook-Button nicht mehr wie ein Facebook-Button aus, sondern wie ein Navigationselement.

    Da gilt ähnliches. li ist Bestandteil einer Liste. Die muss erst mal vollständig sein und sollte schon mehrere Einträge enthalten, sonst ist sie ziemlich sinnlos. Ansonsten solltest du schlicht und einfach zu dem p-Tag greifen.

    Gruss

    MrMurphy

    Das Problem ist, dass ich nicht den kompletten Quelltext vor mir habe, sondern der Button nur im vBulletin-ACP in einem bestimmten Template eingefügt werden kann ("fbb_navbar_button"). Da kann ich nicht drum herum sehen, ob es eine Tabelle oder eine Liste ist.

    Aber als ich es nun mit <p> versucht habe, kommt beim Validator:

    Zitat

    document type does not allow element "p" here; assuming missing "li" start-tag

    und

    Zitat

    end tag for "li" omitted, but OMITTAG NO was specified

    Dann ist es wohl echt eine Liste.

    Aber wie gesagt, wenn ich <li> nehme, sieht der Button wie ein Navigations-Element aus. Wahrscheinlich wegen der Festlegung in css für derartige <li> in diesem Bereich.

    Wie kann ich also für dieses <li> die vordefinierten Eigenschaften entfernen? Außerdem wird es dann auch nicht mit float="right" rechts angezeigt :roll:

    Gruß, Jakob

    Speicher es, geh ins Frontend und schau dir den Quelltext (STRG + U oder Firebug) an, dann siehst du, ob ne ganze Tabelle oder ne ganze Liste drumherum ist ;)

    Das steht da zur Zeit und das ist invalide:

    Du müsstest so um das <p> noch ein <li> drum machen ;) oder einfach die p's in li's ändern^^

    Don't follow me, I run into walls.

    Einmal editiert, zuletzt von MyXoToD (2. Juli 2010 um 16:51)

    Danke für deine Antwort.

    Zitat von Santos

    Du müsstest so um das <p> noch ein <li> drum machen


    Dann sieht es so aus:
    [Blockierte Grafik: http://saved.im/mtc0odywnjq4/issueliump.png]

    Zitat von Santos

    oder einfach die p's in li's ändern


    Das hatte ich ja schon probiert, aber dann sieht es auch so aus:
    [Blockierte Grafik: http://saved.im/mtc0odyxnmpk/issuelistattp.png]

    Wie kann ich das normale Aussehen des Facebook-Buttons wieder bekommen? :roll:

    edit: Hat sich erledigt!
    Ich habe es einfach woanders platziert (nach der <ul> Liste) und jetzt sieht alles so aus, wie ich es will ;)

    3 Mal editiert, zuletzt von jakobility (5. Juli 2010 um 15:24)