sabsenicki
Neues Mitglied
Hallo! Ich bin neu hier im Forum und beschäftige mich erst seit kurzer Zeit mit der Webseitenprogrammierung. Nun habe ich schon etwas rumprobiert komme aber allein nicht weiter. Ich hoffe ihr könnt mir helfen. Das Problem ist folgendes: Ich möchte erreichen das der Text wenn ich abwärts scrolle nicht die Tabelle mit den Links überscrollt. Wie geht das?
Danke im voraus!
Danke im voraus!
Code:
<head>
<title>index</title>
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1" />
<meta name="description" content="" />
<meta name="author" content="" />
<meta name="keywords" content="" />
<meta name="generator" content="Webocton - Scriptly" />
<link href="style.css" type="text/css" rel="stylesheet" />
</head>
<body text="#000000" link="#993366" alink="#999999" vlink="#784587"
<style type="text/css">
<!--
h1 {
color:#D3D3D3;
font-size:16pt;
font-family:arial, "lucida console", sans-serif; z-index:8;
align = "center"
}
-->
</style>
<style type="text/css">
<!--
h2 {
color:#657493;
font-size:12pt;
font-family:arial, "lucida console", sans-serif;z-index:1;
}
-->
</style>
<table align="center" bgcolor=#FFCCCC >
<tr>
<td width=50% bgcolor=#FFCCCC></td>
<td bgcolor=#FFCCCC> <a href="index.html">Anfang</a></td>
<td bgcolor=#FFCCCC><a href="sabrina.htm">Sabrina</a></td>
<td bgcolor=#FFCCCC><a href="nicki.htm">Nicki</a></td>
<td bgcolor=#FFCCCC><a href="blog.htm">Blog</a></td>
<td bgcolor=#FFCCCC><a href="guestbook.htm">Guestbook</a>
</td>
<td width=50%></td>
</tr>
</table>
<style type="text/css">
html, body {
margin:0;
padding:0;
width:100%;
height:100%;
overflow:hidden ;
}
#hintergrund {
position:absolute;
width:100%;
height:100%;
z-index:1;
}
#scrollbereich {
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
overflow: auto;
z-index:1;
}
#inhalt {
padding:20px 100px 30px 200px;
z-index:1;
}
</style>
<div>
<img id="hintergrund" src="Sonnenuntergang.jpg" alt="" title="" />
</div>
<div id="scrollbereich">
<div id="inhalt">
/* Text */
<h1>Dies ist die Homepage von Sabrina und Nicki!</h1>
<h2> Text <p>Viel Spass!</p></h2>
/* Bilder */
<p id="a"><em><a href="nicki.html" align="left"><img align="center" src="Sonnenuntergang.jpg" width="250" height="250" border="1" alt="Nicki" /></a></em> </p>
<p id="b"><em><a href="nicki.html" align="center"><img align="center" src="Sonnenuntergang.jpg" width="250" height="250" border="1" alt="Nicki" /></a></em> </p>
<p id="c"><em><a href="nicki.html" align="right"><img align="center" src="Sonnenuntergang.jpg" width="250" height="250" border="1" alt="Nicki" /></a></em> </p>
<p id="d"><em><a href="nicki.html" align="right"><img align="center" src="Sonnenuntergang.jpg" width="250" height="250" border="1" alt="Nicki" /></a></em> </p>
<style> #a em { color:white; background-color:blue; position:absolute; top: 5em; left: 4em; } </style>
<style> #b em { color:white; background-color:blue; position:absolute; top: 20em; left: 23em; } </style>
<style> #c em { color:white; background-color:blue; position:absolute; top: 20em; left: 42em; } </style>
<style> #d em { color:white; background-color:blue; position:absolute; top: 40em; left: 42em; } </style>
<body topmargin="0" leftmargin="0" marginheight="0" marginwidth="0">
</body>
</html>
Zuletzt bearbeitet von einem Moderator:
