Beiträge von JR Cologne

JR Cologne

Jep, das meinte ich...

JR Cologne

Ich hab's. So ist es richtig:

PHP

if (strpos($file['mime'], 'image') !== FALSE) {//if file mime-type contains word 'image' (image/png image/jpg ...) add it to images
              $images[] = $file;
}

Die beiden Parameter waren einfach nur vertauscht.

Vielen Dank für deine Hilfe. Hast mir sehr geholfen.

JR Cologne

Lol, genau das habe ich gerade gemacht. Siehe Edit.

Edit:
Es scheitert aus irgendeinem Grund gerade an diesem Block:

PHP

if (strpos('image', $file['mime']) !== FALSE) {//if file mime-type contains word 'image' (image/png image/jpg ...) add it to images
              $images[] = $file;
              echo 'test';
}

JR Cologne

Oh, mann. Sry, aber das funktioniert auch nicht.

Code

Fatal error: Call to undefined function finfo_open() in C:\xampp\htdocs\php\Projekte\Bildergalerie\bildergalerie.php on line 15

Edit: Jo, das Englisch ist nicht das Problem.

Edit 2: Die Fehlermeldung mit der undefinierten Funktion ist schon mal weg. Der Grund dafür war, dass die fileinfo.dll in der php.ini nicht aktiviert war.

JR Cologne

Zitat von wolf

Du brauchst kein opendir und closedir!!!!
außerdem gewöhne dir lieber ab nach jeder Zeile eine leehrzeile zu schreiben, das macht das lesen schwieriger. Leerzeilen nur um bereiche im code von einander zu trennen!

Achso, ok. Das ist ja praktisch.

Die Leerzeilen mache ich immer, weil ich finde, dass das sonst irgendwie, wie zusammengeklatscht aussieht. Aber gut, ich werde mich wohl dran gewöhnen.

Zitat von wolf

mit str_replace( search, replacement, subject) versuche ich im Dateinamen ein ./ durch nichts zu ersetzten, wenn dies funktioniert hast du einen link erwischt (das ../ und ./), also kannst du den Eintrag verwerfen..

Zitat von wolf

Verbesserung:
nutze preg_match

Alles klar. Probiere den Code sofort aus. Vielen Dank für deine Mühen!

Edit: Habe den Code genau so übernommen und bekomme folgende Fehlermeldung:

Code

Fatal error: Call to undefined function mime_content_type() in C:\xampp\htdocs\php\Projekte\Bildergalerie\bildergalerie.php on line 25

JR Cologne

Super, vielen Dank. Das funktioniert eigentlich schon mal ganz gut.

Mein Code sieht jetzt so aus:

PHP

<html>




<head>
	<title>Bildergalerie</title>
</head>




<body>




	<?php




		$dir = 'bilder';




		if (is_dir($dir)) {




			if ( $handle = opendir($dir) ) {




				$dir_content = scandir($dir);




				foreach ($dir_content as $file) {




					if ( !str_replace(['./'], '', $file) ) {




						echo $file . ' ( ' . filetype($dir . $file) . ' )<br>';

					}

				}




			}




			closedir($handle);




		}




		echo '<pre>';
		print_r($dir_content);
		echo '</pre>';




	?>




</body>




</html>

Alles anzeigen

Jetzt wird auf jeden Fall schon mal das Array durch print_r() ausgegeben, aber dieser Teil scheint noch nicht so zu funktionieren:

PHP

foreach ($dir_content as $file) {




					if ( !str_replace(['./'], '', $file) ) {




						echo $file . ' ( ' . filetype($dir . $file) . ' )<br>';

					}

}

Alles anzeigen

Außerdem verstehe ich noch nicht ganz, was der Teil bewirken soll, außer dass der Filename und der Filetype ausgegeben wird. Was macht dieses str_replace() genau und warum wird es nicht ausgegeben? Bzgl. str_replace() habe ich schon bei php.net nachgeschaut, aber irgendwie hat das nicht sonderlich viel geholfen. Wäre super, wenn du mir das kurz erläutern könntest.

JR Cologne

Hallo zusammen,

ich sitze gerade daran, eine Bildergalerie zu erstellen. Leider funktioniert das Ganze nicht so, wie ich mir das vorgestellt habe.

Genauer gesagt bin ich noch beim ersten Schritt. Nämlich dem, wo das Verzeichnis ausgelesen wird und anschließend in einem Array gespeichert wird.

Der Code sieht aktuell so aus:

PHP

<html>




<head>
	<title>Bildergalerie</title>
</head>




<body>




	<?php




		$verzeichnis = 'bilder';




		if (is_dir($verzeichnis)) {




			if ( $handle = opendir($verzeichnis) ) {




				echo '<ul>';




				while ( ($file = readdir($handle)) !== false ) {




					echo '<li>filename: ' . $file . '</li>';
					echo '<li>filetype: ' . filetype($file) . '</li>';
					echo "<hr>\n";

					if ( filetype($file) == 'file' && substr($file, -4) == '.jpg' ) {




						$bilder[] = $file;




					}




				}




				echo '</ul>';




				closedir($handle);




			}




		}




		echo '<pre>';
		print_r($bilder);
		echo '</pre>';




	?>




</body>




</html>

Alles anzeigen

Folgende Probleme gibt es:

1. Das Verzeichnis bzw. die einzelnen Dateien/Bilder des Verzeichnisses sollen ja ausgegeben werden. Das passiert eigentlich auch, aber die ersten zwei Schleifendurchläufe spuckt PHP zwei Verzeichnissen aus. Das eine mit dem Namen '.' und das andere mit '..', obwohl diese gar nicht existieren.

2. Der Filename der Bilder wird richtig ausgegeben, jedoch der Filetype nicht. Da bekomme ich nämlich immer folgende Fehlermeldung:

Code

Warning: filetype(): Lstat failed for 10-3-nordirland-magheracross.jpg in C:\xampp\htdocs\php\Projekte\Bildergalerie\bildergalerie.php on line 22

Beim Filetype steht dann einfach gar nichts. Dazu muss man sagen, dass der mit der selben Fehlermeldung natürlich auch in Zeile 25 meckert, weil ich dort wiederum auf den Filetype zugreife.

Aus irgendeinem Grund kann der den Filetype also nicht bestimmen o.ä.

3. Ich kann auf den Array $bilder außerhalb der while-Schleife nicht zugreifen bzw. er kennt sie nicht. Dementsprechend die Notiz:

Code

Notice:  Undefined variable: bilder in C:\xampp\htdocs\php\Projekte\Bildergalerie\bildergalerie.php on line 42

Ich hoffe, jemand kann mir helfen. Das Ganze bezieht sich, wie ihr vielleicht schon gemerkt habt, auf diese Aufgabe: http://www.php-kurs.com/beispiel-bildergalerie-erstellen.htm

Vielen Dank schon mal!

Gruß
JR Cologne

JR Cologne

1. Ist der Pfad richtig angegeben?

2. Ich bin mir nicht sicher, ob es möglich ist, ein Bild innerhalb eines list-item zu platzieren.
Versuche doch mal das Bild einfach so anzeigen zu lassen. Also außerhalb einer Liste. Wenn das dann klappt, liegt es an der Platzierung in der Liste, wenn nicht, habe ich keine Ahnung, woran es liegen könnte, außer dass der Pfad nicht richtig ist.

JR Cologne

Um PHP ausführen zu können, muss auf dem Webserver, wo die Website liegt, PHP installiert sein.

Für den Versand von E-Mails brauchst du zusätzlich noch einen Mailserver, was eigentlich aber jeder Server auch installiert hat, soweit ich weiß.

Rein theoretisch kannst du also den ganzen PHP-Code einfach schreiben, ohne auf deinem PC, wo du entwickelst, einen Webserver inkl. PHP installiert zu haben. Allerdings wirst du schnell merken, dass es deutlich einfacher ist, sich einen lokalen Webserver anzuschaffen, sprich z.B. xaamp auf dem PC zu installieren.

JR Cologne

Zitat von DanyC

Fehler 1. der Text vergrößert beim scrollen (lässt sich mit resize: none beheben soweit ich versucht habe).
Fehler 2. bei Monitoren mit einer anderen Größe drückt es arg das Layout zsm kann man das irgendwie ändern?

1. Beim scrollen? Du meinst sicher das Zoomen, aber wo ist da dann der Fehler? Es ist doch gut, wenn der Benutzer die Schriftgröße/die Größe der Website beeinflussen kann.

2. Stichwort: Responsive Webdesign

Und noch etwas: Bitte nutze moderne Techniken, um die Elemente auf deiner Seite anzuordnen. Die absolute Positionierung wird nur eingesetzt, wenn man auch wirklich möchte, dass Elemente außerhalb des normalen Flusses sind, wie z.B. bei Überlappungen mit anderen Elementen oder bei Untermenüs bei einem Dropdown-Menü.

JR Cologne

Danke erstmal. Ich werd's mir mal anschauen.

Edit: So, gleich mal die erste Frage. Anscheinend machst du das Ganze ja mit einer anderen Technik. Und zwar irgendwie mit einem Label-Element und einer Checkbox. So wirklich verstanden habe ich es noch nicht, muss ich gleich nochmal schauen, aber erstmal die Frage:

Hat diese Vorgehensweise irgendwelche Vorteile zu der von mir, die bisher noch nicht funktioniert?

Oder ist es einfach nur Geschmackssache, welche Variante man nimmt?

Edit 2: Habe es jetzt geschafft, dass sich das Menu ausklappt. Das einzige Problem ist noch, dass es sich nicht einklappt, wenn man auf den menu-button klickt.

Edit 3: Jetzt funktionierts einwandfrei.

Waren echt blöde Fehler...

JR Cologne

Nabend zusammen,

ich bin mal wieder am verzweifeln. Diesmal geht es um eine responsive Navigation, die nicht so richtig will.

Folgendes Problem:

Bei der Desktop-Darstellung passt soweit alles, allerdings scheitere ich an der mobilen Version. Und zwar soll es ab 550px in der Breite ein Toggle Menu sein.

Zwei Dinge funktionieren noch nicht:

1. Beide Buttons, also der fürs Einklappen und der fürs Aufklappen, sind noch untereinander sichtbar. Ich habe schon versucht diese mit position: relative für die Navbar und position: absolute mit top: 0 und left: 0 für die menu-buttons übereinander zu legen, aber dann verschwanden sie irgendwie komplett. Sie waren einfach nicht mehr da.

2. Wenn ich versuche, das Menu mit den Buttons auf und zu, zuklappen, passiert nichts. Lediglich der menu-button zum Aufklappen wird nicht mehr angezeigt, was auch richtig ist.

Es würde mich sehr freuen, wenn jemand da mal drüber gucken würde. Den Code und den aktuellen Stand findet ihr hier: http://codepen.io/jr-cologne/pen/dGYGvd/

Vielen Dank schon mal!

Gruß
JR Cologne

JR Cologne

Ich habe zwar überhaupt keine Ahnung, was du erreichen möchtest, aber warum erstellst du nicht einfach eine neue Klasse für diese Bilder und positionierst diese unter den anderen Angaben im Code?

Ansonsten wäre eventuell der HTML-Code hilfreich.

JR Cologne

Frohes Neues!

Sorry, aber ohne den HTML-Code ist es nur durch raten lösbar.

Entweder du postest ihn oder du sagst uns wenigstens welche IDs und Klassen die Elemente, die du verändern möchtest, haben.

JR Cologne

Der HTML-Code wäre auch noch ganz nett.

Außerdem verstehe ich nicht ganz, was du möchtest. Geht es nur darum, dass die Abstände zum Rand gleich sein sollen? Oder möchtest du die linke Box z.B. nach rechts an den Rand mit diesem Abstand verschieben?

Weil ehrlich gesagt sieht das auf den ersten Blick schon so aus, als hätten die die gleichen Abstände.

JR Cologne

Alles klar. Das habe ich mir fast schon gedacht.

Vielen Dank.

JR Cologne

Nabend zusammen,

Bei mir ist in letzter Zeit eine Frage aufgetaucht. Und zwar gibt es, soweit ich das verstehe, zwei Arten, wie man die Breakpoints bei einem responsiven Design setzen kann.

1. Man setzt sie so, dass sie an den verschiedenen Gerätegrößen orientiert sind. Also z.B. pickt man sich von jedem Gerätetyp (Smartphone, Tablet, PC) die 10 Auflösungen raus, die am meisten verbreitet sind, und optimiert die Website darauf.

2. Man setzt die Breakpoints nur an den Stellen, wo der Content nicht mehr gut dargestellt wird. Also z.B., wenn die Zeilen des Textes zu kurz werden.

So, meine Frage ist jetzt, welche Art davon die aktuellere/bessere usw. ist.

Außerdem würde es mich interessieren, ob eine Mischung eventuell nicht sogar noch besser wäre.

Also z.B. die 5 verbreitetsten Auflösungen optimieren und zusätzlich noch schauen, wo der Content-Probleme macht.

Vielen Dank schon mal für eure Ratschläge.

Gruß
JR Cologne

JR Cologne

Ok, das hört sich plausibel an. Ich vertraue dir da also einfach mal.

Aber gute Idee mit dem Test. Vielleicht mache ich das wirklich mal.

JR Cologne

Wünsche euch allen frohe Weihnachten und schöne Feiertage!

PS: Hoffe, das ist der richtige Bereich. Ansonsten bitte verschieben.

JR Cologne

Deine HTML und CSS Kenntnisse scheinen noch zu gering zu sein. Versuche doch bitte erstmal die Grundlagen vernünftig zu verstehen.

So, nochmal zu den Bildern:

Du bindest normale Bilder über CSS ein. Das ist falsch!
Mit CSS (background-image) macht es nur Sinn, wenn du z.B. deinem Header ein Hintergrundbild hinzufügen willst.

In deinem Fall solltest du folgendes verwenden:

HTML

<img src="bild.jpg">

Wenn du das Ganze dann noch verlinken willst, muss es so aussehen:

HTML

<a href="verlinkte_seite.html">
<img src="bild.jpg">
</a>

Beiträge von JR Cologne

Probleme bei der Erstellung einer Bildergalerie

Probleme bei der Erstellung einer Bildergalerie

Probleme bei der Erstellung einer Bildergalerie

Probleme bei der Erstellung einer Bildergalerie

Probleme bei der Erstellung einer Bildergalerie

Probleme bei der Erstellung einer Bildergalerie

Probleme bei der Erstellung einer Bildergalerie

kein Tooltip zu sehen

Problem beim Versandt von Formulardaten and eine E-Mail-Adresse

Website feste (Absolute) Größe Problem mit Schrift und Anpassung

Responsive Navigation - Toggle Menu

Responsive Navigation - Toggle Menu

Grid aus Bilder erstellen. CSS Einstellungen greifen nicht !?

Content Bereich verschieben.

Content Bereich verschieben.

Wie Breakpoints setzen?

Wie Breakpoints setzen?

Main-Content steht über und schiebt sich unter die Sidebars

Frohe Weihnachten

Css Browserunterstützung