HTML - Hintergrundfarbe von Schriftzug ändern

Seite 1 von 2 - Forum: Coding Stuff auf overclockers.at

URL: https://www.overclockers.at/coding-stuff/html_hintergrundfarbe_von_schriftzug_aendern_93359/page_1 - zur Vollversion wechseln!


aNtraXx schrieb am 22.09.2003 um 15:57

Würde gerne die Hintergrundfarbe eines Schriftzugs ändern. also nicht die gesamte Fläche des Tables. Hätte es schon mit <font> bgcolor etc... probiert. weis wer wie das geht?


tia


nitschi schrieb am 22.09.2003 um 16:01

Sofern es nur einmalig verwendet werden muss:

Code:
<span style="background-color:#CCCCCC;">Schriftzug</span>

Wenn es öfters zur Anwendung kommen soll: in ein CSS-Stylesheet einbinden und per class oder id aufrufen. Sollte aber vorerst nicht notwendig sein.


aNtraXx schrieb am 22.09.2003 um 16:14

genau das brauch ich :). danke

aja und wie ich die schriftgröße genau anpassen kann im font oder halt in der tabelle, weist du das auch? weil mit <font size (1-7) tue ich mir a bissl schwer


orpheus schrieb am 22.09.2003 um 16:18

<span style="background-color:#CCCCCC;font-family:Verdana, Arial;font-size:12pt;">Schriftzug</span>

hth


nitschi schrieb am 22.09.2003 um 16:28

@antraxx: an deiner Stelle würde ich mich auch ein wenig mit CSS beschäftigen, das hilft dir z.B. in solchen Fällen ziemlich

http://selfhtml.teamone.de/css/formate/zentrale.htm


aNtraXx schrieb am 23.09.2003 um 08:17

ja danke werd ich machen.

das mit der schriftgröße ändern hat zwar funktioniert. aber nich so wie ich wollte.

kann ich irgendwie eine einzelne spalte einer tabelle nur zum teil färben? also dass nur die rechte seite rot ist oder so. weil mit dem texthintergrund wird nicht die ganze spaltenhöhe eingefärbt, nur wenn ich die schriftart um vieles vergrößere und dass will ich nicht.


nitschi schrieb am 23.09.2003 um 08:45

Hast du die Seite irgendwo im Netz? Dann könnte man sich das ansehen und eventuell selber am Code herumbasteln. :)


Rektal schrieb am 23.09.2003 um 09:12

Uh .. nur einen Teil einer Zelle einfaerben .. du koenntest mit einem float Element arbeiten, demm du width: 50%; und height: 100% gibst, siehe http://www.dillerpartner.at/~mfisch...cell_split.html . Das paszt sich dann auch an wenn die spalte breiter wird oder hoeher.


aNtraXx schrieb am 23.09.2003 um 09:13

leider nein. aber ich hab dir schnell die tabelle upgeloadet.

einfach das .txt weglöschen und entpacken. die icons musst gschwind auf C: spielen :).

tia


nitschi schrieb am 23.09.2003 um 09:20

Hm. Als kleinen Workaround könntest du doch das i-Icon ein wenig kleiner machen. So wie hier:
http://www.nitschi.at/temp/1/test.html

edit: wah.. moment. Fehler :)


aNtraXx schrieb am 23.09.2003 um 09:45

habe ich beides schon probiert. jedoch das icon muss so bleiben und beim 2ten hab ich dann halt 2 spalten nebeneinander -> auch nicht gut. kann ich nicht eine spalte in 2 teile unterteilen?


nitschi schrieb am 23.09.2003 um 09:46

So, jetzt sollte es hinhauen:
http://www.nitschi.at/temp/2/test.html


aNtraXx schrieb am 23.09.2003 um 09:50

ja genau... das ist es :D. was hast gemacht? -> source anschau

was gebau bedeuted das ALT=i ?

EDIT:

ah versteh schon, alternative falls browser da pic ned anzeigen kann


nitschi schrieb am 23.09.2003 um 09:58

Die obere Reihe in zwei Spalten aufgeteilt (bzw. die 4 unteren Zellen jeweils zu einer Reihe zusammengefasst).

Mehr war eigentlich nicht zu tun. Hab nur oben ein CSS-Stylesheet eingefügt, damit 1. der Code sauberer wird und 2. du nicht überall das span-Tag einfügen musst, damit der Hintergrund eingefärbt wird.

Bei der Tabellen-Zelle mit dem Preis musst du in Zukunft folgendes schreiben:

Code:
<td [color=red]class="preis"[/color] width="48">€ Preis</td>

edit:
Zitat von aNtraXx
was gebau bedeuted das ALT=i ?
Das ist nur ein Alternativ-Text für Bilder, falls das Bild nicht geladen werden kann (oder jemand Bilder deaktiviert hat).
Die HTML-"Vorschriften" verlangen dieses Attribut, du kannst es aber durchaus auch weglassen. Die Seite wird trotzdem ident angezeigt.


aNtraXx schrieb am 23.09.2003 um 10:02

kk und das colspan = 2 teilt die spalte in 2 teile oder fügt sie zusammen.´?




overclockers.at v4.thecommunity
© all rights reserved by overclockers.at 2000-2026