Hallo Frankx,

.. grenze Dein Problem ein [...] Besser den Quellcode auf das Problem reduzieren und ausschnittsweise posten.

Danke für den Hinweis.
Werde ich morgen versuchen. Habe gleich noch einen Termin

nutze die o.g. Möglichkeit, Links zu setzen. »»

Wo ist hier oben. Bzw. wo steht mit welche Syntaxmöglichkeiten mir dieses Formular bietet? Danach hatte ich schon gesucht.

Danke erstmal

Der Hartmut

Hallo Frankx,

mein Vorschlag: [...] den Quellcode auf das Problem reduzieren und ausschnittsweise posten.

Danke für Hinweis und Link. Ich hoffe jetzt wird es Übersichtlicher.

Hallo alle,

unter test2.html habe ich den Code mal gekürzt und ohne css eingesetzt. Trotzdem gibt es unter allen (zumindest auf dem PC) vorhandenen Browsern mit Gecko-Engine ein Darstellungsproblem bei Links in der Druckervorschau. In MSIE und Opera (PC) sieht es wie am Bildschirm korrekt aus.

Der Codeausschnitt:
... mit <a href="#">Textinformationen</a>. Dies ...

Wird in der Druckervorschau von z.B. Netscape 7.1 folgendermaßen angezeigt:

Der (Papier-)Ausdruck scheint vom Druckertreiber abzuhängen.
Mein PDF-Druckertreiber und der Lexmark X84 zeigen den Link, wie vom Source zu erwarten, korrekten an.
Auf dem HP-LaserJet 4 sieht es hingegen folgendermaßen aus:

---

In der aktuellen Version der Seite (test1.html) mit Stylesheets

druck.css (Ausschnitt):

  
a {  
 color: red;  
 background-color: white;  
 text-decoration: underline;  
}  
.text a:link {  
 color: red;  
 background-color: white;  
 text-decoration: underline;  
}  
.text a:visited {  
 color: red;  
 background-color: white;  
 text-decoration: underline;  
}  
.text a:hover {  
 color: red;  
 background-color: white;  
 text-decoration: underline;  
}  
.text a:active {  
 color: red;  
 background-color: white;  
 text-decoration: underline;  
}  

screen.css (Ausschnitt):

  
.text a:link {  
 color: #7a8077;  
 background-color: #dddedc;  
 text-decoration: none;  
 border-bottom: 1px solid #7a8077;  
}  
.text a:visited {  
 color: #7a8077;  
 background-color: #dddedc;  
 text-decoration: none;  
 border-bottom: 1px dashed #7a8077;  
}  
.text a:hover {  
 color: #ff7100;  
 background-color: #dddedc;  
 text-decoration: none;  
 border-bottom: 1px solid #ff7100;  
}  
.text a:active {  
 color: #ff7100;  
 background-color: #dddedc;  
 text-decoration: none;  
 border-bottom: 1px solid #ff7100;  
}  

gibt es in der druck.css für Links keine paddings, margins oder border.

Trotzdem zeigt sich gegenüber der Druckvorschau ohne .css-Dateien ein anderes Bild:

Im Papierausdruck zeigt die Version mit .css-Dateien aber - zumindest bei mir - auf Lexmark und PDF korrektes Verhalten und auf dem HP LJ4 nahezu korrektes (minimale Verschiebung des Linktextes nach rechts). Allerdings scheinen beim HP-Ausdruck auch nicht die underline vom druck.css, sondern die border-bottom des screen.css genutzt zu werden (schon verfolgte Links sind dashed):

In allen anderen von mir getesteten Browsern (bisher nur PC) stimmt Bildschirmdarstellung, Druckvorschau und Papierausdruck mit dem vom Code zu erwartenden Verhalten überein.

Ist dies ein bekannter Fehler der Gecko-Browser? Wenn nicht muß dies als Bug gemeldet werden? Gibt es ein Workarround welches Nicht-Gecko-Browser nicht beeinflußt?

Einen schönen Samstag wünscht Euch

Der hartmut

Hallo,

in der Navigation der Seite test3.html wird der aktuelle Link mit der Klasse aktuell markiert.

...  
<a href="#">Der 1. Link</a><br>  
<a href="#" class="aktuell">Und Link 2</a><br>  
<a href="#">Hier Link 3</a><br>  
...

Die screen2.css enthält u.a. folgende Bereiche für die Navigationslinks:

  
.navi a:link {  
 color: #7a8077;  
 background-color: transparent;  
 text-decoration: none;  
}  
.navi a:hover {  
 color: #ff7100;  
 background-color: transparent;  
 text-decoration: underline;  
}  
.navi a.aktuell:link {  
 color: #ff7100;  
 background-color: transparent;  
 padding-right: 0.3em;  
 border-right: 3px solid #ff7100;  
 text-decoration: none;  
}

(für andere :visited, :hover und :active nur andere Farbeinstellungen)

Mit padding-right: 0.3em; border-right: 3px solid #ff7100; soll also der aktuelle Punkt mit einem kleinen Abstand rechts einen Border (das klappt auch in allen neuen Browsern) erhalten:

Im alten Netscape (bei mir 4.8) sieht das aber so aus:

Ursache für den Abstand nach unten ist hier aber scheinbar das Padding nach rechts. Wenn die Zeilen padding-right: 0.3em; für alle a.aktuell-Styles entfernt werden wie in test4.html gezeigt sieht die Navigation so aus:

Merke: In alten Netscape 4.x-Versionen werden padding-right-Angaben mit einem (einzeiligem?) Anstand nach unten dargestellt!

Gibt es einen spezielle Selektionsmöglichkeit um nur für Netscape eine andere Darstellung (z.B. Hintergrundfarbe) zu wählen?

Außerdem fehlt beim Netscape 4 die Möglichkeit Rahmen für einzelne Richtungen zu definieren. Also wird auch der (dashed) border-bottom beim Link im Text nicht angezeigt:

Siehe test3.html.

Gibt es einen spezielle Selektionsmöglichkeit um nur für Netscape eine andere Darstellung (z.B. Hintergrundfarbe oder underline statt border) zu wählen?

Der border ohne Richtungsangabe wird zwar beim alten Netscape angezeigt. Allerdings im Gegensatz zu neuen Browsern (Beispiel MSIE6). Siehe test4.html:

nicht als inline, sondern als Blockelement:

Gibt es hier workarounds? Oder sollte man komplett auf border verzichten wenn alte Browser zur Zielanwendung gehören?

Besten Dank schon mal

Der Hartmut

Hallo,

und hier mein drittes noch nicht gelößtes Problem:

im HTML-Body: ~~~html

<div id="test" style="display:none;"><img src="..."></div>

  
In der Style-Definition: ~~~css
  
div#test {  
   display: block;  
}

Wie muß der selector aussehen, damit ich die direkte style-Zuweisung zum Ausschalten des div-Containers wieder aufheben kann.
Oder ist der selector schon OK und ich muß mit  inherit  oder  !important  arbeiten um die höhere Spezifität direkt im HTML-Element aus der (externen) Style-Definition heraus zu umgehen?

Ich hoffe ich konnte Deutlich machen, worum es mir geht.

Schöne Grüße

Der Hartmut

Hallo Hartmut,

mir persönlich ist das zu unübersichtlich, was Du präsentierst. Allein http://forum.de.selfhtml.org/hilfe/bedienung.htm#verweise-einbinden sollte beherzigt werden.

Gruß, Frankx