PHP Include und CSS

Status
Nicht offen für weitere Antworten.

Binio

Erfahrenes Mitglied
Hallo habe folgendes Problem. Ich habe eine Index.php wo die grobe Struktur meine Website designt ist. Dort befinden sich auch alle CSS Style Seets. Ich Include eine 2 seite(der eigentlich Inhalt in Textform). Doch die 2 Seite interessiert mein CSS nicht.
Ich denke der Quelltext wird das etwas besser erklären :)

Seite 1(index.php):
PHP:
<!DOCTYPE html PUBLIC '-//W3C//DTD XHTML 1.0 Transitional//EN' 'http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd'>
<head>
<title>Neues Design</title>
<style type='text/css'>

.tabellen {cellpadding:0; cellspacing:0; border:3; align:center; valign:top; bgcolor:#f1f1f1;}

/* style the outer div to give it width */
.menu {
width:1010px; 
font-size:0.85em;
padding:0;
margin:0;
}

/* remove all the bullets, borders and padding from the default list styling */
.menu ul {
padding:0;
margin:0;
list-style-type:none;
}

/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {
float:left;
position:relative;
}

/* style the links for the top level */
.menu a , .menu a:visited {
display:block;
font-size:11px;
text-decoration:none;
color:#ffffff; 
width:91px; 
height:30px; 
border:0px solid #ffffff; 
border-width:1px 0px 0px 0px; 
background:#3c3cd0; 
padding-left:5px;
padding-right:5px; 
line-height:29px;
}

/* style the second level background */
.menu ul ul a.drop, .menu ul ul a.drop:visited {background:#b6b6b9;} <!-- Submenü wenn weiter aufklappbar -->

/* style the second level hover */
.menu ul ul a.drop:hover{background:#b6b6b9;} <!--  -->
.menu ul ul :hover > a.drop {background:#b6b6b9;} <!-- Submenü weiter aufklappen (MAUS drüber)-->

/* style the third level hover */
.menu ul ul ul a:hover {background:#b6b6b9;} <!--  -->
.menu ul ul ul :hover > a {background:#b6b6b9;} <!-- Farbe der Untersten Menüs wenn mit Maus drüber -->

/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {
visibility:hidden;
position:absolute;
height:0;
top:31px;
left:0; 
width:110px;
}

/* position the third level flyout menu */
.menu ul ul ul{
left:130px; 
top:0;
width:110px;
}

/* position the third level flyout menu for a left flyout */
.menu ul ul ul.left {
left:-130px;
}

/* style the table so that it takes no part in the layout - required for IE to work */
.menu table {position:absolute; top:0; left:0; }

/* style the second level links */
.menu ul ul a, .menu ul ul a:visited {
background:#a4a3e9; 
color:#000; 
height:auto; 
line-height:1em; 
padding:5px 5px;
width:120px;
}

/* style the top level hover */
.menu a:hover, .menu ul ul a:hover{color:#ffffff; background:#b6b6b9;} <!--  -->
.menu :hover > a, .menu ul ul :hover > a {color:#ffffff; background:#b6b6b9;} <!-- Wenn Maus drüber Text und Hintergrundfarbe -->

/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul , .menu ul a:hover ul {visibility:visible;}
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul {visibility:hidden;}
/* keep the fourth level hidden when you hover on second level list OR link */
.menu ul :hover ul :hover ul ul {visibility:hidden;}
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul {visibility:visible;}
/* make the fourth level visible when you hover over third level list OR link */
.menu ul :hover ul :hover ul :hover ul {visibility:visible;}
</style>
</head>

<body>

<table border='0' align='center' valign='top' cellpadding='0' cellspacing='0' style='border:2px solid #a4a3e9;'>
 <tr><td align='center' valign='top'><img src='fahrschule2.gif'></td></tr>
 <tr><td align='center' bgcolor='blue'>
<div class='menu'>
<ul>
<li><a href='index.php'>Fahrschule</a>
	<ul>
	<li><a href='index.php' title=''>Fahrschule Hamm</a></li>
	<li><a href='index.php' title=''>Fahrschüler Unna</a></li>
	<li><a class='drop' href='index.php' title=''>Anfahrt</a>
		<ul>
			<li><a href='index.php' title=''>Fahrschule Hamm</a></li>
			<li><a href='index.php' title=''>Fahrschule Unna</a></li>
		</ul>
	</li>
	</ul>
</li>

<li><a href='index.php'>Führerscheinweg</a>
</li>

<li><a href='index.php'>Fahrlehrer</a>
	<ul>
	<li><a href='index.php'  title=''>Alexander Koos</a></li>
	<li><a href='index.php'  title=''>Norman Jaskowski</a></li>
	<li><a href='index.php'  title=''>Waldemar Koos</a></li>
	<li><a href='index.php'  title=''>Wolfgang Meierkord</a></li>
	</ul>
</li>

<li><a href='index.php'>Bildergalerie</a>
	<ul>
	<li><a href='index.php' title='The zero dollar ads page'>Fahrschule</a></li>
	<li><a href='index.php' title='Wrapping text around images'>Fahrschüler</a></li>
	<li><a class='drop' href='index.php' title=''>Fahrzeuge</a>
		<ul>
			<li><a href='index.php' title='Styling forms'>PKW</a></li>
			<li><a href='index.php' title='Removing active/focus borders'>LKW</a></li>
			<li><a href='index.php' title='Hover/click with no active/focus borders'>Motor</a></li>
			<li><a href='index.php' title='Hover/click with no active/focus borders'>Sonstiges</a></li>
		</ul>
	</li>
	</ul>
</li>

<li><a href='index.php'>Eu Führerschein</a>
	<ul>
	<li><a href='index.php' title=''>A</a></li>
	<li><a href='index.php' title=''>A1</a></li>
	<li><a href='index.php' title=''>B</a></li>
	<li><a href='index.php' title=''>BE</a></li>
	<li><a href='index.php' title=''>C</a></li>
	<li><a href='index.php' title=''>CE</a></li>
	<li><a href='index.php' title=''>C1</a></li>
	<li><a href='index.php' title=''>C1E</a></li>
	<li><a href='index.php' title=''>D</a></li>
	<li><a href='index.php' title=''>DE</a></li>
	<li><a href='index.php' title=''>D1</a></li>
	<li><a href='index.php' title=''>D1E</a></li>
	<li><a href='index.php' title=''>M</a></li>
	<li><a href='index.php' title=''>L</a></li>
	<li><a href='index.php' title=''>T</a></li>
	</ul>
</li>

<li><a href='index.php'>Verkehrsrecht</a>
	<ul>
	<li><a href='index.php' title=''>Bußgeldrechner</a></li>
	<li><a href='index.php' title=''>Führerschein ab 17</a></li>
	<li><a href='index.php' title=''>Theoretischer Unterricht</a></li>
	<li><a href='index.php' title=''>Praktischer Unterricht</a></li>
	<li><a class='drop' href='index.php' title='Hover/click with no active/focus borders'>Verkehrssünden</a>
		<ul>
			<li><a href='index.php' title=''>Abstand</a></li>
			<li><a href='index.php' title=''>Autobahn</a></li>
			<li><a href='index.php' title=''>Alkohol</a></li>
			<li><a href='index.php' title=''>Drogen</a></li>
			<li><a href='index.php' title=''>Fußgänger</a></li>
			<li><a href='index.php' title=''>Kindersicherung</a></li>
			<li><a href='index.php' title=''>Technische Mängel</a></li>
			<li><a href='index.php' title=''>Überholen</a></li>
			<li><a href='index.php' title=''>Vorfahrt</a></li>
			<li><a href='index.php' title=''>Rote Ampel</a></li>
		</ul>
	</li>
	</ul>
</li>

<li><a href='index.php'>Ausbildung</a>
</li>

<li><a href='index.php'>Seminare</a>
	<ul>
	<li><a href='index.php' title=''>ASP</a></li>
	<li><a href='index.php' title=''>ASF</a></li>
	<li><a href='index.php' title=''>FSF</a></li>
	</ul>
</li>

<li><a href='index.php'>News</a>
</li>

<li><a href='index.php'>Feedback</a>
</li>
</ul>
</div>
 </td></tr>
	 <tr><td align='center' valign='top' style='background-image:url(logo.gif);
	 											background-repeat: no-repeat;
												background-position: center center;'>
												<?php include"news2.php" ?>
	 </td></tr>
</table>
</body>
</html>

Seite 2(news2.php)Version 1:
PHP:
<div class='tabellen'><table><tr><td>tester</td></tr></table></div>

Seite 2(news2.php)Version 2:
PHP:
<table class='tabellen'><tr><td>tester</td></tr></table>

Keine der beiden Seiten verhalten sich so wie ich es eigentlich möchte oder in der Seite 1 vorgebe ;( Liegt es am Include von PHP ?

Währe sehr dankbar für Tipps oder eine Lösung
 
Du hast da HTML-Attribute als CSS-Eigenschaften eingesetzt. Es muß aber korrekterweise so lauten:

Code:
.tabellen {cellpadding:0; cellspacing:0; border:3px solid #ff0000; text-align:center; vertical-align:top; background-color:#f1f1f1;}
 
ok es klappt super
Nur eins verstehe ich nicht. Was hab ich falsch gemacht ?
war es das vergessene px ? oder etwa die formatierung des textes (text-align,vertical-align) ?
 
align,valign,bgcolor sind sog. HTML-Attribute, die ausschliesslich in einem Tag notiert werden:

HTML:
<td align="center" valign="top" bgcolor="#f1f1f1">
Die entsprechenden CSS-Eigenschaften lauten text-align,vertical-align,background-color und werden in einem Stylesheet notiert.

Bei der border-Eigenschaft fehlte zum einen die Einheit für die Rahmenstärke, sowie die Angabe zum Rahmentyp und zur Rahmenfarbe.
 
Status
Nicht offen für weitere Antworten.
Zurück