CSS in php-Datei wird auf Webserver nicht erkannt. Aber auf XAMPP geht es?

Hi Leute!

Ich habe ein Problem bei meiner Website. Und zwar wird auf dem Localhost (XAMPP) die css (die in der PHP-Datei eingebunden ist) nicht angezeigt, sowie alle Bilder und Videos die auf der Seite zu finden sind.

Fehler oder so gibt es keine, und ich weiß nicht wie ich das fixxen kann.

Der Code von der Index zb:

<style media="screen">
body{
  margin: 0;
  padding: 0;
  background-image: url('images/Background.jpg');
  background-size: cover;
  font-family: 'Indie Flower', cursive;
}
.content{
  background: rgba(170, 176, 187, 0.6);
  width: 70%;
  height: 2897px;
  margin-left: 15%;
  margin-top: 100px;
  margin-bottom: 100px;
  padding-top: 0px;
  padding-left: 0px;
  padding-right: 0px;
}
.ueberschrift{
  text-align: center;
  font-size: 50px;
}
.text_content{
  background: rgba(249, 247, 244, 0.73);
  margin: 10px;
  padding: 10px;
}
img{
  width: 100%;
  height: 400px;
}
</style>

<?php   include('config.php');

  if(isset($_GET['p'])){     $p = htmlspecialchars($_GET['p']);   }else{     $p = "index";   }  ?> <!DOCTYPE html> <html lang="de" dir="ltr"> <head>   <link rel="stylesheet" href="style/style.css">   <meta charset="utf-8">   <title><?php echo($title); ?></title> </head> <body>   <div class="content">     <?php include('pages/header.php') ?>     <div class="text_content">       <img src="images/Mars.jpg" alt="Mars">       <h1 class="ueberschrift">Leben auf anderen Planeten?</h1>       <?php include("pages/" . $p . ".php"); ?>     </div>     <?php include('pages/footer.php') ?>   </div> </body> </html>

Falls ihr mehr Code benötigt sagt bitte bescheid.

Das wäre die Website:

http://timon.bplaced.net

Danke im voraus für eure Hilfe!

LG

Computer, Fehler, CSS, PHP, Webdevelopment, Webserver, xampp, HTML 5
3 Antworten
Mit oder ohne CMS bauen - Wordpress usw?

Hallo Community,

ich beschaeftige mich schon seit vielen Jahren Hobbymaessig mit Webdevelopment und ich habe in den vergangenen Jahren auch die eine und andere Webseite mal erstellt, online getan und wieder runter genommen vom Netz.

Egal was ich auch gebaut habe, mir fiel es immer einfacher das alles ohne irgendwelche Frameworks zu bauen, weil das einarbeiten in die Technik eines Frameworks fiel mir immer schwieriger als etwas selbst zu bauen.

Seit einigen Jahren sieht man das sich Wordpress als CMS System weit durchgesetzt hat, irgendwie jeder der eine neue Webseite haben will fraegt nach Wordpress.

Ich frage mich zur Zeit was eigentlich wirklich einfacher waere und welche Vor- und Nachteile es haette wenn ich eine Webseite baue ohne Wordpress, dafuer aber ein eigenes CMS dazu baue, wo man bestimmte Sachen wie Texte und Bilder mit veraendern kann. Ich stelle mir das irgendwie einfacher vor wenn ich selber mit PHP ein Adminbereich baue wo der Benutzer der Webseite seine Texte und Bilder der Webseite bearbeiten kann. 

Was fuer Vorteile haette ich den wenn ich mich auf das Erstellen von Webseiten mit Wordpress spezialisieren wuerde? Ich stelle mir staendig so Situationen vor wo ich dann irgendeine Kleinigkeit machen will aber nicht voran komme weil ich erst in Wordpress alles moegliche beachten muss, oder wenn man mal Fehler sucht und dann alles in Wordpress gebaut ist stelle ich mir das komplizierter vor.

Hat jemand mal aehnliche Gedanken gehabt und sich fuer irgendeine Loesung entschieden, koennt ihr mir eure Erfahrungen und Meinungen zu dem Thema sagen?

Im Moment ist meine Einstellung so das ich mir denke es waere einfacher ohne Wordpress oder einem anderen fertigen CMS System zu arbeiten und lieber alles selber zu bauen. Denkt ihr es gibt Kunden die sowas auch annehmen oder wuerde man ohne Wordpress kaum Auftraege finden?

Eigene CMS bauen 100%
Mit fertige CMS bauen 0%
Webseite, Webdevelopment
2 Antworten
Dropdown menu javscript erstellen?

Hi

Ich hab folgenden Code und weiß nicht wie ich ein Dropdown menu erstellen kann, dass mana uf den Button drückt und die von mir angegebene Navigationsleiste als block darstellt?

HTML:
<section id="MenuBtn">
   <ul>
    <li><a href="#" class="MenuButton"><img src="Bilder-Topleiste/menu-icon.png"></a></li>
   </ul>
  </section>
 <hr>
 <header>
  <h1><b><a href="">Überschrift</a></b></h1>
  <h3 id="Subtitle">Unterschrift</h3>
 </header>
 <nav class="nav" id="DDnav">
  <ul>
   <li><a href="#">Homepage</a></li>
   <li><a href="#">Künstler</a></li>
   <li><a href="#">Kaufen/Verkaufen</a></li>
   <li><a href="#">Kontakt</a></li>
   <li><a href="#">Impressum</a></li>
  </ul>
</nav>
 CSS:
#MenuBtn{
display:none;
}
nav{
 display: block;
 background-color: white;
 height: 2.5em;
 text-align: center;
}
nav ul{
 display: block;
}
nav ul li{
 display: inline;
 margin: 0em 0.188em 0em 0.188em;
}
nav ul li a{
 color: black;
 font-size: 1.25em;
 padding: 10px;
 line-height: 1.5em;
}
@media screen and (min-width: 1030) {
 nav.nav{
  display: block !important;
 }
}
@media screen and (max-width: 1030px) {
 nav{
  display:none;
  height: auto;
 }
 nav ul li{
  display: block;
  margin: 0em auto;
 }
 #MenuBtn{
  display: block;
 }
}
Computer, Website, Technik, Webseite, CSS, JavaScript, JS, Technologie, Webdesign, Webdevelopment, Webentwicklung, Spiele und Gaming
1 Antwort
Listen Elemente automatischen rutschen lassen, beim Öffnen eines Submenus in HTML & CSS3?

Hallo ich habe mir ein vertikales Menü erstellt mit einem Submenu. Wenn ich jetzt mit meiner Maus über das Submenu fahre dann öffnet es sich, aber es überdeckt dabei die anderen Elemente der Liste. Kann mir jemand einen Befehl nennen mit dem ich die Listen Elemente die unter dem Submenu sind automatisch rutschen lassen kann?

HTML:

<!DOCTYPE html>
    <html>
          <head>
            <title>Titel</title>    
            <link rel="stylesheet" type="text/css" href="css/style_nav_bar.css">
          </head>

            <body>                                <ul>                     <li><a class="aktiv" href ="nav_bar.html">Home</a></li>                                            <li class="navbar"><a href="index.html" class="dropbtn">HTML Elemente</a>                                                  <div class="dropdown-content">                                                      <a href="html/forms.html">Forms</a>                         <a href="html/IFrames.html">IFrames</a>                         <a href="html/meta_tags.html">Meta-Tags</a>                                                      </div>                         </li>                                                                   <li><a href="html/css_box_model.html">Box Model</a></li>                     <li><a href="html/css_index.html">CSS Index</a></li>                     <li><a href="html/forms.html">Forms</a></li>                     <li><a href="html/html_tut_2.html">HTML Tutorial 2</a></li>                     <li><a href="html/IFrames.html">IFrames</a></li>                     <li><a href="html/meta_tags.html">Meta Tags</a></li>                     <li><a href="html/svg_grafiken.html">SVG Grafiken</a></li>                 </ul>                              <div id="div1">                 <h1>Überschrift</h1>                 <p> Lorem ipsum dolor sit amet...</p>             </div>

            </body>

    </html>

CSS:

body{
    margin: 0px;
}

ul {     list-style-type: none;     margin: 0;     padding: 0;     width: 20%;     background-color: #bbb;     position: fixed;     height: 100%;     overflow: auto; }

li a{     display: block;     color: black;     padding: 10px 0 10px 15px;     text-decoration: none; }

li a.aktiv{     background-color:seagreen; }

li a:hover:not(.aktiv){     background-color: forestgreen;     color: white; }

li.navbar {     display: block; }

.dropdown-content{     display: none;     position: absolute;     background-color: #ccc;     min-width: 160px;     z-index: 1; }

.dropdown-content a{     border: 1px;     color: black;     padding: 12px 16px;     text-decoration: none;     display: block; }

.dropdown-content a:hover {     background-color: forestgreen; }

.navbar:hover .dropdown-content{     display: block;     text-align: left; }

div1 {

    margin-left: 25%;
    padding: 1px 15px;
    height:100
}

Computer, Website, Technik, HTML, Programmieren, CSS, Informatik, Webdevelopment
1 Antwort
Abspeichern in MySQL klappt nicht?

Hi, hat wer ne Idee warum das nicht klappt?

<?php
	if($_POST['groupname']) {
		$title = $_POST['groupname'];
		$description = $_POST['description'];
		$invite = $_POST['invitelink'];
		$category = $_POST['category'];
		$age = $_POST['age'];
		$date = date('Y');
    $statement = $db-&gt;prepare("INSERT INTO `group` (title, description, invite, category, date) VALUES (?, ?, ?, ?, ?, NOW())");
    $statement->bind_param('sssss', $title, $description, $invite, $category, $date); //Das ist Linie 11
        if ($statement->execute()) {
            echo "<h1>gespeichert</h1>";
        }
	} else {
		echo 'Hat nicht geklappt!!!!';
	}

Errorcode: Error 500 POST /new HTTP/1.0

AH01071: Got error 'PHP message: PHP Fatal error: Uncaught Error: Call to a member function bind_param() on boolean in /var/www/vhosts/example.com/example.com/include/plugins/group/newgroup.inc.php:11\nStack trace:\n#0 /var/www/vhosts/example.com/example.com/website/new.php(7): require()\n#1 {main}\n thrown in /var/www/vhosts/example.com/example.com/include/plugins/group/newgroup.inc.php on line 11\n', referer: example.com/new

Also:

Das Script soll Daten in diese Datenbank abspeichern:

`id` bigint unsigned NOT NULL AUTO_INCREMENT,
`title` varchar(255) COLLATE utf8_unicode_ci DEFAULT NULL,
`description` text COLLATE utf8_unicode_ci DEFAULT NULL,
`invite` varchar(255) COLLATE utf8_unicode_ci DEFAULT NULL,
`category` varchar(255) COLLATE utf8_unicode_ci DEFAULT NULL,
`age` int,
`date` varchar(255) COLLATE utf8_unicode_ci DEFAULT NULL,
`join` int COLLATE utf8_unicode_ci DEFAULT NULL,
`joindate` varchar(255) COLLATE utf8_unicode_ci DEFAULT NULL,
`vote` int,
PRIMARY KEY (`id`), UNIQUE (`id`)

Ich hoffe ihr könnt mir helfen

MfG

Motfrager

Server, Website, sql, Webseite, Programmieren, MySQL, PHP, Webdevelopment, Error Code
4 Antworten
Dünne Linie zwischen Divs im Mobile Modus?

Ich versuche gerade meine Webseite zu designen, und wenn ich sie auf dem Handy anschaue oder im Browser in den Mobile Modus wechsle (Rechtsklick, Untersuchen, oben links im neuen fenster auf Toggle Device) sehe ich zwischen zwei Divs eine dünne dunkle Linie, und ich weis nicht weshalb.

Ich möchte dass man sie nicht sieht, weis jemand weshalb die dort ist?

Der Code ist öffentlich auf meinem Server (Falls jemand das in 2019 liest, gehört die Domain nicht mehr mir!)

https://xhascox.com/

Screenshots:

hier noch der etwas gekürzte Code: (max 3000 zeichen wird leider kanpp)

CSS:

html, body, div, span, applet, object,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, sub, sup, tt, var,
b, u, i, center, footer, header {
	margin: 0;
	padding: 0;
	border: 0;
	border-color: transparent;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
html, body {
    max-width: 100%;
    overflow-x: hidden;
	background-color: var(--background-color);
}
body {
	padding: 0;
	margin: 0;
}
h1 {
	margin: 0;
}
#center {
	margin-left: auto;
	margin-right: auto;
	max-width: var(--max-width-center);
	min-width:var(--min-width-center);
	width: var(--width-center);
	background-color: var(--background-color);
	overflow: hidden;
}
.main {
	padding: 20% 5% 20% 5%;
	height: 128px;
}
#main1 {
	min-width: var(--min-width-center);
	max-width: var(--max-width-center);
	background-color:var(--color-center-1);
	color: var(--font-color-h1);
}

main2 {

min-width: var(--min-width-center);
max-width: var(--max-width-center);
background-color: var(--color-center-2);
color: var(--font-color-h1);

}
#main3 {
	min-width: var(--min-width-center);
	max-width: var(--max-width-center);
	background-color: var(--color-center-3);
	color: var(--font-color-h1);
}

HTML:

<meta name="viewport" content="initial-scale=1, maximum-scale=1">
</head>
<body>
	<div id="widthdiv">
	</div>
		<div id="bar_side_left">
		</div>
		<div id="bar_tri">
		</div>
		<div id="bar">
		Main
		</div>
		<div id="center">
				<div class = "main" id="main3">
				<div id="main_text">
				<h1>
				XHASCOX 3
				</h1>
				</div>
			</div>	
			<div class = "main" id="main2">
				<div id="main_text">
				<h1>
				XHASCOX 2
				</h1>
				<p>
				- Python<br>
				</p>
				</div>
			</div>	
			<div class = "main" id="main1">
				<div id="main_text">
				<h1>
				XHASCOX 1
				</h1>
				</div>
			</div>
				<div class = "main" id="main4">
				<div id="main_text">
				<h1>
				XHASCOX 4
				</h1>
				</div>
			</div>				
    	</div>
</body> 

habe nur noch nichts im Internet gefunden. Vorallem, weil es nur im mobilen Modus auftaucht.

Website, Web, HTML, Webseite, Programmieren, CSS, HTML Code, Webdesign, Webdevelopment
2 Antworten
Wie mit PHP JpGraph ein Kreisdiagramm dynamisch anzeigen?

Hallo,

ich würde gerne ein Kreisdiagramm aus den Daten aus meiner Datenbank erzeugen.
Dafür verwende ich JpGraph, allerdings werden die Variablen mit den Daten nicht übergeben.

Ich verwende zwei Scripte.

  • index.php - entält den HTML-Code & zeigt das Diagramm an
  • graph.php - erzeugt das Diagramm

Auschnitt index.php

<?php
session_start();
$result = $mysqli->query("SELECT * FROM tabelle");
                
if($result->num_rows != 0) {
     while($rows = mysqli_fetch_assoc($result)) {
          $username = $rows['username'];
                        
          $angenommen = $rows['angenommen']; //enthält 3
          $abgelehnt = $rows['abgelehnt']; //entält 1
                        
          $_SESSION['$test'] = $abgelehnt;
          $_SESSION['$test2'] = $angenommen;        
     }
}
?>

Versuche ich nun, die Daten der Session an das Script graph.php zu übergeben, erhalte ich die Fehlermeldung, der Inhalt des Arrays würde null ergeben. Die Variablen werden demnach nicht übergeben.

<?php
session_start();
// content="text/plain; charset=utf-8"
require_once ('src/jpgraph.php');
require_once ('src/jpgraph_pie.php');

//Start modifizierter Teil

//variablen aus der Session
$test = 2;
$test2 = 3;

//Ende modifizierter Teil

// Some data
$data = array($test,$test2);

// Create the Pie Graph. 
$graph = new PieGraph(450,350);

$theme_class="DefaultTheme";
//$graph->SetTheme(new $theme_class());

// Set A title for the plot
$graph->title->Set("");
$graph->SetBox(true);

// Create
$p1 = new PiePlot($data);
$graph->Add($p1);

$p1->ShowBorder();
$p1->SetColor('black');
$p1->SetSliceColors(array('#129c17','#d2d2d2'));
$graph->Stroke();
?> 

Wie bekomme ich es hin, dass die Variablen richtig übergeben werden?

Vielen Dank & liebe Grüße

Aus rechtlichen Gründen:
Quelle des zweiten Scripts: Asial Corporation, jpgraph.net [Stand 08.05.2017] http://jpgraph.net

Programmieren, Grafik, Diagramm, Programmierung, PHP, Webdevelopment, Graphen
1 Antwort

Meistgelesene Fragen zum Thema Webdevelopment