hilfe !

hey

wir haben grade in info html und ich will grad meine erste seite machen bin aber auf einproblem gestoßen das, wofür ich keine lösung finde großes Grinsen

ich will nämlich, das die navigation über den bereich gestellt wird, wo der inhalt rein kommt großes Grinsen

index.html- datei:

code:

1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
17:
18:
19:
20:
21:
22:
23:
24:
25:
26:
27:
28:
29:
30:
31:
32:
33:
34:
35:
36:
37:
38:
39:
40:
41:
42:
43:
44:
45:
46:
47:
48:
49:
50:
51:
52:
53:
54:
55:
56:
57:
58:
59:
60:
61:
62:
63:
64:
65:
66:
67:
68:
69:
70:

<!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 & Css Bereich ***********************************/ -->

<head>
   <title>Info by Herr Kosiek</title>
   <link rel="stylesheet" type="text/css" media="screen" href="navicode.css" />
   <link rel="stylesheet" type="text/css" media="screen" href="background.css" />
   <link rel="stylesheet" type="text/css" media="screen" href="header.css" />
   <link rel="stylesheet" type="text/css" media="screen" href="fontcss.css" />
   <link href='http://fonts.googleapis.com/css?family=Lekton' rel='stylesheet' type='text/css'>
   <link rel="stylesheet" type="text/css" media="screen" href="body.css" />

</head>



<body>
<!-- /*********************************** Header ***********************************/-->

<div id="header">

<img src="http://www.gfxclusive.net/img/images/unbenannt1fdf.jpg"/>

</div>

<!-- /************************************* Inhalt (body) *************************************/ -->



<div id="body">

<h1>Welcome</h1>
     
<table>
 <tr> 
   <td>hallo,</td>
   <td>User</td>
 </tr>
</table>


</div>


<!-- /*********************************** Navigation ***********************************/ -->

<div id="navi">
  <ul>
    <li> <a href="home.html">Home</a>    </li>

    <li> <a href=".html">Info</a>        </li>
    <li> <a href=".html">Members</a>     </li>
    <li> <a href=".html">Impressum</a>   </li>
  </ul>

</div>



 
</body>
</html>

.css teile:

code:

1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
17:
18:
19:
20:
21:
22:
23:
24:
25:
26:
27:
28:
29:
30:
31:
32:
33:
34:
35:
36:
37:
38:
39:
40:
41:
42:
43:
44:
45:
46:
47:
48:
49:
50:
51:
52:
53:
54:
55:
56:
57:
58:
59:
60:
61:
62:
63:
64:
65:
66:
67:
68:
69:
70:
71:
72:
73:

#body {
   
   margin-left:300px;
   margin-right:346px;
   padding-top:10px;
   padding-right:20px;
   padding-left:210px;
   padding-bottom:20px;
   border:1px #5e5e5e;
   border-top: 5px #35baff;
   background:#b8c4ff;
   border-style:solid;
 }

html, body {
  background-color:#3664af;
  height:100%
 }

h1 {
   font-family:'Lekton', arial, serif;
 }

 p {
   font-family:'Lekton', arial, serif;
 {

 #header{ 
   position: relative;
   width:200px;                   
   text-align:right;              
   margin-top:50px;                          
   margin-left:300px;             
   margin-right:40px; 
}

#navi {
   position: relative;
   width:200px;                   
   text-align:right;              
   margin-top:30px;              
   margin-bottom:0px;            
   margin-left:270px;             
   margin-right:40px; 
 }
 
 #navi ul {
   list-style:none;               
 }
 
 #navi li {
   background-color:#004080;      
   border-top:1px #101010;   
   border-left:25px orange solid; 
   border-bottom:1px red solid;   
   border-right:1px red solid;   
   margin-top:10px;               
   padding-top:8px;               
   padding-bottom:8px;            
   padding-left:8px;              
   padding-right:8px;             
 } 

#navi a:link    { color:white;   text-decoration:none; }
#navi a:visited { color:yellow;  text-decoration:underline; }
#navi a:focus   { color:orange;  text-decoration:overline; }
#navi a:hover   { color:red;    text-decoration:underline; }
#navi a:active  { color:withe; text-decoration:line-through; }

Ergebnis:

Danke im vorraus

edit: keiner?

GFX-Sector - HTML, CSS

HTML, CSS

hilfe !

Have you enjoyed this topic?