Soulgrafix
Neues Mitglied
Mahlzeit..
ich muss für die Berufsschule eine Website gestalten+programmieren (mit HTML+CSS), aber ich komme nicht klar...
Folgende Probleme sind aufgetreten:
- meine Hintergrundgrafik ist nur im Dreamweaver zu sehen, nicht im Browser
- es verschiebt sich alles, sobald ich ein Bild einfüge...
- die div box vom Impressum reagiert nicht auf margin veränderungen...
joa das sind so die Hauptprobleme zur zeit.. :|
Hier der Quellcode vom HTML + CSS
HTML
CSS
Bin für jede Hilfe dankbar..
greetz
ich muss für die Berufsschule eine Website gestalten+programmieren (mit HTML+CSS), aber ich komme nicht klar...
Folgende Probleme sind aufgetreten:
- meine Hintergrundgrafik ist nur im Dreamweaver zu sehen, nicht im Browser
- es verschiebt sich alles, sobald ich ein Bild einfüge...
- die div box vom Impressum reagiert nicht auf margin veränderungen...
joa das sind so die Hauptprobleme zur zeit.. :|
Hier der Quellcode vom HTML + CSS
HTML
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<link rel="stylesheet" type="text/css" href="css/index.css">
<title>MySummer 2010 - Soulgrafix' Portfolio</title>
</head>
<body>
<div id="navi"><a href="index.html">Home</a><br>
<a href="about.html">Über mich</a><br>
<a href="kontakt.html">Kontakt</a><br>
<a href="design.html">Design</a><br>
<a href="musik.html">Musik</a><br>
<a href="film.html">Film</a></div>
<div id="content"><h1>Überschrift</h1><br>
inhalt...
</div>
<div id="footer"><a href="impressum.html">Impressum</a></div>
</body>
</html>
CSS
@charset "UTF-8";
/* CSS Document */
#navi a {
color:#d6d6d6;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
margin-left: 175px;
margin-top: 102px;
line-height: 24px;
text-decoration:none;
}
#navi a:hover {
color:#d6d6d6;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
margin-left: 175px;
margin-top: 102px;
line-height: 24px;
text-decoration:underline;
}
#content {
color:#d6d6d6;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
margin-left: 270px;
margin-top: -143px;
line-height: px;
}
h1{
color:#d6d6d6;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
margin-left: 0px;
margin-top: -143px;
line-height: 24px;
font-styleblique;
}
body {
background-image: url(/images/backgroundtest.jpg);
background-color:black;
background-repeat:no-repeat;
background-attachment:fixed;
background-position:center;
width: 1024px;
}
#footer a {
color:#d6d6d6;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
margin-left: 175px;
margin-top: 200px;
line-height: 24px;
text-decoration:none;
}
#footer a:hover {
color:#d6d6d6;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
margin-left: 175px;
margin-top: 800px;
line-height: 24px;
text-decoration:underline;
}
Bin für jede Hilfe dankbar..
greetz