A
Aladin033
Aktives Mitglied
Thread Starter
- Dabei seit
- 22.08.2015
- Beiträge
- 1.706
- Reaktionspunkte
- 184
Moin,
ich habe meine erste Website erstellt unter Google Chrome funktioniert diese auch wunderbar.
Allerdings stellt Safari die Umlaute nicht richtig da..
Geschrieben habe ich die Seite mit HTML5 und fürs Design natürlich CSS verwendet.
So sieht das ganze aus: (Die Seite ist natürlich fiktiv)
CSS:
Index
<!DOCTYPE html>
<html>
<head>
</head>
<title> Malerreibetrieb Mayer</title>
<link rel="stylesheet" href="style.css">
<meta name="viewport" content="width=device-with, initial-scale=1">
<body>
<div id="top">
<div id="logo">MM</div>
<div id="logo-name">Malerreibetrieb Mayer</div>
<div id="navigation">
<a href="#Über Uns">Über Uns</a>
<a href="#Service">Service</a>
<a href="#Kontakt">Kontakt</a>
</div>
<div id="image">
<img src="image.jpg" alt="Malerreibetrieb Bild">
</div>
</div>
<div id="main">
<section id="Über Uns"></section>
<h2>Über Uns</h2>
<p>Dies ist eine Testwebsite, damit ich das endlich mal raffe wie das funktioniert. Aber Dank Microsoft Visual Studio, ist das alles recht einfach Umsetzbar.
Ja doch, mit Microsoft Visual Studio macht das schon Spaß.
</p>
<section id="Service"></section>
<h2>Service</h2>
<p>Dies ist eine Testwebsite, damit ich das endlich mal raffe wie das funktioniert. Aber Dank Microsoft Visual Studio, ist das alles recht einfach Umsetzbar.
Ja doch, mit Microsoft Visual Studio macht das schon Spaß.</p>
<section id="Kontakt"></section>
<h2>Kontakt</h2>
<p>Dies ist eine Testwebsite, damit ich das endlich mal raffe wie das funktioniert. Aber Dank Microsoft Visual Studio, ist das alles recht einfach Umsetzbar.
Ja doch, mit Microsoft Visual Studio macht das schon Spaß.</p>
</div>
<div id="footer">
Copyright 2020 | Malerreibetrieb Mayer
</div>
</body>
</html>
Jetzt ist die Frage wo da mein Fehler liegt.
Kann mir den jemand verraten?
Danke
ich habe meine erste Website erstellt unter Google Chrome funktioniert diese auch wunderbar.
Allerdings stellt Safari die Umlaute nicht richtig da..
Geschrieben habe ich die Seite mit HTML5 und fürs Design natürlich CSS verwendet.
So sieht das ganze aus: (Die Seite ist natürlich fiktiv)
CSS:
CSS:
body{
font-family: Arial, Helvetica, sans-serif;
margin: 0px;
}
#top {
text-align: center;
}
#logo {
color: white;
background-color: red;
display:inline-block;
font-size: 32px;
font-weight: bold;
padding: 8px;
margin-top: 16px;
}
#logo-namen {
font-size: 32px;
font-weight: bold;
margin: 16px;
}
#navigation a {
color: gray;
padding: 6px;
}
#navigation a:hover{
color: red;
}
#image img{
width: 100%;
margin-top: 16px;
margin-bottom: 16px;
}
#main {
max-width: 800px;
margin: auto;
padding: 16px;
}
#footer {
text-align: center;
color: gray;
padding: 16px;
}
Index
<!DOCTYPE html>
<html>
<head>
</head>
<title> Malerreibetrieb Mayer</title>
<link rel="stylesheet" href="style.css">
<meta name="viewport" content="width=device-with, initial-scale=1">
<body>
<div id="top">
<div id="logo">MM</div>
<div id="logo-name">Malerreibetrieb Mayer</div>
<div id="navigation">
<a href="#Über Uns">Über Uns</a>
<a href="#Service">Service</a>
<a href="#Kontakt">Kontakt</a>
</div>
<div id="image">
<img src="image.jpg" alt="Malerreibetrieb Bild">
</div>
</div>
<div id="main">
<section id="Über Uns"></section>
<h2>Über Uns</h2>
<p>Dies ist eine Testwebsite, damit ich das endlich mal raffe wie das funktioniert. Aber Dank Microsoft Visual Studio, ist das alles recht einfach Umsetzbar.
Ja doch, mit Microsoft Visual Studio macht das schon Spaß.
</p>
<section id="Service"></section>
<h2>Service</h2>
<p>Dies ist eine Testwebsite, damit ich das endlich mal raffe wie das funktioniert. Aber Dank Microsoft Visual Studio, ist das alles recht einfach Umsetzbar.
Ja doch, mit Microsoft Visual Studio macht das schon Spaß.</p>
<section id="Kontakt"></section>
<h2>Kontakt</h2>
<p>Dies ist eine Testwebsite, damit ich das endlich mal raffe wie das funktioniert. Aber Dank Microsoft Visual Studio, ist das alles recht einfach Umsetzbar.
Ja doch, mit Microsoft Visual Studio macht das schon Spaß.</p>
</div>
<div id="footer">
Copyright 2020 | Malerreibetrieb Mayer
</div>
</body>
</html>
Jetzt ist die Frage wo da mein Fehler liegt.
Kann mir den jemand verraten?
Danke