BlackBoard » Design, Programmierung & Entwicklung » Webdesign » CSS Textabschnitte durch Hintergundfarbe hervorheben » Hallo Gast [Anmelden|Registrieren]
Letzter Beitrag | Erster ungelesener Beitrag Druckvorschau | An Freund senden | Thema zu Favoriten hinzufügen
Neues Thema erstellen Antwort erstellen
Zum Ende der Seite springen Textabschnitte durch Hintergundfarbe hervorheben
Autor
Beitrag « Vorheriges Thema | Nächstes Thema »
CDW CDW ist männlich
eine Simulation


Dabei seit: 12.10.2002
Beiträge: 1.329
Herkunft: CreateRemoteThread

Textabschnitte durch Hintergundfarbe hervorheben       Zum Anfang der Seite springen

Irgendwie will es nicht klappen Augenzwinkern . Ich möchte in meinem Text bestimmte Abschnitte durch eine andere Hintergundfarbe hervorheben lassen:
ein einfaches:
code:
1:
2:
3:
4:
5:
<div style="padding:20px; width:auto;margin-bottom:5px; margin-top:5px; background-color:#C9D8FE">
<pre>code</pre>
</div>

klappt auch in der Voransicht von Phase 5 (IE als Voransichtsbrowser), ist z.B das Fenster kleiner, wird die Hintergrundfarbe fortgesetzt (Foto 1)
Bei meinem Kmeleon bzw. Mozilla wird es dagegen "abgeschnitten". (Foto2)
Das "rumspielen" an den Styleattributten bringt auch nichts. Als "Notlösung" gebe ich <pre width="Zeichen">. Allerdings wäre es ohne "Notlösung" schöner, weil ich dann nicht jedesmal die Anzahl der Zeichen ermitteln müsste Augenzwinkern
Es wäre ideal, wenn die Box nur "um den Code" drumherum erscheint.

Dateianhänge:
png ie voransicht.png (4 KB, 44 mal heruntergeladen)
png gecko.png (3,49 KB, 44 mal heruntergeladen)
14.10.2005 01:16 CDW ist offline E-Mail an CDW senden Homepage von CDW Beiträge von CDW suchen
LX LX ist männlich
El Comandante en Jefe


images/avatars/avatar-2290.gif

Dabei seit: 25.11.2001
Beiträge: 5.372
Herkunft: Berliner Bronx

      Zum Anfang der Seite springen

Mmh, allgemein mal wieder der Hinweis darauf, dass es hilfreich ist, zwar das Problem im Detail geschildert zu bekommen, aber vielleicht auch die Seite als ganze irgendwo sehen zu können. Eventuell spielen da ja noch Formatierungen mit rein, die woanders definiert werden.

Ansonsten stelle ich mir nur die Frage, warum du den Style-Kram nicht direkt für das PRE-Element verwendest, sondern für das DIV außenrum...

__________________
JS-Games.de - Misled Scripting Skills Gone Mad | Meine Filmkritiken | Urban Photography
Kommt mal in den IRC-Channel: irc.eu.freenode.net | Port 6667 | #blackboard

"Ever tried. Ever failed. No matter.
Try again. Fail again. Fail better."
- Samuel Beckett

14.10.2005 01:25 LX ist offline E-Mail an LX senden Homepage von LX Beiträge von LX suchen
CDW CDW ist männlich
eine Simulation


Dabei seit: 12.10.2002
Beiträge: 1.329
Herkunft: CreateRemoteThread

Themenstarter Thema begonnen von CDW
      Zum Anfang der Seite springen

Zitat:
aber vielleicht auch die Seite als ganze irgendwo sehen zu können

Online ist sie nicht, aber an diesem Ausschnitt teste ich es gerade:

code:
1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
17:
18:
19:
20:
<html>
<head>
<title>testhtml</title>
<meta name="author" content="CDW">
<meta name="generator" content="Ulli Meybohms HTML EDITOR">
</head>
<body text="#000000" bgcolor="#FFFFFF" link="#FF0000" alink="#FF0000" vlink="#FF0000">
<div style="padding:20px; margin:20px; width:auto;margin-bottom:5px; margin-top:5px; background-color:#C9D8FE">
<pre>
References in Kopie_vo:.text to USER32.SendMessageA
Address    Disassembly                               Comment

00401109   CALL DWORD PTR DS:[<&USER32.SendMessageA  USER32.SendMessageA
00401166   CALL DWORD PTR DS:[<&USER32.SendMessageA  USER32.SendMessageA
00401207   CALL DWORD PTR DS:[<&USER32.SendMessageA  USER32.SendMessageA
00401220   CALL DWORD PTR DS:[<&USER32.SendMessageA  USER32.SendMessageA
</pre>
</div>
</body>
</html>



Zitat:
Ansonsten stelle ich mir nur die Frage, warum du den Style-Kram nicht direkt für das PRE-Element verwendest, sondern für das DIV außenrum...

Interessante Idee, habe ich auch schon ausprobiert: leider dasselbe Ergebnis .
EDIT: habe die HTML Datei Angehängt

Dateianhang:
txt testhtml.html.txt (800 Byte, 8 mal heruntergeladen)
14.10.2005 01:35 CDW ist offline E-Mail an CDW senden Homepage von CDW Beiträge von CDW suchen
LX LX ist männlich
El Comandante en Jefe


images/avatars/avatar-2290.gif

Dabei seit: 25.11.2001
Beiträge: 5.372
Herkunft: Berliner Bronx

Achtung       Zum Anfang der Seite springen

Mmh, dann bleibt mir nur, dir ein Update vorzuschlagen, denn bei mir sieht die Seite in Firefox, Mozilla und IE gleich aus und ich sehe auch nicht, worin da eine Falschdarstellung begründet sein könnte.

Wenn du dennoch unbedingt nach des Rätsels Lösung suchen willst, gibt den einzelnen Elementen mal einen Rahmen und schaue, wie sie zueinander stehen.

__________________
JS-Games.de - Misled Scripting Skills Gone Mad | Meine Filmkritiken | Urban Photography
Kommt mal in den IRC-Channel: irc.eu.freenode.net | Port 6667 | #blackboard

"Ever tried. Ever failed. No matter.
Try again. Fail again. Fail better."
- Samuel Beckett

14.10.2005 01:42 LX ist offline E-Mail an LX senden Homepage von LX Beiträge von LX suchen
CDW CDW ist männlich
eine Simulation


Dabei seit: 12.10.2002
Beiträge: 1.329
Herkunft: CreateRemoteThread

Themenstarter Thema begonnen von CDW
      Zum Anfang der Seite springen

Zitat:
denn bei mir sieht die Seite in Firefox, Mozilla und IE gleich aus und ich sehe auch nicht,

Ok, ich lasse es dann im Moment so wie es ist und setze voraus, dass der User eine neuere Mozilla/FF Version hat großes Grinsen . Hm, oder ich schau es mir bei anderen Seiten wie ab, die es fehlerfrei darstellen können.
14.10.2005 11:20 CDW ist offline E-Mail an CDW senden Homepage von CDW Beiträge von CDW suchen
Wenso Wenso ist männlich
Amokschläfer


images/avatars/avatar-1991.gif

Dabei seit: 25.02.2002
Beiträge: 1.715
Herkunft: Hessen

RE: Textabschnitte durch Hintergundfarbe hervorheben       Zum Anfang der Seite springen

Zitat:
Original von CDW
Irgendwie will es nicht klappen Augenzwinkern . Ich möchte in meinem Text bestimmte Abschnitte durch eine andere Hintergundfarbe hervorheben lassen:
ein einfaches:
code:
1:
2:
3:
4:
5:
<div style="padding:20px; width:auto;margin-bottom:5px; margin-top:5px; background-color:#C9D8FE">
<pre>code</pre>
</div>


Kann es sein, dass ein Semikolon hinter dem background-color:#C9D8FE fehlt?

MfG Wenso

__________________
Pipi Langstrumpf ist KRIEG!!!
~for those about to rot~
welcome to where time stands still
no one leaves and no one will

14.10.2005 20:26 Wenso ist offline E-Mail an Wenso senden Homepage von Wenso Beiträge von Wenso suchen
CDW CDW ist männlich
eine Simulation


Dabei seit: 12.10.2002
Beiträge: 1.329
Herkunft: CreateRemoteThread

Themenstarter Thema begonnen von CDW
      Zum Anfang der Seite springen

Zitat:
Kann es sein, dass ein Semikolon hinter dem background-color:#C9D8FE fehlt?

Ich habe es so von SELFHTML übernommen:
http://de.selfhtml.org/html/text/bereiche.htm#formatieren
Leider bringt auch ein Semikolon da nichts.
14.10.2005 22:26 CDW ist offline E-Mail an CDW senden Homepage von CDW Beiträge von CDW suchen
Baumstruktur | Brettstruktur
Gehe zu:
Neues Thema erstellen Antwort erstellen
BlackBoard » Design, Programmierung & Entwicklung » Webdesign » CSS Textabschnitte durch Hintergundfarbe hervorheben

Forensoftware: Burning Board 2.3.6, entwickelt von WoltLab GmbH