vertical-align in <h1> unsinnig?
Adrian
- css
Hallo!
Ich habe zu dem <h1> tag folgendes bei mir auf der hp, die ähnlich dem Bsp http://de.selfhtml.org/css/layouts/anzeige/kopfundfuss.htm von Selfhtml aufgebaut ist:
/* Kopfzeile */
h1 {
height: 100px;
font-size: 18pt;
margin-top: 0px;
margin-left: 0px;
margin-right: 0px;
margin-bottom: 10px;
padding-top: 0px;
padding-left: 0px;
padding-right: 0px;
padding-bottom: 5px;
text-align: center;
==> vertical-align: middle;
font-variant: small-caps;
background: #D2A74C url("../pictures/gfx/layout_yellow/headerbg.gif") repeat;
border-width: 1px;
border-style: solid;
border-color: #9F601C;
}
Ist das vertical align hier falsch angebracht, da es u.a. nicht angezeigt wird? Verwendet man es generell nicht, oder habe ich es falsch eingesetzt?
Andere Kritik nehme ich auch gerne entgegen... ;)
Mit freundlichen Grüßen,
Adrian
Hallo Adrian.
font-size: 18pt;
Du entwirfst ein Drucklayout?
~~~css
margin-top: 0px;
margin-left: 0px;
margin-right: 0px;
margin-bottom: 10px;
Lässt sich abkürzen: `margin:0 0 10px 0;`{:.language-css}
O R U L
O = Oben, R = Rechts, U = Unten, L = Links.
> ~~~css
padding-top: 0px;
> padding-left: 0px;
> padding-right: 0px;
> padding-bottom: 5px;
Dito: padding:0 0 5px 0;
Solcherlei Sammelungen werden im Uhrzeigersinn abgearbeitet; bei zwei Angaben gelten diese jeweils für zwei gegenüberliegende Seiten, bei drei Angaben wird die fehlende vierte durch den Wert der gegenüberliegenden Seite ermittelt.
Also:
margin:1em 5em;
=> margin:1em 5 em 1em 5em;
margin:1em 5em 3em;
=> margin:1em 5em 3em 5em;
~~~css
border-width: 1px;
border-style: solid;
border-color: #9F601C;
Auch dies lässt sich abkürzen: `border:1px solid #9F601C;`{:.language-css}
> Ist das vertical align hier falsch angebracht, da es u.a. nicht angezeigt wird?
Du bist dir bewusst, worauf <http://de.selfhtml.org/css/eigenschaften/ausrichtung.htm#vertical_align@title=vertical-align> wirken darf?
[CSS2.1: vertical-align](http://www.w3.org/TR/CSS21/visudet.html#propdef-vertical-align):
„The following values only have meaning with respect to a parent inline-level element, or to the strut of a parent block-level, table-cell, table-caption or inline-block element.“
Das h1-Element ist ein Blockelement.
Einen schönen Mittwoch noch.
Gruß, Ashura
--
[The End of an Era...](http://www.nightwish.com/english/lettertotarjaen.html)
Hallo!
font-size: 18pt;
Du entwirfst ein Drucklayout?
Nein, aber ich brauche eine generelle Angabe der Schrift, da diese auf den Hintergrund abgestimmt ist.
Mit freundlichen Grüßen,
Adrian
Hallo Adrian.
font-size: 18pt;
Du entwirfst ein Drucklayout?
Nein, aber ich brauche eine generelle Angabe der Schrift, da diese auf den Hintergrund abgestimmt ist.
Und warum dann keine Größenangabe in em oder %?
Einen schönen Mittwoch noch.
Gruß, Ashura