Hallo & danke für die Aussicht auf Hilfe…
Ich bin noch nicht so lange am HTML Programmieren & hänge momentan an einem Total blöden Problem.
Der Header einer Seite der nur aus einem DIV & einem Bild besteht, skaliert sich nicht auf die höhe des Bildes, sondern lässt einen bösen Spalt.
Zudem lässt sich der Text in der Box nicht vertikal zentrieren 
[HTML]
Test.de
danke für eure Hilfe
text-shadow: -3px -3px 0px rgba(0,0,0,0.5);
font-family: ‚Passion One‘, cursive;
display: block;
-webkit-margin-before: 0px;
-webkit-margin-after: 0px;
-webkit-margin-start: 0px;
-webkit-margin-end: 0px;
font-size: 30px;
color: white;
font-color: white;
}
h1 {
font-family: ‚Passion One‘, cursive;
text-shadow: -3px -3px 0px rgba(0,0,0,0.5);
color: white;
-webkit-margin-before: 0px;
-webkit-margin-after: 0px;
-webkit-margin-start: 0px;
-webkit-margin-end: 0px;
font-weight: normal;
font-size: 600%;
max-font-size: 10px;
}
#header
{
border-left: 1px double black;
border-right: 1px double black;
border-top: 1px double black;
margin-left: auto; margin-right: auto;
overflow:hidden;
font-family: ‚Josefin Sans‘, sans-serif;
background:#404036;
}
img.himg
{
width: 100%;
position:relative;
z-index: 3;
}
[/HTML]
hab das mal extra erstellt, damit ihr versteht was ich meine… das grüne ist das Bild & der Graue spalt sollte meines Erachtens nicht da sein oder?
also hier nochmal meine fragen:
-
ich würde gern wissen wie ich #mark vertikal in den #header zentrieren kann
-
wie ich den hässlichen spalt unter dem Grünen-Bild weg bekomme…
-
& kann mir bitte einer sagen ob es Überhaupt sinn macht H1 als Seitenüberschrift zu nehmen?
Vielen Dank! 