Hintergrundfarbe bei Widgets

KaiserJohannes

Hi,
ich habe nicht wirklich viel Erfahrung, aber bisher haben meine wenigen Html Kenntnisse gereicht. Nun stehe ich aber vor einen Problem:

Ich wollte in meine Seite in ein Widget(Text) in der rechten Seite eine Tabell mit Links einfügen, den Code habe ich hinbekommen und es sieht so aus wie ich es mir vorgestellt habe
DOCH: Wärend mein Browser den Code richtig darstellt stellt meine webseite den code ohne die von mir hingeschriebenen Farben da. Das ganze wir in einem hell blauen Kasten angezeigt. Ich muss wohl nicht sagen, dass ich die letzten paar Stunden das Net durchforstet habe für eine Anwort, alle wirkungslos...

Hier meine Seite : http://www.games-panorama.de/
(Das besagte Widget ist im Moment nicht eingebunden)

Danke schon einmal für euer Hilfe

Kaiser

Werbepost

Hallo!

Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
✔️ Deutsche Server & DSGVO-konform
✔️ Persönlicher Support (kein 0815-Ticket-System)

Mehr erfahren

KaiserJohannes

Kann denn niemand helfen??

alchymyth

Zitat

(Das besagte [COLOR=#306582]Widget[/COLOR] ist im Moment nicht eingebunden)

ohne das ganze live zu sehen, ist es im allgemeinen unmoeglich, zu reinen formatierungsfragen etwas zu sagen. zumal du noch nicht einmal den code vom widgetinhalt gepostet hast.

also: widget aktivieren - auch wenn es zur zeit schrottig aussieht.

KaiserJohannes

Ok, ist jetzt wieder drinne: http://www.games-panorama.de/

HTML

<table border="0" bgcolor="#000000">
<tr bgcolor="#1a1a1a">
 <td><font color=ffffe9>STORM:Frontline Nation</font></td>
 <td>Artikel</td>
 <td><a href=http://store.steampowered.com/app/98510/?snr=1_7_7_204_150_1><font color=ffffe9>Steam</font></a></td>
</tr>
<tr bgcolor="#1f1f1f">
 <td><font color=ffffe9>Jamestown</font></td>
 <td>Artikel</td>
 <td><a href=http://store.steampowered.com/app/94200/?snr=1_7_7_204_150_1><font color=ffffe9>Steam</font></a></td>
</tr>
<tr bgcolor="#1a1a1a">
 <td><font color=ffffe9>Trainz Simulator 12</font></td>
 <td>Artikel</td>
 <td><a href=http://store.steampowered.com/app/24670/?snr=1_7_7_204_150_1><font color=ffffe9>Steam</font></a></td>
</tr>
<tr  bgcolor="#1f1f1f">
 <td><font color=ffffe9>Vertex Dispenser</font></td>
 <td>Artikel</td>
 <td><a href=http://store.steampowered.com/app/102400/?snr=1_7_7_204_150_1><font color=ffffe9>Steam</font></a></td>
</tr>
<tr bgcolor="#1a1a1a">
 <td><font color=ffffe9>Duke Nukem Forever</font></td>
 <td>Artikel</td>
 <td><a href=http://store.steampowered.com/app/57900/?snr=1_7_7_204_150_1><font color=ffffe9>Steam</font></a></td>
</tr>
<tr  bgcolor="#1f1f1f">
 <td><font color=ffffe9>Deus Ex: Human Revolution</font></td>
 <td>Artikel</td>
 <td><a href=http://store.steampowered.com/app/39170/?snr=1_7_7_204_150_1><font color=ffffe9>Steam</font></a></td>
</tr>
<tr bgcolor="#1a1a1a">
 <td><font color=ffffe9>Resident Evil</font></td>
 <td>Artikel</td>
 <td><a href=http://store.steampowered.com/app/21690/?snr=1_7_7_204_150_1><font color=ffffe9>Steam</font></a></td>
</tr>
<tr  bgcolor="#1f1f1f">
 <td><font color=ffffe9>DC Universe Online</font></td>
 <td>Artikel</td>
 <td><a href=http://store.steampowered.com/app/24200/?snr=1_7_7_204_150_1><font color=ffffe9>Steam</font></a></td>
</tr>
<tr bgcolor="#1a1a1a">
 <td><font color=ffffe9>Nimbus</font></td>
 <td>Artikel</td>
 <td><a href=http://store.steampowered.com/app/50000/?snr=1_7_7_204_150_1><font color=ffffe9>Steam</font></a></td>
</tr>
<table>

Alles anzeigen

der code geht ganz normal
das widget hat im internen code eine hintergrundfarbe bekommen allerdings wird die tabelle ohne farbe angezeigt obwohl der code stimmen sollte, jedenfalls kann mein browser es richtig anzeigen

Das ganze soll eine panal werden mit dem Überblick über aktuelle steam angebote und einem Link zu einem eventuellen Artiekl + der steam seite.
die schriftfarbe ist weiß so wie der link da es wie in seam sein soll...

alchymyth

wenn du die tabelle mit 'modernen' css formatierst, also mit css classes anstelle von veralteten inline styles, sollte das eigentlich gehen:

HTML

<table>
<tbody>
<tr class="d0">
 <td>STORM:Frontline Nation</td>
 <td>Artikel</td>
 <td><a href="http://store.steampowered.com/app/98510/?snr=1_7_7_204_150_1">Steam</a></td>
</tr>
<tr class="d1">
 <td>Jamestown</td>
 <td>Artikel</td>
 <td><a href="http://store.steampowered.com/app/94200/?snr=1_7_7_204_150_1">Steam</a></td>
</tr>
<tr class="d0">
 <td>Trainz Simulator 12</td>
 <td>Artikel</td>
 <td><a href="http://store.steampowered.com/app/24670/?snr=1_7_7_204_150_1">Steam</a></td>
</tr>
<tr class="d1">
 <td>Vertex Dispenser</td>
 <td>Artikel</td>
 <td><a href="http://store.steampowered.com/app/102400/?snr=1_7_7_204_150_1">Steam</a></td>
</tr>
<tr class="d0">
 <td>Duke Nukem Forever</td>
 <td>Artikel</td>
 <td><a href="http://store.steampowered.com/app/57900/?snr=1_7_7_204_150_1">Steam</a></td>
</tr>
<tr class="d1">
 <td>Deus Ex: Human Revolution</td>
 <td>Artikel</td>
 <td><a href="http://store.steampowered.com/app/39170/?snr=1_7_7_204_150_1">Steam</a></td>
</tr>
<tr class="d0">
 <td>Resident Evil</td>
 <td>Artikel</td>
 <td><a href="http://store.steampowered.com/app/21690/?snr=1_7_7_204_150_1">Steam</a></td>
</tr>
<tr class="d1">
 <td>DC Universe Online</td>
 <td>Artikel</td>
 <td><a href="http://store.steampowered.com/app/24200/?snr=1_7_7_204_150_1">Steam</a></td>
</tr>
<tr class="d0">
 <td>Nimbus</td>
 <td>Artikel</td>
 <td><a href="http://store.steampowered.com/app/50000/?snr=1_7_7_204_150_1">Steam</a></td>
</tr>
</tbody>
</table>

Alles anzeigen

und das hier in user.css einfuegen:

Code

.kritiken table { border: none; }
.kritiken table tr.d0{ background: #121212; }
.kritiken table tr.d1{ background: #1f1f1f; }
.kritiken table tr td { background: transparent; color: #ffffe9; }
.kritiken table tr td a { color: #ffffe9; }

KaiserJohannes

Danke geht,

nur noch eine Frage wie kann ich die farbe von wörtern dort jetzt ändern,

zum beispiel Artikel könnte der übersichts halber eine andere farbe sein

Kaiser

alchymyth

du kannst zB jedem <td> beim 'artikel' eine css classs mitgeben:

HTML

<td class="artikel">Artikel</td>

und dann in user.css:

Code

.kritiken table tr td.artikel {  color: #00ff00; }

KaiserJohannes

vielen vielen Dank!!

es klappt ohne Probleme!

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Hintergrundfarbe bei Widgets

Jetzt mitmachen!