PDA

Archiv verlassen und diese Seite im Standarddesign anzeigen : PHP Layout mit stylesheet


Maik108
06.04.2010, 23:58:59
Hallo
Ich bin nun seit mehreren stunden auf der suche nach einer lösung aber ich komme einfach nicht mehr weiter ich hoffe ihr könnt mir helfen

ich wollte keine frames mehr benutzen und hab deswegen eine start php datein angelegt die alle anderen läd leider übernimmt der nicht die angaben aus dem stylesheet kann mir irgendjemand weiterhelfen wie ich das anzeige fenster neben das menü bekomme?

hier sind alle daten als rar file:
http://rapidshare.com/files/372820104/new.rar.html

Und hier nochmal die start datei:

<html>
<style type="text/css">
@import "stylesheet.css";
</style>
<title>Schützenzug Nord</title>
<LINK REL="SHORTCUT ICON" HREF="images/favicon.ico" />
</head>
<body>
<div id="container">
<div id="header">
<? include ("kopfzeile.php") ;?>
</div>
<? include ("navi.php") ;?>
<? include ("anzeige.php") ;?>
<? include ("fusszeile.php") ;?>
</div>
</body>

stylesheet:

a:link {
color: #000000;
text-decoration:none;
font-size:8pt;
}
a:visited {
color: #000000;
text-decoration:none;
font-size:8pt;
}
a:hover {
color: #009900;
text-decoration:none;
font-size:8pt;
border-bottom:1px dotted #009900;
}
a:active {
color: #000000;
text-decoration:none;
font-size:8pt;
}

body,td,th
{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
color: #666;
}
body
{
width:802px;
margin:0 auto;
margin-top:10px;
background: #bece6c URL("images/bg.jpg") repeat-x top;
font-size: 12px;
}

#wrapper
{
width:805px;
padding-left:1px;
}
.topbar
{
width: 790px;
margin: 0;
text-align: center;
padding: 7px 5px 5px 5px;
margin-top: 4px;
background: url("images/topbar_top.jpg") no-repeat top #fff;
}
.topbar_bottom
{
width: 800px;
height: 8px;
margin: 0 0 4px 0;
float: none;
background: url("images/topbar_bottom.jpg") no-repeat #FFF ;
}

#menu_container
{
margin-top: 1px;
float:left;
width: 125px;
}

#content_container
{
margin-top: 1px;
margin-left: 131px;
}



.content
{
width: 660px;
text-align: center;
text-align: left;
padding: 5px;
padding-top: 7px;
margin: 0px;
background: #FFF url("images/content_top.jpg") no-repeat top;
}
.content_bottom
{
width: 670px;
height: 8px;
margin: 0px;
margin-bottom: 3px;
background: #FFF url("images/content_bottom.jpg") no-repeat center;
}
.menu
{
width: 117px;
margin: 0;
text-align: center;
padding: 4px;
padding-top: 7px;
background: #FFF url("images/nav_top.jpg") no-repeat top;
}
.menu ul
{
margin: 0;
padding: 0;
display: block;
}
.menu li
{
display: block;
width: 100%;
text-align: left;
margin: 0;
padding: 0;
}
.menu_bottom
{
width: 125px;
height: 8px;
margin: 0;
margin-bottom: 3px;
background: #FFF url("images/nav_bottom.jpg") no-repeat center;
}




.item_top
{
width: auto;
margin: 0px;
padding: 2px;
text-align: left;
border: 1px #CCC solid;
font-weight: bold;
margin-bottom: 3px;
margin-top: 4px;
color:bece6c;
}
.nav
{
width: auto;
margin: 0;
text-align: left;
padding-left: 3px;
}
#navi { position: absolute; top: 130px; left: 0; width: 150px;
background: #d1b855 ;
visibility: visible; padding: 15px 10px 15px 20px;
}

cortex
07.04.2010, 07:27:22
hallo,

bitte nutze die forentags zur formatierung der quelltexte: [php], [code] etc.

hier sind alle daten als rar file


gut gemeint, aber niemand wird sich die arbeit machen, eine archiv-datei runterzuladen, zu entpacken und sich dem risiko irgendwelcher viren etc. auszusetzen.

leider übernimmt der nicht die angaben aus dem stylesheet

klingt nach einem HTML- / CSS-problem...

[mod: verschoben]

cx

cortex
07.04.2010, 07:37:24
das hier (beispiele) sind übrigens keine gültigen hexadezimalen farbangaben:

#666, #bece6c, #d1b855

cx

urvater
07.04.2010, 08:06:38
Ansonsten empfehle ich dir mal die Beispiele auf SELFHTMl über mehrspaltige Layouts (http://de.selfhtml.org/css/layouts/mehrspaltige.htm) in CSS anzusehen.