Problem mit <td> bei Facebook-Button

jakobility

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.

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

Danke!

Gruß, Jakob

MrMurphy

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

jakobility

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

Gruß, Jakob

MyXoToD

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:

HTML

<ul>
    <li><a rel="nofollow" href="http://tablet-faq.de/register.php">Registrieren</a></li>
    <li><a accesskey="5" href="http://tablet-faq.de/faq.php" rel="help">Hilfe</a></li>
    <li><a accesskey="6" rel="nofollow" href="/?nojs=1#community" id="community">Community</a> <script type="text/javascript"> vbmenu_register("community", 1); </script></li>
    <li><a accesskey="2" href="http://tablet-faq.de/search.php?do=getdaily">Heutige Beiträge</a></li>
    <li><a rel="nofollow" accesskey="4" href="http://tablet-faq.de/search.php" id="navbar_search">Suchen</a> </li>
    <p class="vbmenu_control" id="navbar_fbb" style="float: right;">
        <a rel="nofollow" href="http://tablet-faq.de/facebook.php" id="navbar_fbb_link">
            <img width="169" height="21" border="0" alt="Mit Facebook verbinden" src="http://tablet-faq.de/fbb/fb_connect.gif" title="Mit Facebook verbinden">
        </a>
    </p>
</ul>

Alles anzeigen

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

jakobility

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?

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

Tags