[GastForen Web allgemein HTML und CSS / Stylesheets Schriftgrößendifferenz bei gleicher em-Definition - warum?

  • Suche
  • Hilfe
  • Lesezeichen
  • Benutzerliste
Themen
Beiträge
Moderatoren
Letzter Beitrag

Schriftgrößendifferenz bei gleicher em-Definition - warum?

Ecki
Beiträge gesamt: 378

7. Nov 2006, 11:33
Beitrag # 1 von 5
Bewertung:
(1194 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Ich bin jetzt verwirrt und bitte um Erklärung und Weisung auf den (richtigen) Weg.

Ich habe diverse tags per css definiert:

h1 { color: #af111d; font-size: 1.2em; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; text-align: left; text-transform: uppercase }
h2 { color: #af111d; font-size: 1em; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; text-align: left; text-transform: uppercase; margin-top: 12px; padding-right: 10px; padding-left: 20px }

p { color: #000; font-size: 0.8em; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 1.6em; padding-right: 10px; padding-left: 20px }

a:link { color: #af111d; font-size: 0.8em; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 1.6em; text-decoration: none }
a:visited { color: #999; font-size: 0.8em; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 1.6em; text-decoration: none }
a:hover { color: #000; font-size: 0.8em; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 1.6em; text-decoration: none }

.text { color: #000; font-size: 0.8em; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 1.6em }


Trotz gleicher Angaben für Schrift und Größe für p, a:link und .text wird ein Link kleiner dargestellt als der Absatz-Text, wenn er sich innerhalb des p-tags befindet.
Wieso? Liegt das an em?
Eigentlich bräuchte ich doch gar nicht alle definitionen für die tags (Vererbung und so ...). Doch iIch wollte erstmal Klarheit und trotzdem:
Momentan blick' ich es einfach nicht. Wo ist der Haken?
Wie muss die CSS-Definition sein, wenn ich im Absatz einen Link setzen will, ohne dass sich die Schriftgröße ändert?
X

Schriftgrößendifferenz bei gleicher em-Definition - warum?

SabineP
Beiträge gesamt: 7586

7. Nov 2006, 12:04
Beitrag # 2 von 5
Beitrag ID: #260467
Bewertung:
(1192 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Hallo Ecki,

>> Wo ist der Haken?

em vererbt sich.

innerhalb von <p> 0.8 em
innerhalb von <p><a> 0.8 von 0.8 em

Die Vererbung geschieht allerdings in jedem Browser anders.
Nicht jeder Browser vererbt auf die gleiche Weise.

Gruß Sabine


als Antwort auf: [#260460]

Schriftgrößendifferenz bei gleicher em-Definition - warum?

Ecki
Beiträge gesamt: 378

7. Nov 2006, 12:15
Beitrag # 3 von 5
Beitrag ID: #260469
Bewertung:
(1188 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Danke Sabine,

hab ich mir auch schon gedacht. Nur, wie geht's weiter?
Links werden auch außerhalb der p-tags gesetzt.

Sollte ich mehrere Link-css anlegen?
Auf em verzichten?
Mit Prozent arbeiten?


als Antwort auf: [#260467]

Schriftgrößendifferenz bei gleicher em-Definition - warum?

FSt
  
Beiträge gesamt: 1961

7. Nov 2006, 12:27
Beitrag # 4 von 5
Beitrag ID: #260478
Bewertung:
(1186 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Hallo Eki

Versuch das mal so:

Code
body {color: #000; font-size: 1em; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal; text-align: left;} 

h1 { color: #af111d; font-size: 1.2em; font-weight: bold; text-transform: uppercase }
h2 { color: #af111d; font-size: 1em; font-weight: bold; text-transform: uppercase; margin-top: 12px; padding-right: 10px; padding-left: 20px }

p { font-size: 0.8em; line-height: 1.6em; padding-right: 10px; padding-left: 20px }

p a:link { color: #af111d; text-decoration: none }
p a:visited { color: #999; text-decoration: none }
p a:hover { color: #000; text-decoration: none }

.text { font-size: 0.8em; line-height: 1.6em }


Gruss
Martin


als Antwort auf: [#260469]

Schriftgrößendifferenz bei gleicher em-Definition - warum?

Ecki
Beiträge gesamt: 378

7. Nov 2006, 13:07
Beitrag # 5 von 5
Beitrag ID: #260487
Bewertung:
(1175 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Danke Martin,

muss schnell mal weg. Ich mach mich nachher dran.


als Antwort auf: [#260478]
X

Aktuell

Veranstaltungskalender

Hier können Sie Ihre Anlässe eintragen, welche einen Zusammenhang mit den Angeboten von HilfDirSelbst.ch wie z.B. Adobe InDesign, Photoshop, Illustrator, PDF, Pitstop, Affinity, Marketing, SEO, Büro- und Rechtsthemen etc. haben. Die Einträge werden moderiert freigeschaltet. Dies wird werktags üblicherweise innert 24 Stunden erfolgen.

pdf-icon Hier eine kleine Anleitung hinsichtlich Bedeutung der auszufüllenden Formularfelder.

Veranstaltungen
01.03.2023 - 09.03.2023

Online
Mittwoch, 01. März 2023, 00.00 Uhr - Donnerstag, 09. März 2023, 00.00 Uhr

Online Webinar

Wie gehen wir mit diesen Veränderungen um? Was ist notwendig, damit wir die Digitalisierung im Unternehmen klappt? Veränderungsprozesse verstehen und entsprechend handeln Mitarbeiter als Botschafter Webseite mit WordPress erstellen SEA /SEO (Ads aufschalten)

Ja

Organisator: B. Isik - SNF Academy

Kontaktinformation: B. Isik, E-Mailinfo AT snfa DOT ch

https://www.fernstudiumfitness.ch/digitalisierung-schweiz/