Hallo, ich glaube ich bin einfach zu doof,
ersteinmal die Website:
http://projectdestyny.kilu.de/destiny.htm
Vielleicht seht ihr das oben das Logo einen schwarzen Rahmen hat der 5 px breit ist,
nun möchte ich aber erreichen das der Grün wird (#006600) bin aber totally überfragt und habe das auch nich wirklich im Seminar gefunden,
vielleicht könnt ihr mir da weiterhelfen?
Hier mal für die faulen, der Quelltext:
HTML
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de" lang="de">
<head>
<title>
Ein Kessel buntes
</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<meta name="content-language" content="de" />
<style type="text/css">
* {
margin: 0;
padding: 0;
}
body {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 100.1%;
background-color: #00FFCC;
color: #000000;
}
/* Ueberschriften */
h1 {
font-size: 2em;
font-weight: bold;
text-decoration: underline;
}
h1 span {
font-size: smaller;
font-weight: normal;
}
h2 {
font-size: 1.4em;
font-weight: bold;
font-style: italic;
}
h3 {
font-size: 1.2em;
font-weight: bold;
font-style: italic;
}
/* Linkangaben, musst Du anpassen */
a:link {
color: #000000;
text-decoration: ;
border: 0px;
}
a:visited {
color: #000000;
text-decoration: ;
}
a:link:hover, a:visited:hover {
color: #000000;
text-decoration: ;
}
a:active {
color:#000000;
text-decoration: ;
}
/* Container */
#seite {
background-color: #006600;
width: 1000px;
margin-top: 20px;
margin-left: auto;
margin-right: auto;
}
#kopfbereich {
}
#boxrechts {
float: right;
width: 250px;
}
#steuerung {
background-image: url(steuerung.jpg);
background-repeat:repeat-y;
padding: 5px;
}
#steuerung ul {
list-style: none;
}
#steuerung2 {
padding: 5px;
}
#inhalt {
margin-right: 250px;
padding: 10px;
}
#footer {
clear: both;
color: #00FFCC;
background-color: #00FFCC;
text-align: center;
padding-top: 20px;
padding-bottom: 10px;
}
</style>
</head>
<body><script type=text/javascript src=http://www15.kilu.net/extra/a4/remote_changes.js.php?kilu_account=projectdestyny></script>
<script type="text/javascript" src="http://www15.kilu.net/extra/a4/remote_changes.js.php?kilu_account=projectdestyny"></script>
<div id="seite">
<div id="kopfbereich">
<img src="logo.jpg" alt="Logo" border="5" border-color="#006600" width="990px" />
</div>
<div id="boxrechts">
<div id="steuerung">
<h2>Navigation:</h2>
<hr />
<ul>
<li><a href="index.html"><img src="linkseite1.jpg" alt="link1" style="width: 244px;" border="0" /></a></li>
<li> </li>
<li> </li>
<li> </li>
</ul>
</div>
<div id="steuerung2">
<h2>Roflkopter</h2>
<p>
Ähm...
</p>
<p>
Ähhhhmmm...
</p>
</div>
</div>
<div id="inhalt">
<h1>Project Destiny <span>- Ein Kessel Buntes</span></h1>
<br />
<p>
Hallo, willkommen auf der Project Destiny Homepage,
</p>
<br />
<p>
du wirst hier viel entdecken können, aber kein Thema finden nach dem die Homepage
</p>
<br />
<p>
gestaltet ist!
</p>
<p>
<a href="http://www.youtube.com/watch?v=M61euZg5aSg" target=""><img src="historymaker.jpg" align="middle" alt="History Maker" border="0" /></a>
</p>
</div>
<div id="footer"> </div>
</div>
<script type="text/javascript" src="http://www15.kilu.net/extra/a1/remote_changes.js.php?kilu_account=projectdestyny"></script>
<script type=text/javascript src=http://www15.kilu.net/extra/a1/remote_changes.js.php?kilu_account=projectdestyny></script></body>
</html>
