font und CSS

[toerag]

hey mal ne frage mal wieder zu CSS ( ist aber auch ein leidiges thema) wieso erkennt denn mein geliebter NS 4.79 nicht welche schrift er nehmen soll??


hier ist mal der code:
h1 { font-size: 14px; font-style: normal; font-weight: bold; text-decoration: underline; color: #CCCCCC; font-variant: normal; line-height: normal} a:link { color:#CCCCCC; text-decoration:none; font-weight: bold}a:visited { color:#CCCCCC; text-decoration:none; font-weight: bold}a:hover { color:#FFFFFF; text-decoration:underline overline; Cursor:hand; font-weight: bold}a:active { color:#FFFFFF; text-decoration:none; font-weight: bold}hr { color: #FFFFFF} table { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #CCCCCC; background-color: #004080} body { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #CCCCCC} /*/* input { background-color: #004080; font-family: Verdana, Arial, Helvetica, sans-serif; color: #CCCCCC; border: #CCCCCC; border-style: solid; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; font-size: 10px} textarea { font-family: Geneva, Arial, Helvetica, san-serif; font-size: 12px; color: #CCCCCC; border: #CCCCCC; border-style: solid; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; background-color: #004080} /* */

der ganze text steht in einer tabelle...

hoffe ihr könnt mir wieder mal helfen..

[Toxical]

Hab' nur kurz drübergeschaut, aber mach erstmal alle Leerzeichen raus, damit hat der NN 4.x meistens Probleme...

[the0bone]

Ich habs mal umformatiert! Dann können die Member es besser lesen und evtl. auch dein Browser!

h1 { font-size: 14px; font-style: normal; font-weight: bold; text-decoration: underline; color: #CCCCCC; font-variant: normal; line-height: normal}
a:link { color:#CCCCCC; text-decoration:none; font-weight: bold}
a:visited { color:#CCCCCC; text-decoration:none; font-weight: bold}
a:hover { color:#FFFFFF; text-decoration:underline overline; Cursor:hand; font-weight: bold}
a:active { color:#FFFFFF; text-decoration:none; font-weight: bold}
hr { color: #FFFFFF}
table { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #CCCCCC; background-color: #004080}
body { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #CCCCCC}
/*/* input { background-color: #004080; font-family: Verdana, Arial, Helvetica, sans-serif; color: #CCCCCC; border: #CCCCCC; border-style: solid; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; font-size: 10px}
textarea { font-family: Geneva, Arial, Helvetica, san-serif; font-size: 12px; color: #CCCCCC; border: #CCCCCC; border-style: solid; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; background-color: #004080} /* */

Was NN nicht kann ist: font-variant: normal und Cursor:hand
Andere Browser haben Probleme mit: font-style: normal und background-color: #004080

Zumindest sagt mir das TopStyle.

[Toxical]

versuch's mal so:

h1{font-size:14px;font-style:normal;font-weight:bold;text-decoration:underline;color:#CCCCCC;font-variant:normal;line-height:normal}
a:link{color:#CCCCCC;text-decoration:none;font-weight:bold}
a:visited{color:#CCCCCC;text-decoration:none;font-weight:bold}
a:hover{color:#FFFFFF;text-decoration:underlineoverline;Cursor:hand;font-weight:bold}
a:active{color:#FFFFFF;text-decoration:none;font-weight:bold}
hr{color:#FFFFFF}
table{font-family:Verdana,Arial,Helvetica,sans-serif;font-size:12px;color:#CCCCCC;background-color:#004080}
body{font-family:Verdana,Arial,Helvetica,sans-serif;font-size:12px;color:#CCCCCC}
/*/*input{background-color:#004080;font-family:Verdana,Arial,Helvetica,sans-serif;color:#CCCCCC;border:#CCCCCC;border-style:solid;border-top-width:1px;border-right-width:1px;border-bottom-width:1px;border-left-width:1px;font-size:10px}
textarea{font-family:Geneva,Arial,Helvetica,san-serif;font-size:12px;color:#CCCCCC;border:#CCCCCC;border-style:solid;border-top-width:1px;border-right-width:1px;border-bottom-width:1px;border-left-width:1px;background-color:#004080}/**/

[toerag]

danke schonmal das ist ja ein service mal wieder doch leider hat das noch nichts gebracht:-( habe es gerade mal getestet...

[LANtastic]

So, habe das ganze jetzt ersteinmal auseinanderklamüsert. Aus dem Chaos daoben konnte ja niemand etwas erkennen.

So sieht es nun aus :

h1 {
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	text-decoration: underline;
	color: #CCCCCC;
	font-variant: normal;
	line-height: normal
}
a:link {
	color:#CCCCCC;
	text-decoration:none;
	font-weight: bold
}
a:visited {
	color:#CCCCCC;
	text-decoration:none;
	font-weight: bold
}
/*kann man zusammenfassen */
a:link, a:visited {
	color:#CCCCCC;
	text-decoration:none;
	font-weight: bold
}
a:hover {
	color:#FFFFFF;
	text-decoration:underline overline;
	Cursor:hand;
	font-weight: bold
}
a:active {
	color:#FFFFFF;
	text-decoration:none;
	font-weight: bold
}
hr {
	color: #FFFFFF
}
table {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #CCCCCC;
	background-color: #004080
} body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #CCCCCC
}
/*/*
input {
	background-color: #004080;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #CCCCCC;
	border: #CCCCCC;
	border-style: solid;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border: 1px solid #CCCCCC;/* Alternativ */
	font-size: 10px
}
textarea {
	font-family: Geneva, Arial, Helvetica, san-serif;
	font-size: 12px;
	color: #CCCCCC;
	border: #CCCCCC;
	border-style: solid;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border: 1px solid #CCCCCC;/* Alternativ */
	background-color: #004080
} /* */

-------

Und direkt ein paar Gegenfragen.

• Welche Schrift soll er denn anzeigen ?
• Wo soll er sie anzeigen ?
• Sehe ich da zufällig einen Ansatz eines Hacks drin, oder woher kommen die von Dir verwendeten Kommentare ?
• Verwendest Du verschachtelte Tabellen ?

Sollte es ein Hack sein, und sieht arg nach Einem aus, versteckt dieser Styles vor dem NN4.x. Leider fehlt da eine Slash "/" , hinter dem ersten Kommentar.

Richtig muß es heißen :

/*/*/
input {
...Definitionen
}
textarea {
...Definitionen
} /* */


Versteckt die Eigenschaft background-color: red; vor dem NN4.

Das ist jetzt das Einzige, was mir jetzt direkt auffällt.
Außerdem hat der NN4.x große Probleme mit verschachtelten Tabellen. Er kann dann die Styles des Parentelementes nicht mehr übernehmen.
Und noch etwas, der NN4.x kann nicht mit Pseudoklassen umgehen (:link, :active, :hover}. Die wirst Du auf diesem Browser nicht ins Laufen bringen.
Um Dir helfen zu können, müßtest Du einfach noch mehr Infos rausrücken, oder am Besten eine URL posten.

An Deinem Code kann übrigens eine Menge sparen. Hab mal in rot markiert, was überflüssig ist und in blau, was man vereinfachen kann.

[toerag]

also ich hatte den letzten Code mal als meine CSS genommen, danach war dann nichts mehr davon zu erkennen ...
es war komplettt kaputt, aber egal.. ich möchte eigentlich nur noch das dieser besch.... netzkasper die schrift erkennt.

link zur site ist http://Toerag.de

(falls hier noch ein PHP-Coder ist , da habe ich noch ein prob mit meinem Powie GB :-( aber egal...)

[LANtastic]

Ich hatte ja auch nicht gesagt, daß du das Script so übernehmen solltest (klappt auch nicht). Sondern Änderungen dieser Art vorgeschlagen. Egal

Trotzdem brauche ich noch ein paar Antworten:

• Soll das /*/* ein Hack sein [color=red]/* */[COLOR] oder nicht ?
• Welche Schrift soll der NN 4.x letztendlich anzeigen ? Die selbe Schrift wie der IE ?

[toerag]

hey, ja es soll ein hack sein.. damit der Netscape nicht die formularfelder etc via css abändern will.. (das geht net gescheit) klar soll netscape die gleicheschrift anzeigen wie im IE.. sprich
<font face="Verdana, Arial, Helvetica, sans-serif" size="2"></font> die sites sollen eigentlich IDENTISCH SEIN

[LANtastic]

So neuer Versuch : (Sorry, ist ein Roman geworden )

In dem CSS File haben sich einige Fehler eingeschlichen.

• Mittendrin taucht auf einmal ein

  <br>

  auf.
• Außerdem ist der Hack wieder nicht vollständig. Du hast den Schrägstrich am Ende der Hack-Einleitung vergessen.
• a:link ist doppelt definiert. ops, der Hack auch. Kannst ab dem 2 a:link alles löschen.
• In a:hover taucht immer noch die Anweisung cursor:hand auf, die nicht existiert !

Im Deinem HTML Code ist ebenfalls ein Ding, das so nicht ganz stimmt
Du gehst z.B. hin und packst alle Texte in einen <p> Tag. Soweit ist das noch OK. Dann aber packst Du sie zusätzlich noch in einen <span> Tag mit der Klasse

.layout

Diese gibt es aber nicht.

Wie ich oben schon schrieb, kann der NN4.x KEINE Schriftarten in verschachtelten Tabellen übernehmen. Sprich in der ersten Tabelle mag noch alles OK sein,

aber in der Zweiten ist spätestens Schluß. Genau das passiert hier.


Du sagst in Deinem CSS

table {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #CCCCCC;
	background-color: #004080
}

Das überträgt jeder Browser in ALLE Tabellen. Somit fällt es auch nicht weiter auf, daß Du eine Klasse namens .layout verwendest, die nicht existiert.
Der NN jedoch kann diese Vorgabe NICHT übernehmen und versucht nun die Schriftart aus der Klasse zu holen. Findet sie nicht und übernimmt somit seine

Standardvorgaben. Um das Problem zu beheben muß DU also noch in Deiner Datei layout.css eine Klasse namens .layout mit diesen Definitionen hinzufügen.

.layout{
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

Dann sollte alles stimmen.
Ich sehe gerade daß Du in Deiner HTML Datei auch einige Zellen hast, die die Klasse .unnamed1 zugewiesen bekommen haben. Die gibt es ebenfalls nicht in der

layout.css.


Weiter gehts:

<H1><SPAN class=layout>Herzlich Willkommen auf http://Toerag.de;</SPAN></H1>
Geht in diesem Fall nicht.
Du mußt hier die <span> Tags entfernen und zusätzlich in die Styledefinition des H1 tags die font-family: Verdana, Arial, Helvetica, sans-serif;

einbauen.

Damit alles funktioniert mußt du auch die Layout-Klasse nochmal ein wenig erweitern und dort nun folgendes angeben, damit alles überall hin übernommen wird:

.layout{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;		
	color: #CCCCCC;	
}

Nun werden Schriftart, Größe nud Farbe in alle Bereiche übernommen.

Der H1 Tag, muß ebenfalls verädenrt werden und sieht nun so aus :

h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #CCCCCC
}

Um noch ein paar Bytes zu sparen, kannst Du die doppelten Deklarationen aus der Tabelle entfernen:

table {
	background-color: #004080
}

Und da kommt noch ein Ding im HTML Code

Unter "P.S.:" und "Danke Toerag "werden die Styles wieder nicht übernommen. Das liegt daran, daß Du hier den Text direkt in einen <p> Tag geschrieben hast,

ohne diesen Text in ein <span class="layout">P.S.:.....</span> zu packen. Das benötigst Du aber auch.

Bei mir hat nach diesen Änderungen alles einwadfrei geklappt und auch in beiden Browsern identisch ausgesehen.

[toerag]

so langsam bekomme ich doch einen HASS auf CSS ( dachte immer es sei so leicht :-( naja egal, au jeden fall habe ich dann die sachen geändert und dann hat meine site wieder komplett verrückt gespielt.. super oder??
ich glaube das sich die NS user leider das gefallen lassen müssen, in IE und Opera ist alles richtig dargestellt.. und ich habe mein CSS jetzt nochmal überareitet und es funzt in den beiden browsern....

gibts sonst noch eine möglichkeit?? oder sehe ich einfach den Wald vor lauter bäumen nicht ( randinfo: ich benutze Dreamweaver / habe deshalb auch net SO die Ahnung von HTML ( was die einzelnen tags zu bedeuten haben etc) habe eine Vorlage erstellt, von der ich dann immer die seites mache und ich habe ein CSS namens layout.css dadrin will ich eigentlich nur definieren das in ALLEN browsern die gleiche schfrift angezeigt wird..

verzweifelnde grüsse

[LANtastic]

Sorry, aber nun kann ich Dir nicht mehr folgen.

Nachdem ich die 3 Defintion im CSS File geändert/bzw. hinzugefügt habe und auch im HTML Code die kleinen Änderungen gemacht habe, klappt die Seite definitiv in ALLEN Browsern, die ich hier bei mir zur Verfügung habe.

Das sind nicht gerade wenige :

• IE 5/Win
• IE 5.5/Win
• IE 6/Win
• Mozilla RC 1/Win
• NN 4.78/Win
• Opera 5/Win
• Opera 6/Win

Auf mehr WinBrowsern kann es nicht mehr laufen.

[toerag]

alles schon sehr koisch :-( könntest du eventuell deine neubearbeiteten CSS und die HTM´s mir mal schicken? am besten irgendwie so das die von dir veränderten sachen hervorgehoben (andere farbe) sind?? das wäre echt klasse, ich weiss das das eine menge arbeit ist , aber ich verstehs einfach net :_((

[LANtastic]

Sitze noch im Büro. Sobald ich wieder zuhause bin, such ich die Sachen mal raus und Poste hier alles.

[toerag]

das ist echt klasse danke schön.......