hey
bin gerade dabei eine neue homepage zu coden.
folgendes problem:
ich habe eine einfache navigation.
diese beinhaltet zu diesem zeitpunkt nur 1 punkt (mehr inhalt wird folgen).
die navigation befindet sich innerhalb eine liste und die einzelnen navigationpunkte sind listitems (li).
hier erstmal die seite zum anschauen:
Welcome
das problem ist der abstand der li tags zum linken rand.
ich dachte das laesst sich mittels margin-left aendern, aber irgendwie wollen die tags sich nicht bewegen.
hier noch der quellcode:
layout.css:
index.php:
und zuletzt die navi.php:
bin gerade dabei eine neue homepage zu coden.
folgendes problem:
ich habe eine einfache navigation.
diese beinhaltet zu diesem zeitpunkt nur 1 punkt (mehr inhalt wird folgen).
die navigation befindet sich innerhalb eine liste und die einzelnen navigationpunkte sind listitems (li).
hier erstmal die seite zum anschauen:
Welcome
das problem ist der abstand der li tags zum linken rand.
ich dachte das laesst sich mittels margin-left aendern, aber irgendwie wollen die tags sich nicht bewegen.
hier noch der quellcode:
layout.css:
Code:
.body {
background-color:#333333;
width: 100%;
height: 100%;
margin:0;
padding:0;
}
.container {
width:57em;
margin: 0px auto;
margin-top:10em;
border:1px solid white;
}
.main {
width:37.5em;
float:left;
border:1px solid white;
margin:1em;
}
.navi {
width:15em;
float:right;
border:1px solid white;
margin:1em;
}
.mainh1 {
text-align:center;
font-size:1.5em;
width:100%;
background-color:#717171;
font-weight:bold;
}
.navih1 {
text-align:center;
font-size:1.5em;
width:100%;
background-color:#717171;
font-weight:bold;
}
.naviul {
margin-left:0;
list-style-type:none;
}index.php:
Code:
<?php
echo '
<?xml version="1.0" encoding="iso-8859-1"?>
<!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="en-US" lang="en-US">
<head>
<title>Welcome</title>
<meta name="description" content="Welcome" />
<meta name="keywords" content="Welcome" />
<meta name="author" content="Mad Dog" />
<meta name="editor" content="UltraEdit" />
<link rel="stylesheet" type="text/css" href="inc/css/layout.css">
</head>
<body class="body">
<div class="container">
<div class="main">
';
require_once ('inc/scripts/main.php');
echo '
</div>
<div class="navi">
';
require_once ('inc/scripts/navi.php');
echo '
</div>
<div style="clear: both;"></div>
</div>
</body>
</html>
';
?>und zuletzt die navi.php:
Code:
<?php
echo '
<h1 class="navih1">Navigation</h1>
<ul class="naviul">
<li>Home</li>
</ul>
';
?>
