Hi,
Folgende Sache - eine Seite mit 2 Bildern, einer Navigationsleiste untereinander angeordnet, unter der Navi ein Counter und der Updatetermin.
Es sind mehrere Seiten, das Problem ist das die Navigation in jedem neuen Fenster angepasst werden muss und die Positionierung im FF und IE passt dann auch nicht . Hier der Code
Folgende Sache - eine Seite mit 2 Bildern, einer Navigationsleiste untereinander angeordnet, unter der Navi ein Counter und der Updatetermin.
Es sind mehrere Seiten, das Problem ist das die Navigation in jedem neuen Fenster angepasst werden muss und die Positionierung im FF und IE passt dann auch nicht . Hier der Code
Code:
/* CSS Document */
body {
background: #000000;
}
#container {
width:900px;
height:auto;
top:0px;
position: relative;
margin:auto;
padding-top: 50px;
color:#ffffff;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
}
.logoindex {
padding-top:20px;
}
.lenkercrew2 {
margin:50px;
}
.counter {
left:222px;
width: 135px;
}
.impressumueberschrift {
font-size:14px;
font-variant:small-caps;
font-weight:600;
color: #0086c0;
}
.pcrew {
font-size: 13px;
padding:20px 50px 0 50px;
text-align:left;
}
.h1crew {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-style:italic;
font-variant:small-caps;
}
.toplink {
position:relative;
top:50px;
}
.fy2 {
position:relative;
top: 50px;
border:#ffffff solid 1px;
}
.update {
width: 135px;
margin-left: 222px;
}
.p {
text-align:justify;
}
Code:
/* CSS Document */
#navi {
list-style-type: none;
margin-top: 30px;
position: relative;
margin-left: 67px;
margin-right: 70px;
}
#navi li {
margin:0;
padding:0;
}
#navi li a {
float:left;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
height:30px;
line-height:30px;
letter-spacing:1px;
padding:0 15px;
text-decoration:none;
color:#fff;
background: transparent url(../Bilder/line.gif) repeat-x bottom left;
border-bottom:#FFFFFF solid 1px;
border-top:#FFFFFF solid 1px;
}
#navi li a:visited {
color: #66CCFF;
}
#navi li a:hover {
background-image: url(../Bilder/linehover.gif);
color:#000000;
}
#navi li a:active {
color: #66FF99;
}
.borderleft {
border-left: #FFFFFF solid 1px;
}
.borderright {
border-right:#FFFFFF solid 1px;
}
body {
background-color: #000000;
padding: 0;
margin: 0;
}
#navi li {
float:left;
}/*line 32-34 für border links und rechts sichtbar*/
.navilocation {
border-left:#FFFFFF solid 1px;
border-right:#FFFFFF solid 1px;
position: relative;
left: 270px;
}
.navicrew {
position: relative;
left:32px;
top:30px;
}
.naviimpressum {
position:relative;
left: 47px;
padding-bottom:210px;
}
.navilinks {
position:absolute;
top: 477px;
left:1px;
}
#naviindex {
}
.navianfahrt {
margin-left: -68px;
}
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" />
<title>Lenkercrew - TEST</title>
<link href="CSS/navigation.css" rel="stylesheet" type="text/css" />
<link href="CSS/layout.css" rel="stylesheet" type="text/css" />
<link rel="shortcut icon" href="lenkercrew1.ico" type="image/x-icon" />
<!--[if IE]>
<style type="text/css">
#navi {display:inline-block;}
#navi {display:inline;}
#navi li {float:left;}
#navigation {text-align:center;}
</style>
<![endif]-->
<style type="text/css">
<!--
body {
background-color: #000000;
}
-->
</style>
</head>
<body>
<div align="center" id="container">
<p><img src="Bilder/lenkercrew2.jpg" alt="lenkercrew" /> </p>
<p><img src="Bilder/logo.jpg" alt="logo" width="237" height="270" /></p>
<div >
<ul id="navi">
<li class="borderleft"><a href="FOTO'S/Fotoindex/fotoindex.htm">Fotos</a></li>
<li><a href="http://mc-partyplanung-ost.de/" target="_top">Termine</a></li>
<li><a href="LOCATION/location.html">Location</a></li>
<li><a href="CREW/crew.html">Crew</a></li>
<li><a href="LINKS/links.html">Links</a></li>
<li><a href="http://www.lenkercrew.de/KONTAKTFORMULAR/index.php" target="_top">Kontakt</a></li>
<li><a href="Gaestebuch/index.php">Gästebuch</a></li>
<li class="borderright"><a href="IMPRESSUM/impressum.html">Impressum</a></li>
</ul>
</div>
<div class="update">Update 24.12.2007</div>
<div>
<p class="counter">
<?php
$DateinameCount = "count.txt";
$DateinameIP = "ip.txt";
$Zeitsperre = 86400; // Sekunden
#######################################
$Gefunden = FALSE;
$IPListe = file($DateinameIP);
if(count($IPListe)>0)
{
foreach($IPListe as $Zeile)
{
$GesplitteteZeile = explode("|", $Zeile);
if(($GesplitteteZeile[0]+$Zeitsperre)>time())
{
$NeueIPListe[] = trim($Zeile)."\n";
}
}
if(count($NeueIPListe)>0)
{
foreach($NeueIPListe as $Zeile)
{
$GesplitteteZeile = explode("|", $Zeile);
if(trim($GesplitteteZeile[1])==$_SERVER['REMOTE_ADDR'])
{
$Gefunden = TRUE;
}
}
}
}
$FilePointerIP = fopen($DateinameIP, "w");
if(count($IPListe)>0 && count($NeueIPListe)>0)
{
foreach($NeueIPListe as $Zeile)
{
fwrite($FilePointerIP, trim($Zeile)."\n");
}
}
if(!$Gefunden)
{
fwrite($FilePointerIP, time()."|".$_SERVER['REMOTE_ADDR']."\n");
}
fclose($FilePointerIP);
$FilePointerCount = fopen($DateinameCount, "r+");
$Counter = fread($FilePointerCount, filesize($DateinameCount));
if(!$Gefunden)
{
$Counter++;
rewind($FilePointerCount);
fwrite($FilePointerCount, $Counter);
}
fclose($FilePointerCount);
echo$Counter;
?>
</p>
</div>
</div>
</body>
</html>
