Einen schönen Abend liebe Community.
Ich bin noch sehr neu im Bereich 'Webentwicklung', und arbeite derzeit an meiner ersten Website.
Dort plane ich, ein abgerundetes Rechteck als Hintergrundbild für eine horizontale Navigationsleiste
zu nehmen. Dieses hat eine Abmessung von 800px * 50px, es wird jedoch im Browser nicht korrekt
dargestellt:
- Untere Seite ist abgeschnitten
- Länge ist in Ordnung, aber Höhe ist zu kurz
Wie kann ich das Hintergrundbild in die gewünschte Größe bringen ?
Zur Sicherheit häng ich den HTML-Code und das stylesheet hier dran:
index.html
style.css
Würde mich echt enorm freuen wenn ihr mir helfen könntet.
glg. Inkrement ;)
Ich bin noch sehr neu im Bereich 'Webentwicklung', und arbeite derzeit an meiner ersten Website.
Dort plane ich, ein abgerundetes Rechteck als Hintergrundbild für eine horizontale Navigationsleiste
zu nehmen. Dieses hat eine Abmessung von 800px * 50px, es wird jedoch im Browser nicht korrekt
dargestellt:
- Untere Seite ist abgeschnitten
- Länge ist in Ordnung, aber Höhe ist zu kurz
Wie kann ich das Hintergrundbild in die gewünschte Größe bringen ?
Zur Sicherheit häng ich den HTML-Code und das stylesheet hier dran:
index.html
Code:
<!DOCTYPE html>
<html>
<head>
<title>titel</title>
<link href="stylesheets/style.css" type="text/css" rel="stylesheet">
</head>
<body>
<head>
<img src="http://www.html.de/images/header.png" id="headerimg"/>
</head>
<!-- Main-Menu-Bar -->
<div id="mainmenu">
<a href="index.html" class="menu-item">Home</a>
<a href="anwendungen.html" class="menu-item">Anwendungen</a>
<a href="fotos.html" class="menu-item">Fotos</a>
<a href="news.html" class="menu-item">News</a>
<a href="heilprinzipien.html " class="menu-item">Heilprinzipien</a>
<a href="contact.html" class="menu-item">Kontakt</a>
</div>
<!-- Main-Menu-Bar-End -->
</body>
</html>style.css
Code:
body {
position: relative;
left: 20%;
}
#mainmenu {
background-image: url(../images/menu-background.png);
background-repeat: no-repeat;
}Würde mich echt enorm freuen wenn ihr mir helfen könntet.
glg. Inkrement ;)