Includen Problem

svalona · 31.01.2012, 15:44

hi Leute, habe eine fertige PHP-Datei mit allen styles (CSS) geschrieben, diese möchte ich innerhalb einer anderen php-datei includen.
PROBLEM: Sie wird dann nicht mehr so ausgelesen, sondern die Styles verändern sich. Warum verändern sich die Styles nach den Includen? Ich include so.

<?php include("datei.php"); ?>

wolf29 · 31.01.2012, 15:48

Zitat:

<?php include("datei.php"); ?>

damit includest Du ein PHP File! Wenn Du CSS "includen" willst, musst Du sowas

PHP-Code:

  <link href="meineCSSdatei.css" rel="stylesheet" type="text/css" />

in deinen Header Bereich einbinden.

mfg Wolf29

svalona · 31.01.2012, 16:03

danke für deine antwort, die zu includende php datei enthält aber das css, das ist nicht extern , ich poste sie mal

PHP-Code:

 
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>

<head>

 
 
  

  <meta content="text/html; charset=ISO-8859-1" http-equiv="content-type">

  <title>tabber</title>

  <style type="text/css"> body { display: block; display: table; padding: 0.0em; font-size: 80%; font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif; }

ul#tabs { list-style-type: none; margin: 30px 0 0 0; padding: 0px 0px 0px 0px;

 }

ul#tabs li { display: inline; }

ul#tabs li a {display: inline; color: #FFFFFF; background-color: #333399; border: 1px solid #c9c3ba; border-bottom: none; padding: 1.0em 2.0em 1.0em 1.0em; text-decoration: none;}

ul#tabs li a:hover { background-color: #FFFFFFF; }

ul#tabs li a.selected { color: #333399; background-color: #FFFFFF; font-weight: bold; padding: 1.0em 2.0em 1.0em 1.0em }

div.tabContent { height: 150px; border: 1px solid #c9c3ba; padding: 0.5em; background-color: #fffff; }

div.tabContent.hide { display: none; }

  </style>

  

 
</head>

<script type="text/javascript" language="JavaScript1.2">

//<![CDATA[

var tabLinks = new Array();

var contentDivs = new Array();

function init() {

// Grab the tab links and content divs from the page

var tabListItems = document.getElementById('tabs').childNodes;

for ( var i = 0; i < tabListItems.length; i++ ) {

if ( tabListItems[i].nodeName == "LI" ) {

var tabLink = getFirstChildWithTagName( tabListItems[i], 'A' );

var id = getHash( tabLink.getAttribute('href') );

tabLinks[id] = tabLink;

contentDivs[id] = document.getElementById( id );

}

}

// Assign onclick events to the tab links, and

// highlight the first tab

var i = 0;

for ( var id in tabLinks ) {

tabLinks[id].onclick = showTab;

tabLinks[id].onfocus = function() { this.blur() };

if ( i == 0 ) tabLinks[id].className = 'selected';

i++;

}

// Hide all content divs except the first

var i = 0;

for ( var id in contentDivs ) {

if ( i != 0 ) contentDivs[id].className = 'tabContent hide';

i++;

}

}

function showTab() {

var selectedId = getHash( this.getAttribute('href') );

// Highlight the selected tab, and dim all others.

// Also show the selected content div, and hide all others.

for ( var id in contentDivs ) {

if ( id == selectedId ) {

tabLinks[id].className = 'selected';

contentDivs[id].className = 'tabContent';

} else {

tabLinks[id].className = '';

contentDivs[id].className = 'tabContent hide';

}

}

// Stop the browser following the link

return false;

}

function getFirstChildWithTagName( element, tagName ) {

for ( var i = 0; i < element.childNodes.length; i++ ) {

if ( element.childNodes[i].nodeName == tagName ) return element.childNodes[i];

}

}

function getHash( url ) {

var hashPos = url.lastIndexOf ( '#' );

return url.substring( hashPos + 1 );

}

//]]>

</script>

 
<body onload="init()">

 
<ul id="tabs">

 
 
  <li><a href="#about">Newsletter</a></li><li><a href="#advantages">Facebook</a></li><li><a href="#usage">Twitter</a></li>

 
 
</ul>

 
 
<div class="tabContent" id="about">

 
<div>

<p><?php include("nl/form.php"); ?></p>

 
 
</div>

 
 
</div>

 
 
<div class="tabContent" id="advantages">

<div>

 
<p><?php include("fb.php"); ?></p>

 
 
</div>

 
 
</div>

 
 
<div class="tabContent" id="usage">

<div>

<p></p>

<p><?php include("twitter.php"); ?></p>

<p></p>

 
 
</div>

 
 
</div>

 
</body>

</html>

wolf29 · 31.01.2012, 16:05

Ähhhh....so bindest Du aber das "komplette" PHP Script ein

!! Lager deinen Code zwischen den style tags in eine separate CSS Datei (meinecssdatei.css) aus und binde Sie in beiden skripten einfach ein, wie beschrieben!

mfg Wolf29

Connar · 31.01.2012, 16:05

Okay, dann wäre das Einbinden ja prinzipiell erstmal richtig. Aber was genau heißt "die Styles verändern sich"?
Wird in der ersten PHP-Datei bereits etwas ausgegeben (z.B. HTML)?

MFG Connar

nikosch · 31.01.2012, 16:06

So geht das nicht. Weder mit include noch mit einer normalen Referenzierung. Das CSS muss „alleinstehend“ sein. HML hat darin nichts zu suchen.

Connar · 31.01.2012, 16:07

Naja, wenn sein Ziel es ist, das alles einzubinden, dann schon. Er hat zwar geschrieben, dass er das CSS einbinden will, aber auch nicht, dass er ausschließlich das CSS einbinden will.

MFG Connar

svalona · 31.01.2012, 16:09

Ich möchte eigentlich die php datei so einbauen, ohne css extra auszulagern. denn lager ich die css extern aus, wird auch noch der style der index.php verändert, da die 2 css dateien kollidieren.

Connar · 31.01.2012, 16:11

Zitat:

Zitat von svalona

Ich möchte eigentlich die php datei so einbauen, ohne css extra auszulagern. denn lager ich die css extern aus, wird auch noch der style der index.php verändert, da die 2 css dateien kollidieren.

Dann lager es doch in 2 CSS-Files aus, die du je nach Bedarf einbindest.

MFG Connar

svalona · 31.01.2012, 16:14

okay ich mache ne externe css datei "style1.css"

Code:

body { display: block; display: table; padding: 0.0em; font-size: 80%; font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif; }
ul#tabs { list-style-type: none; margin: 30px 0 0 0; padding: 0px 0px 0px 0px;
 }
ul#tabs li { display: inline; }
ul#tabs li a {display: inline; color: #FFFFFF; background-color: #333399; border: 1px solid #c9c3ba; border-bottom: none; padding: 1.0em 2.0em 1.0em 1.0em; text-decoration: none;}
ul#tabs li a:hover { background-color: #FFFFFFF; }
ul#tabs li a.selected { color: #333399; background-color: #FFFFFF; font-weight: bold; padding: 1.0em 2.0em 1.0em 1.0em }
div.tabContent { height: 150px; border: 1px solid #c9c3ba; padding: 0.5em; background-color: #fffff; }
div.tabContent.hide { display: none; }

und gebe im header der index.php folgenden verweis an

Code:

<link href="style1.css" rel="stylesheet" type="text/css" />

ich wette das klappt net

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
[Erledigt] Problem mit Mehrsprachigkeit	Sniper_Kotaro	PHP Tipps 2009	2	16.12.2009 11:47
Problem beim Download Management	mistermint	PHP Tipps 2009	8	24.10.2009 11:34
Umlaut Problem	nokieone	PHP Tipps 2009	7	16.10.2009 19:30
Problem mit Basedir in PhP	cmuch05	Datenbanken	9	08.01.2009 14:17
[Erledigt] Problem: PHP Selbe Datei mehr als 1 Mal	soulan	PHP Tipps 2008	13	28.11.2008 22:51
Problem Upload mehrere Dateien und schreiben in DB	Lapje	PHP Tipps 2008	1	22.10.2008 13:12
utf8 Problem (Daten aus DB auslesen)	go1denboy	PHP Tipps 2008	1	23.09.2008 12:19
Problem mit swfobjects	R4v3r	JavaScript, Ajax und mehr	8	21.09.2008 14:17
[Erledigt] Galerie Problem...	coraplanet	PHP Tipps 2008	4	06.06.2008 13:42
Funktionen aus externer Datei includen - Problem	Darson	PHP Tipps 2008	7	18.01.2008 16:27
datensätze defekt oder problem mit dem einlesen?	Ministry	Datenbanken	4	06.07.2006 18:42
problem!!!		PHP Tipps 2006	6	08.02.2006 11:06
[Erledigt] wieder ein Problem bei phpmailer und smtp		PHP Tipps 2006	24	07.02.2006 01:07
Smarty und PHP-Skript Problem		PHP Tipps 2004-2	2	03.12.2004 22:27
Problem mit alter JavaScript-Funktion	woods	PHP Tipps 2004	1	13.08.2004 13:34

31.01.2012, 15:44
svalona Benutzer Registriert seit: 02.02.2010 Beiträge: 51 PHP-Kenntnisse: Anfänger	Includen Problem hi Leute, habe eine fertige PHP-Datei mit allen styles (CSS) geschrieben, diese möchte ich innerhalb einer anderen php-datei includen. PROBLEM: Sie wird dann nicht mehr so ausgelesen, sondern die Styles verändern sich. Warum verändern sich die Styles nach den Includen? Ich include so. <?php include("datei.php"); ?>


Mister Ad PHP Code Flüsterer Registriert seit: 21.08.2005 Beiträge: 4682 PHP-Kenntnisse: Fortgeschritten

31.01.2012, 16:03
svalona Benutzer Registriert seit: 02.02.2010 Beiträge: 51 PHP-Kenntnisse: Anfänger	danke für deine antwort, die zu includende php datei enthält aber das css, das ist nicht extern , ich poste sie mal PHP-Code: <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <meta content="text/html; charset=ISO-8859-1" http-equiv="content-type"> <title>tabber</title> <style type="text/css"> body { display: block; display: table; padding: 0.0em; font-size: 80%; font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif; } ul#tabs { list-style-type: none; margin: 30px 0 0 0; padding: 0px 0px 0px 0px; } ul#tabs li { display: inline; } ul#tabs li a {display: inline; color: #FFFFFF; background-color: #333399; border: 1px solid #c9c3ba; border-bottom: none; padding: 1.0em 2.0em 1.0em 1.0em; text-decoration: none;} ul#tabs li a:hover { background-color: #FFFFFFF; } ul#tabs li a.selected { color: #333399; background-color: #FFFFFF; font-weight: bold; padding: 1.0em 2.0em 1.0em 1.0em } div.tabContent { height: 150px; border: 1px solid #c9c3ba; padding: 0.5em; background-color: #fffff; } div.tabContent.hide { display: none; } </style> </head> <script type="text/javascript" language="JavaScript1.2"> //<![CDATA[ var tabLinks = new Array(); var contentDivs = new Array(); function init() { // Grab the tab links and content divs from the page var tabListItems = document.getElementById('tabs').childNodes; for ( var i = 0; i < tabListItems.length; i++ ) { if ( tabListItems[i].nodeName == "LI" ) { var tabLink = getFirstChildWithTagName( tabListItems[i], 'A' ); var id = getHash( tabLink.getAttribute('href') ); tabLinks[id] = tabLink; contentDivs[id] = document.getElementById( id ); } } // Assign onclick events to the tab links, and // highlight the first tab var i = 0; for ( var id in tabLinks ) { tabLinks[id].onclick = showTab; tabLinks[id].onfocus = function() { this.blur() }; if ( i == 0 ) tabLinks[id].className = 'selected'; i++; } // Hide all content divs except the first var i = 0; for ( var id in contentDivs ) { if ( i != 0 ) contentDivs[id].className = 'tabContent hide'; i++; } } function showTab() { var selectedId = getHash( this.getAttribute('href') ); // Highlight the selected tab, and dim all others. // Also show the selected content div, and hide all others. for ( var id in contentDivs ) { if ( id == selectedId ) { tabLinks[id].className = 'selected'; contentDivs[id].className = 'tabContent'; } else { tabLinks[id].className = ''; contentDivs[id].className = 'tabContent hide'; } } // Stop the browser following the link return false; } function getFirstChildWithTagName( element, tagName ) { for ( var i = 0; i < element.childNodes.length; i++ ) { if ( element.childNodes[i].nodeName == tagName ) return element.childNodes[i]; } } function getHash( url ) { var hashPos = url.lastIndexOf ( '#' ); return url.substring( hashPos + 1 ); } //]]> </script> <body onload="init()"> <ul id="tabs"> <li><a href="#about">Newsletter</a></li><li><a href="#advantages">Facebook</a></li><li><a href="#usage">Twitter</a></li> </ul> <div class="tabContent" id="about"> <div> <p><?php include("nl/form.php"); ?></p> </div> </div> <div class="tabContent" id="advantages"> <div> <p><?php include("fb.php"); ?></p> </div> </div> <div class="tabContent" id="usage"> <div> <p></p> <p><?php include("twitter.php"); ?></p> <p></p> </div> </div> </body> </html>

31.01.2012, 16:05
wolf29 Erfahrener Benutzer Registriert seit: 17.03.2010 Beiträge: 1.838 PHP-Kenntnisse: Fortgeschritten	Ähhhh....so bindest Du aber das "komplette" PHP Script ein!! Lager deinen Code zwischen den style tags in eine separate CSS Datei (meinecssdatei.css) aus und binde Sie in beiden skripten einfach ein, wie beschrieben! mfg Wolf29 __________________ while (!asleep()) sheep++; Unterschätze nie jemanden der einen Schritt zurück geht! Er könnte Anlauf nehmen.

31.01.2012, 16:05
Connar Erfahrener Benutzer Registriert seit: 22.01.2005 Beiträge: 611	Okay, dann wäre das Einbinden ja prinzipiell erstmal richtig. Aber was genau heißt "die Styles verändern sich"? Wird in der ersten PHP-Datei bereits etwas ausgegeben (z.B. HTML)? MFG Connar

31.01.2012, 16:06
nikosch moderatives Dielektrikum Registriert seit: 21.05.2008 Beiträge: 35.992 PHP-Kenntnisse: Fortgeschritten	So geht das nicht. Weder mit include noch mit einer normalen Referenzierung. Das CSS muss „alleinstehend“ sein. HML hat darin nichts zu suchen. __________________ -- One pixel is still too big. Please make it smaller. ASAP. Initiative Mittelstand. Die wichtigste Gestaltungsregel im Screendesign ist Pi mal Daumen des Arbeitgebers. --

31.01.2012, 16:07
Connar Erfahrener Benutzer Registriert seit: 22.01.2005 Beiträge: 611	Naja, wenn sein Ziel es ist, das alles einzubinden, dann schon. Er hat zwar geschrieben, dass er das CSS einbinden will, aber auch nicht, dass er ausschließlich das CSS einbinden will. MFG Connar

31.01.2012, 16:09
svalona Benutzer Registriert seit: 02.02.2010 Beiträge: 51 PHP-Kenntnisse: Anfänger	Ich möchte eigentlich die php datei so einbauen, ohne css extra auszulagern. denn lager ich die css extern aus, wird auch noch der style der index.php verändert, da die 2 css dateien kollidieren.

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen