• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Html-Tabelle zeigt überflüssige Dreiecke

Harlekin100

Neues Mitglied
Ich betreue Website des Vereins Nebenklage. Auf der Seite http://www.nebenklage.org/weblinks/ habe ich einen Link mit Gif Bild eingefügt (Hilfeportal). Leider zeigt die Ansicht zwei Pfeile, die ich natürlich gerne entfernen möchte.

Die für den Link verwendete Tabelle sieht folgendermaßen aus:

<table class=" alignleft" border="0" width="678" cellspacing="0" cellpadding="0">
<tbody>
<tr>
<td style="width: 85px; hight: 49px;"> <a href="http://www.hilfeportal-missbrauch.de/startseite.html" target="blank"><img class="alignleft" src="http://www.nebenklage.org/wp-content/uploads/2014/09/Hilfeportal_Button-e1410769216548.png" alt="Hilfeportal des unabhängigen Beauftragten für Fragen des sexuellen Kindesmissbrauchs" width="90" height="49" /></a></td>
<td style="width: 480px; hight: 49px;"> <span style="font-size: 12px;"><a title="Hilfetelefon sexueller Missbrauch: 0800-2255530" href="http://www.hilfeportal-missbrauch.de/startseite.html" target="_blank">Hilfeportal des unabhängigen Beauftragten für Fragen des sexuellen Kindesmissbrauchs</a></span></td>
</tr>
</tbody>
</table>

Was muss ich ändern, damit die Pfeile verschwinden?
 
Werbung:
Schau mal in das entsprechende CSS...
dort ist ein "background-image" hinterlegt, welches diese Pfeile "einfügt".

"background: url(images/alignleft01.gif) no-repeat left center;"

Das sollte angepasst werden... oder du überschreibst diese Bilder mit einem wert in HTML:
Dazu einfach folgendes in den Link mit einfügen:
style="background-cimage: none;"

Dann verschwinden die Pfeile ;)
 
Funktioniert leider nicht. Ich habe den Style Befehl folgendermaßen eingefügt:

<table class=" alignleft" border="0" width="678" cellspacing="0" cellpadding="0">
<tbody>
<tr>
<td style="width: 85px; hight: 49px;"><a href="http://www.hilfeportal-missbrauch.de/startseite.html" target="blank"><img class="alignleft"; style="background-image: none;" src="http://www.nebenklage.org/wp-content/uploads/2014/09/Hilfeportal_Button-e1410769216548.png" alt="Hilfeportal des unabhängigen Beauftragten für Fragen des sexuellen Kindesmissbrauchs" width="90" height="49" /></a></td>
<td style="width: 480px; hight: 49px;"> <span style="font-size: 12px;"><a title="Hilfetelefon sexueller Missbrauch: 0800-2255530" href="http://www.hilfeportal-missbrauch.de/startseite.html" target="_blank">Hilfeportal des unabhängigen Beauftragten für Fragen des sexuellen Kindesmissbrauchs</a></span></td>
</tr>
</tbody>
</table>

Es gibt leider keine Änderung der Website.
 
Werbung:
Danke Flemli200, das wars!!

Hast Du noch eine Idee, wie ich die Tabelle linksbündig mit den übrigen Links kriege?

Augenblicklich lautet die Tabelle folgendermaßen:

<table class=" alignleft" border="0" width="678" cellspacing="0" cellpadding="0">
<tbody>
<tr>
<td style="width: 85px; hight: 49px;"><a style="background-image: none;" href="http://www.hilfeportal-missbrauch.de/startseite.html" target="blank"><img class="alignleft" src="http://www.nebenklage.org/wp-content/uploads/2014/09/Hilfeportal_Button-e1410769216548.png" alt="Hilfeportal des unabhängigen Beauftragten für Fragen des sexuellen Kindesmissbrauchs" width="90" height="49" /></a></td>
<td style="width: 480px; hight: 49px;"> <span style="font-size: 12px;"><a style="background-image: none;" title="Hilfetelefon sexueller Missbrauch: 0800-2255530" href="http://www.hilfeportal-missbrauch.de/startseite.html" target="_blank">Hilfeportal des unabhängigen Beauftragten für Fragen des sexuellen Kindesmissbrauchs</a></span></td>
</tr>
</tbody>
</table>
 
Werbung:
Mir schien eine Tabelle die einfachste Möglichkeit, um Bild mit Link und Link allein so positionieren zu können. Hast Du eine bessere Idee?
 
naja... leg das bild in den link, den text des links in einen span und positionier den link...
und dann die einzelnen Elemente via css ;)
Dann kannst du auch alles so positionieren wie du willsch ;)
Tabellen sind immer ein bissl frickelig ;)
 
Werbung:
Zurück
Oben