BlackBoard (http://www.black-board.net/index.php)
- Design, Programmierung & Entwicklung (http://www.black-board.net/board.php?boardid=55)
-- Webdesign (http://www.black-board.net/board.php?boardid=19)
--- CSS Textabschnitte durch Hintergundfarbe hervorheben (http://www.black-board.net/thread.php?threadid=21303)
Geschrieben von CDW am 14.10.2005 um 01:16:
Textabschnitte durch Hintergundfarbe hervorheben
Irgendwie will es nicht klappen
. 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
Es wäre ideal, wenn die Box nur "um den Code" drumherum erscheint.
Geschrieben von LX am 14.10.2005 um 01:25:
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...
Geschrieben von CDW am 14.10.2005 um 01:35:
| 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
Geschrieben von LX am 14.10.2005 um 01:42:
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.
Geschrieben von CDW am 14.10.2005 um 11:20:
| 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
. Hm, oder ich schau es mir bei anderen Seiten wie ab, die es fehlerfrei darstellen können.
Geschrieben von Wenso am 14.10.2005 um 20:26:
RE: Textabschnitte durch Hintergundfarbe hervorheben
| Zitat: |
Original von CDW
Irgendwie will es nicht klappen
. 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
Forensoftware: Burning Board 2.3.6, entwickelt von WoltLab GmbH