SetaPDF
-


Hinweise


Antwort
 
LinkBack Themen-Optionen Thema durchsuchen Thema bewerten
Alt 11.01.2004, 18:39   #1
jazzman
Guest
 

schriftformatierung externe css datei


also,

der html code:
<!doctype html public "-//W3C//DTD HTML 4.0 //EN">
<html>
<head>
<title>image 2003</title>
<meta name="author" content="jazzman">
<meta name="generator" content="Ulli Meybohms HTML EDITOR">
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body bgcolor="#001060">

<h1 class="h1">image</h1><br>
<br>

<h2 class="h2">2003</h2>

</body>
</html>
--------------------------------------------------------------------------
die css formatierung:

/* Stylesheet fuer rechts.html*/


.h1 {

font-size:50pt;
font-family:verdana arial sans-serif;
text-align:center;
color:#00009F;

}


.h2 {

font-size:30pt;
font-family:verdana arial sans-serif;
text-align:center;
color:#00009F;

}


warum wird nichts angezeigt?

hatte auch schon versucht um <h1> ein <div> zu setzen. das funzte auch nicht!
ich befürchte das es ein dummer fehler ist aber ich komm jetzt nicht mehr weiter, auch mit selfhtml nicht!

ansehen und auf >image2003< klicken!
  Mit Zitat antworten


Alt 11.01.2004, 19:16   #2
TP-Junior
 
Registriert seit: Jan 2004
Ort: Oldenburg
gerrit macht alles soweit korrekt
1) die Angabe von Klassen ist völlig unnötig. Lass die Klassen-Attribute weg nd ebenso die Punkte vor den Selektoren deiner CSS-Regeln.
Evtl. ist dir http://www.style-sheets.de/guide/gru...ax_von_css.php eine Hilfe.

2) die Zwei Zeilenumbrüche nach dem h1 sind ebenfalls überflüssig. Wenn du den unteren Abstand deines h1 kontrollieren willst, mach es per margin-bottom eigenschaft, also zB h1 {margin-bottom: 1em}

3) Schriftarten für den Bildschirm sollte man nicht in Punkten angeben (das ist eine Print-Einheit), sondern entweder in Pixeln oder Relativ in % oder em.

4) Versuch mal, deine Schriftart-Angaben mit Kommata zu trennen.
__________________
Gruss, Gerrit

--
http://style-sheets.de
gerrit ist offline   Mit Zitat antworten
Alt 11.01.2004, 20:23   #3
jazzman
Guest
 
Zitat:
1) die Angabe von Klassen ist völlig unnötig. Lass die Klassen-Attribute weg nd ebenso die Punkte vor den Selektoren deiner CSS-Regeln.
gilt das nur für <h1> 2 usw.? ich habe sonst auch noch klassen in meinem code z.b. <div class="irgendwas">!?
mal schaun...

Zitat:
2) die Zwei Zeilenumbrüche nach dem h1 sind ebenfalls überflüssig. Wenn du den unteren Abstand deines h1 kontrollieren willst, mach es per margin-bottom eigenschaft, also zB h1 {margin-bottom: 1em}
stimmt

Zitat:
3) Schriftarten für den Bildschirm sollte man nicht in Punkten angeben (das ist eine Print-Einheit), sondern entweder in Pixeln oder Relativ in % oder em.
auch nicht in px?
Zitat:
4) Versuch mal, deine Schriftart-Angaben mit Kommata zu trennen.
so steht's bei selfhtml!
  Mit Zitat antworten
Alt 11.01.2004, 23:36   #4
jazzman
Guest
 
Zitat:
[i]Original geschrieben von gerrit
1) die Angabe von Klassen ist völlig unnötig. Lass die Klassen-Attribute weg nd ebenso die Punkte vor den Selektoren deiner CSS-Regeln.
Evtl. ist dir http://www.style-sheets.de/guide/gru...ax_von_css.php eine Hilfe.

..................................
hast du ne ahnung warum der mozilla 1.5 nichts mit der css anweisung für die seite anfangen kann? die bilder liegen untereinander siehe hier .

deine tipps haben übrigens geholfen! vielen dank!
  Mit Zitat antworten
Alt 13.01.2004, 00:06   #5
TP-Junior
 
Registriert seit: Jan 2004
Ort: Oldenburg
gerrit macht alles soweit korrekt
Zitat:
Original geschrieben von jazzman
gilt das nur für <h1> 2 usw.? ich habe sonst auch noch klassen in meinem code z.b. <div class="irgendwas">!?
Das gilt für alle HTML-Elemente. Wenn du also ALLE div's ansprechen willst, könntest du dort auch die Klassen weglassen.

Zitat:
auch nicht in px?
px = Pixel!

Zitat:
so steht's bei selfhtml!
Wenn dem so ist, dann ists ein Fehler. Schriftartangaben der font-family:-Eigenschaft gehören mit Kommata getrennt.
Denk dran, selfHTML ist nicht die offizielle Spezifikation, jeder macht mal Fehler.
__________________
Gruss, Gerrit

--
http://style-sheets.de
gerrit ist offline   Mit Zitat antworten
Alt 13.01.2004, 02:14   #6
jazzman
Guest
 
Zitat:
Original geschrieben von gerrit
Das gilt für alle HTML-Elemente. Wenn du also ALLE div's ansprechen willst, könntest du dort auch die Klassen weglassen.
kannst du ein beispiel geben? warum sollte ich klassen denn weglassen? versteh ich nicht!
  Mit Zitat antworten
Alt 13.01.2004, 08:46   #7
TP-Specialist
 
Registriert seit: Aug 2002
Ort: Nähe Wien
prefix ist auf einem guten Weg
für html-elemente (wie h1, p, hr usw.) benötigst du keine klassen (grundsätzlich), beispiele:

css-code -> (x)html-code

-------------------------------------------------------------------------

h1 {color:red;} -> <h1>ich bin eine rote überschrift</h1>

oder

p {background-color: red;} -> <p>ich bin ein absatzelement mit rotem hintergrund</p>

willst du, dass z.b. die überschrift in einem container (div) der klasse "hallo" mit blau angezeigt wird, dann kannst das wie folgt machen:

.hallo h1 {color: blue;} -> <div class="hallo"><h1>ich bin eine blaue überschrift</h1></div>

soweit klar?
prefix ist offline   Mit Zitat antworten
Alt 13.01.2004, 08:49   #8
TP-Greis
 
Benutzerbild von steff11
 
Registriert seit: Aug 2002
Ort: Hochfranken
steff11 lebt für das TP und seine Usersteff11 lebt für das TP und seine Usersteff11 lebt für das TP und seine Usersteff11 lebt für das TP und seine Usersteff11 lebt für das TP und seine Usersteff11 lebt für das TP und seine Usersteff11 lebt für das TP und seine Usersteff11 lebt für das TP und seine Usersteff11 lebt für das TP und seine User
Hi jazzman,

pre: auch bei selfhtml steht klipp und klar, dass fontalternativen mit Kommata abzutrennen sind. Bsp. verwenden das dann auch so...

wh html-Tags und Klassen:

* die css Spezifikation
h1 {font-size:50pt;
font-family:verdana, arial, sans-serif;}

gilt für alle h1-Tags deines Dokumentes.

* willst Du z.B. rote und blaue Überschriften der Kat. H1 einsetzen geht das so:
h1.rot {color:#ff0000;}
h1.blau {color:#0000ff;}
und im Dok:
<h1 class="rot"> Ich bin rot </h1>

*willst Du die rote und blaue Klassenunterscheidung nicht nur bei h1-Tags einsetzen, definierst Du stattdessen:
.rot {color:#ff0000;}
.blau {color:#0000ff;}

dann funzt im Dok z.B. auch
<div class="rot"> Ich bin rot </div>
steff11 ist offline   Mit Zitat antworten
Alt 13.01.2004, 08:52   #9
TP-Greis
 
Benutzerbild von steff11
 
Registriert seit: Aug 2002
Ort: Hochfranken
steff11 lebt für das TP und seine Usersteff11 lebt für das TP und seine Usersteff11 lebt für das TP und seine Usersteff11 lebt für das TP und seine Usersteff11 lebt für das TP und seine Usersteff11 lebt für das TP und seine Usersteff11 lebt für das TP und seine Usersteff11 lebt für das TP und seine Usersteff11 lebt für das TP und seine User
.... moin prefix, warst schneller....

sag mal, unterscheiden sich die Definitionen

.hallo h1 {color: blue;}
h1.hallo {color: blue;}

?
steff11 ist offline   Mit Zitat antworten
Alt 13.01.2004, 08:53   #10
TP-Specialist
 
Registriert seit: Aug 2002
Ort: Nähe Wien
prefix ist auf einem guten Weg
ja, sie unterscheiden sich
prefix ist offline   Mit Zitat antworten
Alt 13.01.2004, 08:55   #11
TP-Greis
 
Benutzerbild von steff11
 
Registriert seit: Aug 2002
Ort: Hochfranken
steff11 lebt für das TP und seine Usersteff11 lebt für das TP und seine Usersteff11 lebt für das TP und seine Usersteff11 lebt für das TP und seine Usersteff11 lebt für das TP und seine Usersteff11 lebt für das TP und seine Usersteff11 lebt für das TP und seine Usersteff11 lebt für das TP und seine Usersteff11 lebt für das TP und seine User
Merci!
steff11 ist offline   Mit Zitat antworten
Antwort

  Aktuelles Thema
  TP Hilfe Forum > Web-Editoren & Coding > HTML Puristen > CSS
schriftformatierung externe css datei schriftformatierung externe css datei
« CSS Standartschriftart | umsetzung in css »

Aktive Benutzer in diesem Thema: 1 (Registrierte Benutzer: 0, Gäste: 1)
 
Themen-Optionen Thema durchsuchen
Thema durchsuchen:

Erweiterte Suche
Thema bewerten
Thema bewerten:

Forumregeln
Es ist dir nicht erlaubt, neue Themen zu verfassen.
Es ist dir nicht erlaubt, auf Beiträge zu antworten.
Es ist dir nicht erlaubt, Anhänge hochzuladen.
Es ist dir nicht erlaubt, deine Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are an
Gehe zu


Alle Zeitangaben in WEZ +2. Es ist jetzt 14:03 Uhr.

Powered by: vBulletin Version 3.7 (Deutsch)
Copyright ©2000 - 2008, Jelsoft Enterprises Ltd. / Search Engine Friendly URLs by vBSEO 3.2.0 ©2008, Crawlability, Inc.
Traum-Projekt.com | Suchen | Archiv | Impressum | Kontakt | | | Nach oben |



1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67