Gabriel Kumar
Neues Mitglied
Hey Leute,
ich bin gerade dabei für mein Unternehmen eine Homepage zu erstellen. Das hat bis jetzt auch ganz gut geklappt. Nur der footer den ich gemacht hab wird irgendwie nicht angezeigt. Es soll ein dunkler Kasten angezeigt werden wo dann der Text (Impressum.....) steht. Aber man sieht nur den blanken Text.
Ich hoffe ihr könnt mir helfen! Danke im vorraus
Mein html Code:
<!DOCTYPE html>
<html>
<head>
<title>G. Kumar | Home</title>
<link rel="stylesheet" href="style.css" type="text/css" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
<script src="http://code.jquery.com/jquery-1.10.2.min.js"></script>
<sript type="text/javascript">
</script>
</head>
<body>
<section id="menubar">
<ul>
<li><a class="menubutton" href="#menu"><img src="images/menu.png" /></a></li>
</ul>
</section>
<header>
<h1>Gabriel Kumar</h1>
</header>
<nav class="nav">
<ul>
<li><a href="index.html" class="active">Home</a></li>
<li><a href="IT.html">IT</a></li>
<li><a href="Grafikdesign.html">Grafikdesign</a></li>
<li><a href="More.html">More</a></li>
</ul>
</nav>
<section id="main">
<article>
<h2>Wilkommen</h2>
</article>
<aside>
<section>
<h2>NEWS:</h2>
<ul>
<li>Noch ein spann</li>
<li>Hi</li>
<li>saers</li>
</ul>
</section>
<section>
<h2>Ein Textfeld</h2>
<p>dfnksdghsdfukgdkfghjdfgkh</p>
</section>
<section>
<h2>Ein Textfeld</h2>
<p>dfnksdghsdfukgdkfghjdfgkh</p>
</section>
</section>
<footer>
<ul>
<li>© 2017, Name</li>
</ul>
</footer>
</body>
</html>
Mein CSS:
body {
background:#DCDCDC;
font-size:100%;
margin:0em;
padding:0em;
}
h1 {
font-size:2.5em;
line-height:3.8em;
font-family:Helvetica;
font-weight:100;
color:#E2DBDB;
margin:0em;
}
h2 {
font-size:1.563em;
line-height:1.8em;
font-family:Helvetica;
font-weight:100;
color:#2F2D2C;
margin:0em;
padding:1.25em;
text-align:left;
}
p {
line-height:1.25em;
font-family:Helvetica;
font-weight:100;
color:#2F2D2C;
margin:0em;
padding:1.25em;
text-align:justify;
}
ul {
margin:0px;
padding:0px;
}
li {
list-style:sqaure;
font-family: Helvetica;
font-weight:100;
color:#2F2D2C;
line-height:1.25em;
margin:0em;
padding:0em;
margin:0.313em 0em 0.313em 0em;
}
img {
width:90%;
height: auto;
max-width:100px;
}
a {
text-decoration: none;
}
#menubar {
display:block;
background:#FFFFFF;
}
#menubar ul {
display:block;
width:2em;
padding:0.9em;
}
#menubar ul li {
display:inline;
color: #000000;
}
header {
display: block;
background:#2F2C2C;
text-align:center;
}
nav {
display:block;
height:2.5em;
background:#FFFFFF;
text-align:center;
}
nav ul {
display:block;
}
nav ul li {
display: inline;
margin:0.5em 0.118em 0em 0.188eem;
}
nav ul li a:hover {
background:#DBD9D8;
border-bottom:0.188em solid #E7590B
}
#main {
display:block;
width:96%;
max-width:980px;
margin:1.25em auto;
padding:0em;
}
#main article {
display:inline-block;
width:64.3%;
background:#FFFFFF;
vertical-align: top;
margin:0em;
padding:0em;
text-align:center;
}
#main aside {
display:inline-block;
width:30.6%;
margin-left:3%;
padding:0em;
vertical-align:top;
}
#main aside section {
margin-bottom:1.563em;
background:#FFFFFF;
border-bottom: 0.188em solid #E7590B;
#main article h2 {
padding:1em 1.8em 1em 1.8em;
}
#main aside section ul {
padding:0em 1.875em 1.25em 2.5em;
}
footer {
display:block;
background: #2F2C2C;
text-align:center;
}
footer ul {
display:block;
width:100%;
max-width:980px;
text-align:left;
margin:0px auto;
}
footer ul li {
display:inline;
font-size:0.8em;
line-height:2.8em;
color: #E2DBDB;
padding:0em 0.625em 0em 0.625em;
}
footer ul li a {
color: #E2DBDB;
}
ich bin gerade dabei für mein Unternehmen eine Homepage zu erstellen. Das hat bis jetzt auch ganz gut geklappt. Nur der footer den ich gemacht hab wird irgendwie nicht angezeigt. Es soll ein dunkler Kasten angezeigt werden wo dann der Text (Impressum.....) steht. Aber man sieht nur den blanken Text.
Ich hoffe ihr könnt mir helfen! Danke im vorraus
Mein html Code:
<!DOCTYPE html>
<html>
<head>
<title>G. Kumar | Home</title>
<link rel="stylesheet" href="style.css" type="text/css" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
<script src="http://code.jquery.com/jquery-1.10.2.min.js"></script>
<sript type="text/javascript">
</script>
</head>
<body>
<section id="menubar">
<ul>
<li><a class="menubutton" href="#menu"><img src="images/menu.png" /></a></li>
</ul>
</section>
<header>
<h1>Gabriel Kumar</h1>
</header>
<nav class="nav">
<ul>
<li><a href="index.html" class="active">Home</a></li>
<li><a href="IT.html">IT</a></li>
<li><a href="Grafikdesign.html">Grafikdesign</a></li>
<li><a href="More.html">More</a></li>
</ul>
</nav>
<section id="main">
<article>
<h2>Wilkommen</h2>
</article>
<aside>
<section>
<h2>NEWS:</h2>
<ul>
<li>Noch ein spann</li>
<li>Hi</li>
<li>saers</li>
</ul>
</section>
<section>
<h2>Ein Textfeld</h2>
<p>dfnksdghsdfukgdkfghjdfgkh</p>
</section>
<section>
<h2>Ein Textfeld</h2>
<p>dfnksdghsdfukgdkfghjdfgkh</p>
</section>
</section>
<footer>
<ul>
<li>© 2017, Name</li>
</ul>
</footer>
</body>
</html>
Mein CSS:
body {
background:#DCDCDC;
font-size:100%;
margin:0em;
padding:0em;
}
h1 {
font-size:2.5em;
line-height:3.8em;
font-family:Helvetica;
font-weight:100;
color:#E2DBDB;
margin:0em;
}
h2 {
font-size:1.563em;
line-height:1.8em;
font-family:Helvetica;
font-weight:100;
color:#2F2D2C;
margin:0em;
padding:1.25em;
text-align:left;
}
p {
line-height:1.25em;
font-family:Helvetica;
font-weight:100;
color:#2F2D2C;
margin:0em;
padding:1.25em;
text-align:justify;
}
ul {
margin:0px;
padding:0px;
}
li {
list-style:sqaure;
font-family: Helvetica;
font-weight:100;
color:#2F2D2C;
line-height:1.25em;
margin:0em;
padding:0em;
margin:0.313em 0em 0.313em 0em;
}
img {
width:90%;
height: auto;
max-width:100px;
}
a {
text-decoration: none;
}
#menubar {
display:block;
background:#FFFFFF;
}
#menubar ul {
display:block;
width:2em;
padding:0.9em;
}
#menubar ul li {
display:inline;
color: #000000;
}
header {
display: block;
background:#2F2C2C;
text-align:center;
}
nav {
display:block;
height:2.5em;
background:#FFFFFF;
text-align:center;
}
nav ul {
display:block;
}
nav ul li {
display: inline;
margin:0.5em 0.118em 0em 0.188eem;
}
nav ul li a:hover {
background:#DBD9D8;
border-bottom:0.188em solid #E7590B
}
#main {
display:block;
width:96%;
max-width:980px;
margin:1.25em auto;
padding:0em;
}
#main article {
display:inline-block;
width:64.3%;
background:#FFFFFF;
vertical-align: top;
margin:0em;
padding:0em;
text-align:center;
}
#main aside {
display:inline-block;
width:30.6%;
margin-left:3%;
padding:0em;
vertical-align:top;
}
#main aside section {
margin-bottom:1.563em;
background:#FFFFFF;
border-bottom: 0.188em solid #E7590B;
#main article h2 {
padding:1em 1.8em 1em 1.8em;
}
#main aside section ul {
padding:0em 1.875em 1.25em 2.5em;
}
footer {
display:block;
background: #2F2C2C;
text-align:center;
}
footer ul {
display:block;
width:100%;
max-width:980px;
text-align:left;
margin:0px auto;
}
footer ul li {
display:inline;
font-size:0.8em;
line-height:2.8em;
color: #E2DBDB;
padding:0em 0.625em 0em 0.625em;
}
footer ul li a {
color: #E2DBDB;
}
