Ich habe dieses Design nachgebaut und auf meine Bedürfnisse umgebaut bzw. bin noch dabei.
Jetzt ist es so dass bei der Pferdesteckbriefseite html-seminar.de/woltlab/attachment/1658/der php Code das Design zerstört.
PHP
Code Steckbrief:
<!DOCTYPE html>
<html lang="de">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Blue Lacy Ranch</title>
<meta name="description" content="">
<link href="design.css" rel="stylesheet">
<!--[if IE]>
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<script type="text/javascript">
function iframeLoaded() {
var iFrameID = document.getElementById('idIframe');
if(iFrameID) {
iFrameID.height = "";
iFrameID.height = iFrameID.contentWindow.document.body.scrollHeight + "px";
}
}
</script>
<link rel="stylesheet" type="text/css" href="slicknav/slicknav.min.css">
</head>
<body>
<header>
<p id="logotext"> </p>
</header>
<div id="wrapper">
<nav id="steuerungoben">
<ul>
<li><a href="index.html">Startseite</a></li>
<li><a href="ueberep.html">Ueber EP</a></li>
<li><a href="farben.html" >Farbgene</a></li>
</ul>
</nav>
<nav id="steuerunglinks">
<ul>
<li><a href="pinto/news.html">News</a>
<ul>
<li><a href="aqh.html">A. Quarter Horse</a></li>
<li><a href="aph.html">A. Paint Horse</a></li>
<li><a href="pinto.html">Pintaloosa</a></li>
</ul>
</li>
<li><a href="impressum.html">Impressum</a> </li>
<li><a href="bildnachweis.html">Bildnachweis</a></li>
<li><a href="datenschutz.html">Datenschutz</a></li>
</ul>
</nav>
<article>
<?php
//Stuten
// Verbindung zur Datenbank
include("mysql.php");
error_reporting(E_ALL);
// Hiermit wird der Wert geholt, der über die URL übergeben wurde. Dieser wird nun für die Abfrage genutzt.
// Somit werden nur genau die Daten abgefragt, die diese id haben
$id = $_GET[ 'id' ];
$Ergebnis = mysql_query( "SELECT * FROM aphhengste where id='$id'" );
if (@mysql_num_rows($Ergebnis) == 0) {
$Anzeige = "Dieses Pferd existiert nicht!";
}
else {
$Data = mysql_fetch_array( $Ergebnis );
//Anzeige der Links (Wenn du den Chara auf mehrere Seiten verteilst
// Hier die Angabe der Daten vom Pferd. Es kann wieder HTML verwendet werden ganz normal eben (; Nur an der Stelle wo die Daten sein sollen schreibt ihr $Data[Spaltenname] hin
echo "
<h2><b>Abstammung von $Data[name]</b></h2><br><br>
<p>
<table align=\"center\">
<tr> <td><img src=\"$Data[bild]\" /> </td> </tr>
</table>
<table border=\"1\" align=\"center\">
<tr>
<style>
.male {
background-color: #0CA0F5;
color: #000000;
font-family: Arial;
font-family: 8pt;
text-align: center;
vertical-align: middle;
border-collapse: collapse;
border: 1px solid #000000;
}
.female {
background-color: #EDD3DE;
color: #000000;
font-family: Arial;
font-family: 8pt;
text-align: center;
vertical-align: middle;
border-collapse: collapse;
border: 1px solid #000000;
}
</style>
<table border=\"0\" cellpadding=\"0\" width=\'95%\'>
<tr><td>
<table style=\"border: 1px solid #000000; border-collapse: collapse;\" border=\"1\" cellpadding=\"0\" cellspacing=\"0\" width=\"100%\">
<tr>
<td rowspan=\"8\" width=\"25%\" class=\"female\">$Data[name]<br>$Data[gebd]</td>
<td rowspan=\"4\" width=\"25%\" class=\"male\">$Data[vater]</td>
<td rowspan=\"2\" width=\"25%\" class=\"male\"> $Data[vatervater]</td>
<td rowspan=\"1\" width=\"25%\" class=\"male\">$Data[urgrossvaterv]</td>
</tr><tr>
<td rowspan=\"1\" width=\"25%\" class=\"female\">$Data[urgrossmutterv]</td>
</tr><tr>
<td rowspan=\"2\" width=\"25%\ZTR&\" class=\"female\">$Data[uromav]</td>
<td rowspan=\"1\" width=\"25%\" class=\"male\">$Data[uropav]</td>
</tr><tr>
<td rowspan=\"1\" width=\"25%\" class=\"female\">$Data[uromav]</td>
</tr><tr>
<td rowspan=\"4\" width=\"25%\" class=\"female\">$Data[mutter]</td>
<td rowspan=\"2\" width=\"25%\" class=\"male\">$Data[muttervater]</td>
<td rowspan=\"1\" width=\"25%\" class=\"male\">$Data[urgrossvaterm]</td>
</tr><tr>
<td rowspan=\"1\" width=\"25%\" class=\"female\">$Data[urgrossmutterm]</td>
</tr><tr>
<td rowspan=\"2\" width=\"25%\" class=\"female\">$Data[muttermutter]</td>
<td rowspan=\"1\" width=\"25%\" class=\"male\">$Data[uropam]</td>
</tr><tr>
<td rowspan=\"1\" width=\"25%\" class=\"female\">$Data[uromam]</td>
</tr><tr>
</table>
<br>
<a href=\"aphh.php\"><b>Zurück zur Hengstübersicht</b></a>
";
}
?>
</article>
<aside>
<p>Bildersammlung:</p>
<p>
<img src="bilder/uebersicht.jpg"
width="155" height="112"
alt="zwei Pferde" title="zwei Pferde" >
<img src="bilder/aqh.jpg"
width="155" height="112"
alt="Quaterhorse Grafik"
title="Quaterhorse Grafik" >
<img src="bilder/aph.jpg"
width="150" height="106"
alt="Painthorse"
title="Painthorse" >
</p>
</aside>
<footer>
<p>© 2018
<a href="http://bluelacyranch.square7.ch">http://bluelacyranch.square7.ch</a> Design: <a href="http://www.fennek.mobi/">www.fennek.mobi</a></p>
</footer>
</div>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<script src="slicknav/jquery.slicknav.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$('#steuerunglinks').slicknav({
allowParentLinks: true,
label: "MENÜ"
}
);
});
</script>
</body>
</html>
Alles anzeigen
Während bei der Übersichtsseite, wo alle in der DB gespeicherten Pferde dargestellt werden, das Design so wie gewünscht dargestellt wird.
PHP
Code Übersicht: <article>
<?php
// Verbindung zur Datenbank
include("mysql.php");
error_reporting(E_ALL);
// Hier die Abfrage übersetzt: RUFE * (alle Spalten) VON der Tabelle Pferd auf WO in der Spalte Besitzer nichts steht.
$Ergebnis = mysql_query("SELECT * FROM aphhengste WHERE Besitzer = ''");
// Wenn das Ergebnis 0 ist gib aus
if (@mysql_num_rows($Ergebnis) == 0) {
echo " Zur Zeit keine Hengste!";
}
else {
}
// Sonst zeige an ..
while($Data = mysql_fetch_array($Ergebnis)) {
// Der Name wird ausgegeben .. die HTML Elemente sind frei anpassbar- Vor " muss aber immer ein \.
// Der Steckbriefname lautet Pferd. Diesem wird jetzt die ID des Pferdes angehängt, damit die Datei nachher weiß, welche Daten sie abfragen
muss.
// Ihr könnt die ganzen anderen Infos auch angeben .. sprich $Data[Jahrgang] oder $Data[Geschlecht]
echo "<table border=\"0\" align=\"center\">
<tr>
<td align=\"center\">$Data[name]<br><br></td>
</tr>
<tr>
<td align=\"center\"><img src=\"$Data[bildkl]\"></td>
</tr>
<tr>
<td align=\"center\"><a href=\"aphh.php?id=$Data[ID]\"><b>zum Pedigree von $Data[name]</b></a></td>
</tr>
</table><br>";
}
?>
</article>
<aside>
<p>Bildersammlung:</p>
<p>
<img src="bilder/uebersicht.jpg"
width="155" height="112"
alt="zwei Pferde" title="zwei Pferde" >
<img src="bilder/aqh.jpg"
width="154" height="112"
alt="Quaterhorse Grafik"
title="Quaterhorse Grafik" >
<img src="bilder/aph.jpg"
width="154" height="112"
alt="Painthorse"
title="Painthorse" >
</p>
</aside>
Alles anzeigen
Kompletter Quellcode html-seminar.de/woltlab/attachment/1659/
Ich bin ratlos, habe schon mehrfach den Code in eine neue Seite kopiert, sobald der php code hinzukommt wars das mit dem Design.
Die betreffenden Seiten wurden mit Windows 7 im Opera 54 und Firefox 59 getestet.
Hat vielleicht jemand eine Idee?