[Erledigt] Mehere divs mittig positionieren - Seite 2

Cholec · 15.12.2011, 23:33

Hey, ja das is schon genau das was ich meine, nur jetzt nicht mit mittig positionierten img tags sonderns divs in denen jeweils bild+beschreibung drin ist.

Ich hatte meine Quellcode nicht gezeigt, da es etwas unübersichtlich is aber vielleicht habt ihr trotzdem spaß dran^^

PHP-Code:

 
<html>

<head>

    <!-- Stylesheet Information -->

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

 
    <?php

    if (isset($_GET["genus"])) {

        $currentGenus = $_GET["genus"];

    }

    if (isset($_GET["bird"])) {

        $currentBird = $_GET["bird"];

    }

    

    $completeName = $currentGenus.' '.$currentBird;

 
    //Auf Datenbank zugreifen

  

    

    //Auslesen der Daten des Vogels aus der Datenbank

    $germanName =         mysql_query("SELECT DEUTSCHER_NAME FROM VOGELART where LATEINISCHER_NAME LIKE '$currentBird'") or die("Anfrage nicht erfolgreich");

    $longestPrimary =     mysql_query("SELECT LANGSTE_HANDSCHWINGE FROM VOGELART where LATEINISCHER_NAME LIKE '$currentBird' AND LATEINISCHER_GATTUNGSNAME LIKE '$currentGenus'") or die("Anfrage nicht erfolgreich");

    $longestSecondary = mysql_query("SELECT LANGSTE_ARMSCHWINGE FROM VOGELART where LATEINISCHER_NAME LIKE '$currentBird' AND LATEINISCHER_GATTUNGSNAME LIKE '$currentGenus'") or die("Anfrage nicht erfolgreich");

    $longestTail =         mysql_query("SELECT LANGSTE_STEUERFEDER FROM VOGELART where LATEINISCHER_NAME LIKE '$currentBird' AND LATEINISCHER_GATTUNGSNAME LIKE '$currentGenus'") or die("Anfrage nicht erfolgreich");

    $description =         mysql_query("SELECT BESCHREIBUNG FROM VOGELART where LATEINISCHER_NAME LIKE '$currentBird' AND LATEINISCHER_GATTUNGSNAME LIKE '$currentGenus'") or die("Anfrage nicht erfolgreich");

    $birdHeight =         mysql_query("SELECT KORPERGROSSE FROM VOGELART where LATEINISCHER_NAME LIKE '$currentBird' AND LATEINISCHER_GATTUNGSNAME LIKE '$currentGenus'") or die("Anfrage nicht erfolgreich"); 

    $birdSpan =         mysql_query("SELECT SPANNWEITE FROM VOGELART where LATEINISCHER_NAME LIKE '$currentBird' AND LATEINISCHER_GATTUNGSNAME LIKE '$currentGenus'") or die("Anfrage nicht erfolgreich"); 

    $birdOccur =         mysql_query("SELECT VORKOMMEN_UND_VERBREITUNG FROM VOGELART where LATEINISCHER_NAME LIKE '$currentBird' AND LATEINISCHER_GATTUNGSNAME LIKE '$currentGenus'") or die("Anfrage nicht erfolgreich"); 

    $birdID =            mysql_query("SELECT VOGELID FROM VOGELART where LATEINISCHER_NAME LIKE '$currentBird' AND LATEINISCHER_GATTUNGSNAME LIKE '$currentGenus'") or die("Anfrage nicht erfolgreich"); 

    $birdID = mysql_result($birdID,0);

    

    //Auslesen der Systematik des Vogels aus der Datenbank

    $germanGenus = mysql_query("SELECT DEUTSCHER_GATTUNGSNAME FROM GATTUNG where LATEINISCHER_GATTUNGSNAME LIKE '$currentGenus'")or die("Anfrage nicht erfolgreich");

    $currentFamily = mysql_query("SELECT LATEINISCHER_FAMILIENNAME FROM GATTUNG where LATEINISCHER_GATTUNGSNAME LIKE '$currentGenus'") or die("Anfrage nicht erfolgreich");

        $currentFamily = mysql_result($currentFamily,0);

    $currentOrder = mysql_query("SELECT LATEINISCHER_ORDNUNGSNAME FROM FAMILIE where LATEINISCHER_FAMILIENNAME LIKE '$currentFamily'") or die("Anfrage nicht erfolgreich");

        $currentOrder = mysql_result($currentOrder,0);

    $germanFamily = mysql_query("SELECT DEUTSCHER_FAMILIENNAME FROM FAMILIE where LATEINISCHER_FAMILIENNAME LIKE '$currentFamily'") or die("Anfrage nicht erfolgreich");

    $germanOrder = mysql_query("SELECT DEUTSCHER_ORDNUNGSNAME FROM ORDNUNG where LATEINISCHER_ORDNUNGSNAME LIKE '$currentOrder'") or die("Anfrage nicht erfolgreich");

    $englishName = mysql_query("SELECT ENGLISCHER_NAME FROM VOGELART where LATEINISCHER_NAME LIKE '$currentBird' AND LATEINISCHER_GATTUNGSNAME LIKE '$currentGenus'") or die("Anfrage nicht erfolgreich");

    

    

    //Auslesen der Bilder des Vogels

    $pictureID = mysql_query("SELECT * FROM VOGELART_HAT_BILD where LATEINISCHER_NAME LIKE '$completeName'") or die("Anfrage nicht erfolgreich");

    

    $zaehler = 0;

    

    ?>

 
<title>

    <?php 

    echo $completeName.' ('.mysql_result($germanName,0).') - Federbestimmung.de'

    ?>

</title>

 
</head>

 
<body>

<div id="fb-root"></div>

    <script>(function(d, s, id) {

      var js, fjs = d.getElementsByTagName(s)[0];

      if (d.getElementById(id)) return;

      js = d.createElement(s); js.id = id;

      js.src = "//connect.facebook.net/de_DE/all.js#xfbml=1";

      fjs.parentNode.insertBefore(js, fjs);

    }(document, 'script', 'facebook-jssdk'));</script>

    <div id="header"></div>

    <div id="leftcolumn"><?php include'modules/leftcolumn.php'; ?></div>

    <div id="rightcolumn"></div>

    <div id="maincontent">

    

        <?php

        echo '<h1>'.$completeName.' ('.mysql_result($germanName,0).')</h1>

        <h2>'.mysql_result($englishName,0).'</h2><br><div id="allimages" align="center">';

        

        while ($row = mysql_fetch_array($pictureID))    {

        

            $currentPictureID = $row["FOTO_ID"];

            $currentURLressource = mysql_query("SELECT FOTO_URL_KLEIN FROM BILD where FOTO_ID LIKE '$currentPictureID'");

            $currentURLressourceBig = mysql_query("SELECT FOTO_URL_GROSS FROM BILD where FOTO_ID LIKE '$currentPictureID'");

            $currentInventory = mysql_query("SELECT INVENTARNUMMER FROM FOTO_ZEIGT_SAMMLUNGSBELEG where FOTO_ID LIKE '$currentPictureID'");

            $currentInventory = mysql_result($currentInventory,0);

            $currentPlace = mysql_query("SELECT ORT FROM SAMMLUNGSBELEG where INVENTARNUMMER LIKE '$currentInventory'");

            $currentDate = mysql_query("SELECT DATE_FORMAT(DATUM,'%d.%M.%Y') FROM SAMMLUNGSBELEG where INVENTARNUMMER LIKE '$currentInventory'");

            $currentEvidenceDescription = mysql_query("SELECT ART_DES_BELEGS FROM SAMMLUNGSBELEG where INVENTARNUMMER LIKE '$currentInventory'");

            $currentFurtherInformation = mysql_query("SELECT WEITERE_INFORMATIONEN FROM SAMMLUNGSBELEG where INVENTARNUMMER LIKE '$currentInventory'");

            

            //Ausgabe der Bilder des Vogels

            echo '<div class="imagetable" align="center"><div id="getruler"><a href="ruler.php?birdid='.$birdID.'&pictureid='.$currentPictureID.'">Lineal</a></div>

            <!--<p style="font-size:10px;">Inventarnummer: '.$currentInventory.'</p>-->

            <a href="'.mysql_result($currentURLressourceBig,0).'"><img style="border-radius:3px 3px 0px 0px; padding-bottom:3px;" src="';

            echo mysql_result($currentURLressource,0).'"></img></a><br>';

            //Ausgabe der Belegdaten

            echo '<a style="color:#ccc;">Fundort:</a> '.mysql_result($currentPlace,0).'; 

            <a style="color:#ccc;">Datum:</a> '.mysql_result($currentDate,0).';<br>'

            .mysql_result($currentEvidenceDescription,0).';<br><a style="color:#ffcc99;">'

            .mysql_result($currentFurtherInformation,0).';</a></div>';

            

            $zaehler++;

        }

        echo '</div><div style="clear:left;"></div><br>';

    

        //Ausgabe des Steckbriefes

        echo '<table class="profiletable">';

        echo '<tr><th>Lateinischer Name</th><td>'.$currentGenus.'&nbsp;'.$currentBird.'</td><td rowspan="5" style="width:400px;">

        <a style="color:#ddd;">Systematische Einordnung</a>

        <ul>

            <li>Aves (V&ouml;gel)

                <li><a href="birdtable.php?family='.$currentOrder.'">'.$currentOrder.' ('.mysql_result($germanOrder,0).')</a><li><a href="birdtable.php?family='.$currentFamily.'">'.

                    $currentFamily.' ('.mysql_result($germanFamily,0).')</a><li><a href="birdtable.php?genus='.$currentGenus.'">'.

                        $currentGenus.' ('.mysql_result($germanGenus,0).')</a></ul></td></tr>';

        

        echo '<tr><th>Deutscher Name</th><td>'.mysql_result($germanName,0).'</td></tr>';

        echo '<tr><th>L&auml;ngste Handschwinge</th><td>'.mysql_result($longestPrimary,0).'</td></tr>';

        echo '<tr><th>L&auml;ngste Armschwinge</th><td>'.mysql_result($longestSecondary,0).'</td></tr>';

        echo '<tr><th>L&auml;ngste Steuerfeder</th><td>'.mysql_result($longestTail,0).'</td></tr>

              <tr><th style="height:17px;">K&ouml;rpergr&ouml;sse</th><td>'.mysql_result($birdHeight,0).'</td><td rowspan="2" style="vertical-align:text-top;"><a style="color:#ddd;">Vorkommen und Verbreitung:</a> '.mysql_result($birdOccur,0).'</td>

              <tr><th style="vertical-align:top; ">Spannweite</th><td>'.mysql_result($birdSpan,0).'</td>

              

        </table>';

        

        echo '<p>'.mysql_result($description,0).'</p>';

        ?>

    </div>

</body>

Style

Code:

body	{
background-color: #0d0d0d;
background-image:url('http://www.federbestimmung.de/images/banners/bannerv2.png');
background-repeat:no-repeat;
background-position:250px 0px;
font-family:Verdana,Tahoma,Arial;
color: #fff;
font-size:13px;
}

h1	{
line-height:0.8;
text-align:center;
font-size:14px;
text-decoration:none;
}

h2	{
line-height:0.7;
text-align:center;
font-size:12px;
text-decoration:none;
background-color:transparent;
color:#ccc;
}

a:link, a:visited	{
color:#ffcc00;
text-decoration:none;
}

a:hover	{
color:#fff;
text-decoration:none;
}

th	{
color:#ddd;
text-align:left;
font-weight:normal;
font-size:13px;
width:180px;
}
td	{
width:200px;
}

/* Content: */
#maincontent	{
opacity:0.95;
background-color: #282828;
margin:250px 10px 20px 240px;
padding:10px 20px 10px 20px;
border-radius:3px;
min-height:500px;
}

.profiletable	{
background-color:#252525;
margin:auto;
border: solid 1px #ddd;
font-size:13px;
padding:4px 4px 10px 6px;
border-radius:3px;
}

#allimages	{
margin:auto;
text-align:center;
}

.imagetable	{
float:left;
background-color: #181818;
border: solid 1px #ddd;
border-radius:3px;
text-align:center;
width:350px;
padding:15px 0px 5px 0px;
margin: 0px 20px 20px 0px;
}

#getruler	{
opacity:0.7;
margin: 1px 0px 0px 279px;
border-top-right-radius:3px;
position: absolute;
width:70px;
height:20px;
background-color: #252525;
border: solid 1px #ddd;
}

#resulttable	{
margin:0 auto;
background-color:#151515;
border: solid 0px #565656;
border-radius:3px;
}

#resulttable td	{
border: solid 1px #353535;
padding:5px 5px 5px 10px;
}

#resulttable th	{
background-color:#353535;
border: solid 1px #353535;
padding:5px 5px 5px 10px;
}

/* Left Column */
#leftcolumn	{
width:210px;
line-height:2;
text-align:left;
float:left;
background-color: #202020;
border-radius:3px;
padding:3px 15px 3px 6px;
}
#leftcolumn h1{
font-size: 14px;
color:#eee;
text-align:left;
padding-left:5px;
line-height:1.8;
}
#leftcolumn a:link, #leftcolumn a:visited	{font-size:13px;color:#fff;text-decoration:none;}
#leftcolumn a:hover	{font-size:13px;color:#ffcc00;}

.searchbox	{
background-color:#202020;
color:#fff;
font-size:12px;
border: solid 1px #ddd;
padding:6px;
border-radius:3px;
}

Quellcode nochmal ohne php (habe ich aber nur aus dem quellcode kopiert)

PHP-Code:

  <html>

<head>

    <!-- Stylesheet Information -->

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

 
    

<title>

    Parus major (Kohlmeise) - Federbestimmung.de</title>

 
</head>

 
<body>

<div id="fb-root"></div>

    <script>(function(d, s, id) {

      var js, fjs = d.getElementsByTagName(s)[0];

      if (d.getElementById(id)) return;

      js = d.createElement(s); js.id = id;

      js.src = "//connect.facebook.net/de_DE/all.js#xfbml=1";

      fjs.parentNode.insertBefore(js, fjs);

    }(document, 'script', 'facebook-jssdk'));</script>

 
    <div id="header"></div>

    <div id="leftcolumn"><h1>Hauptmen&uuml;<h1>

 
    <a href="index.php">Startseite</a><br>

    <a href="odertable.php">Artenverzeichnis Lateinisch</a><br>

    <a href="">Artenverzeichnis Deutsch</a><br>

    <a href="">Federn in Deutschland</a><br>

 
    <a href="">Gefiederkunde Allgemein</a><br>

    <a href="">Unbestimmte Federn</a>

    <br><br>

    

    <p style="font-size:10px;">Empfiehl diese Seite weiter:</p>

    

    <!-- Facebook Button -->

    <div class="fb-like" data-href="http://www.federbestimmung.de" data-send="false" data-layout="button_count" 

    data-width="220" data-show-faces="true" data-action="recommend" data-colorscheme="dark" data-font="verdana"></div>

 
    <!-- Seitensuchen -->

 
    <form action="birdtable.php"><br>

    <input name="searchterm" class="Searchbox" size="25" maxlength="60" value="Vogelart suchen..." type="text" 

    onclick="if(this.value=='Vogelart Suchen...') this.value=''"  onblur="if(this.value==''){this.value='Vogelart Suchen...'}" method="post">

    </form></div>

    <div id="rightcolumn"></div>

    <div id="maincontent">

    

        <h1>Parus major (Kohlmeise)</h1>

        <h2>Eurasian Great Tit</h2><br>

 
<div id="allimages" align="center">

    <div class="imagetable" align="center">

        <div id="getruler"><a href="ruler.php?birdid=1&pictureid=1">Lineal</a>

        </div>

    <a href="http://www.php.de/images/kohlmeise03-2.jpg"><img style="border-radius:3px 3px 0px 0px; padding-bottom:3px;" src="http://www.php.de/images/kohlmeise03.jpg"></img></a><br><a style="color:#ccc;">Fundort:</a> Magdeburg; <a style="color:#ccc;">Datum:</a> 19.April.2002;<br>Todfund;<br><a style="color:#ffcc99;">(H6 67mm, A1 58mm, S5 61mm);</a>

     </div>

</div>

</body>

tr0y · 16.12.2011, 00:49

- kein Doctype
- keine meta-informationen über das Encoding der Seite ( should be end in digital krautsalat )
- das div das den Content enthält und das du "fließen" lassen willst, solltest du "inline als blockelement" beschreiben, sieht dann so aus:

HTML-Code:

<!DOCTYPE html>
<html>
	<head>
		<title>test</title>
		<style>
			* {
				border:0;
				padding:0;
				border:0;
			}
			
			div#motherDiv {
				margin-left:auto; 
				margin-right:auto; 
				width:350px;
				
				padding:5px;
				
				background-color:#2d2d2d;
				
				text-align:center;
			}
			
			div#motherDiv div {
				width:52px;
				text-align:center;
				
				display:inline-block;
				
				background-color:#e2e2e2;
			}
			
			div#motherDiv div > p {
				background-color:inherit;
				display:block;
			}
			
		</style>
	</head>
	<body>
		<div id="motherDiv">
			<div>
				<img src="http://www.google.de/images/feed-icon.gif" />
				<p class="imageCaption">Bild 1</p>
			</div>
			<div>
				<img src="http://www.google.de/images/feed-icon.gif" />
				<p class="imageCaption">Bild 2</p>
			</div>
			<div>
				<img src="http://www.google.de/images/feed-icon.gif" />
				<p class="imageCaption">Bild 3</p>
			</div>
			<div>
				<img src="http://www.google.de/images/feed-icon.gif" />
				<p class="imageCaption">Bild 4</p>
			</div>
			<div>
				<img src="http://www.google.de/images/feed-icon.gif" />
				<p class="imageCaption">Bild 1</p>
			</div>
			<div>
				<img src="http://www.google.de/images/feed-icon.gif" />
				<p class="imageCaption">Bild 2</p>
			</div>
			<div>
				<img src="http://www.google.de/images/feed-icon.gif" />
				<p class="imageCaption">Bild 3</p>
			</div>
			<div>
				<img src="http://www.google.de/images/feed-icon.gif" />
				<p class="imageCaption">Bild 4</p>
			</div>
			<div>
				<img src="http://www.google.de/images/feed-icon.gif" />
				<p class="imageCaption">Bild 1</p>
			</div>
			<div>
				<img src="http://www.google.de/images/feed-icon.gif" />
				<p class="imageCaption">Bild 2</p>
			</div>
			<div>
				<img src="http://www.google.de/images/feed-icon.gif" />
				<p class="imageCaption">Bild 3</p>
			</div>
			<div>
				<img src="http://www.google.de/images/feed-icon.gif" />
				<p class="imageCaption">Bild 4</p>
			</div>
			<div>
				<img src="http://www.google.de/images/feed-icon.gif" />
				<p class="imageCaption">Bild 1</p>
			</div>
			<div>
				<img src="http://www.google.de/images/feed-icon.gif" />
				<p class="imageCaption">Bild 2</p>
			</div>
			<div>
				<img src="http://www.google.de/images/feed-icon.gif" />
				<p class="imageCaption">Bild 3</p>
			</div>
			<div>
				<img src="http://www.google.de/images/feed-icon.gif" />
				<p class="imageCaption">Bild 4</p>
			</div>
			<div>
				<img src="http://www.google.de/images/feed-icon.gif" />
				<p class="imageCaption">Bild 1</p>
			</div>
			<div>
				<img src="http://www.google.de/images/feed-icon.gif" />
				<p class="imageCaption">Bild 2</p>
			</div>
			<div>
				<img src="http://www.google.de/images/feed-icon.gif" />
				<p class="imageCaption">Bild 3</p>
			</div>
			<div>
				<img src="http://www.google.de/images/feed-icon.gif" />
				<p class="imageCaption">Bild 4</p>
			</div>
		</div>
	</body>
</html>

Cholec · 16.12.2011, 12:02

Habe es nachgebessert. Hab zwar manche befehle nicht ganz verstanden. inherit?^^
aber es funktioniert jetzt auch bei mir irgendwie :P

ich danke dir

tr0y · 16.12.2011, 12:03

http://www.dict.cc/?s=inherit

*hust* *keuch* *rülps* hupsa oO

Cholec · 16.12.2011, 12:22

ui also erbt es vom nächsthöheren div? is ja süß xDxD

tr0y · 16.12.2011, 12:24

So isses.

Cholec · 16.12.2011, 12:27

Zitat:

Zitat von tr0y

So isses.

Alles klar, kann man sicher öfter gebrauchen^^
Hatte nämlich schonmal überlegt ob es eine möglichkeit gibt in CSS mit "Objekten" arbeiten zu können.

Also man definiert ein bestimmtes Blau was in der ganzen Seite hier und da anwendung findet und wenn man dann dem blau einen anderen Wert zuweist, dass dann alle anderen "Referenzen" auch den neuen Wert bekommen^^

aber thema is soweit geklärt.

tr0y · 16.12.2011, 13:00

Funktioniert so nicht, CSS "haftet" an dem jeweiligen Teil des DOM-Baumes, von Knoten xyz auf einen 10 knoten über dem aktuellen liegenden Knoten springen geht z.b. per CSS nicht um dort dann zu sagen, nimm das und dies. Alternativ kannst du ( und solltest du ) deine CSS-Definition so gut stauchen wie es geht. Du kannst durchaus mehrere Selektoren zusammenfassen und diese dann entsprechend "beschreiben".

Code:

a.test, a.test2, a.test3, a.test4 {
   text-decoration: none;
}

CSS in seiner direkten Symbiose mit HTML ist ansich keine Scriptsprache, sondern nur eine optische Definition des präsenten Document Object Model Baums, der in Kaskadierter Form umgesetzt wird ( Wasserfallprinzip; von Oben nach Unten ).

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

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
[Erledigt] divs einfügen beim einlesen einer txt Datei	blnzg	PHP Einsteiger	9	22.11.2011 14:42
Mehrere Div's auf einmal unsichtbar machen	wolf29	JavaScript, Ajax und mehr	9	05.10.2011 21:42
[Erledigt] floating divs	drsoong	HTML, Usability und Barrierefreiheit	7	16.06.2011 22:27
[Erledigt] Bildvorschau mittig im Browser	Enigma228	JavaScript, Ajax und mehr	3	29.03.2010 18:55
ausrichtung von divs in divs geht nur im IE	litterauspirna	HTML, Usability und Barrierefreiheit	5	14.10.2008 14:58
[Erledigt] Divs nebeneinander richtig positionieren das sie nicht verschoben werden	litterauspirna	HTML, Usability und Barrierefreiheit	12	09.10.2008 09:04
2 Div's zentrieren	pfump	HTML, Usability und Barrierefreiheit	7	24.04.2008 10:57
Formular mit DIVs	Aris Sung	HTML, Usability und Barrierefreiheit	2	25.11.2007 14:09
Dynamisches Container-Div für floating Divs	HStev	HTML, Usability und Barrierefreiheit	1	14.09.2007 12:39
DIV's positionieren	scooter	HTML, Usability und Barrierefreiheit	10	12.01.2006 16:11
Css Problem - Divs anders positionieren	ypsie	HTML, Usability und Barrierefreiheit	7	22.08.2005 17:40
GDLib mehere Grafiken erzeugen und positionieren		PHP Tipps 2005-2	2	06.08.2005 17:57
Firefox + Divs	Anubis2183	HTML, Usability und Barrierefreiheit	10	28.05.2005 16:33
Tabelle positionieren	Anuschka	HTML, Usability und Barrierefreiheit	3	19.08.2004 03:35

15.12.2011, 23:33
Cholec Neuer Benutzer Registriert seit: 11.12.2011 Beiträge: 20 PHP-Kenntnisse: Anfänger	Hey, ja das is schon genau das was ich meine, nur jetzt nicht mit mittig positionierten img tags sonderns divs in denen jeweils bild+beschreibung drin ist. Ich hatte meine Quellcode nicht gezeigt, da es etwas unübersichtlich is aber vielleicht habt ihr trotzdem spaß dran^^ PHP-Code: <html> <head> <!-- Stylesheet Information --> <link rel="stylesheet" type="text/css" href="css/base.css"> <?php if (isset($_GET["genus"])) { $currentGenus = $_GET["genus"]; } if (isset($_GET["bird"])) { $currentBird = $_GET["bird"]; } $completeName = $currentGenus.' '.$currentBird; //Auf Datenbank zugreifen //Auslesen der Daten des Vogels aus der Datenbank $germanName = mysql_query("SELECT DEUTSCHER_NAME FROM VOGELART where LATEINISCHER_NAME LIKE '$currentBird'") or die("Anfrage nicht erfolgreich"); $longestPrimary = mysql_query("SELECT LANGSTE_HANDSCHWINGE FROM VOGELART where LATEINISCHER_NAME LIKE '$currentBird' AND LATEINISCHER_GATTUNGSNAME LIKE '$currentGenus'") or die("Anfrage nicht erfolgreich"); $longestSecondary = mysql_query("SELECT LANGSTE_ARMSCHWINGE FROM VOGELART where LATEINISCHER_NAME LIKE '$currentBird' AND LATEINISCHER_GATTUNGSNAME LIKE '$currentGenus'") or die("Anfrage nicht erfolgreich"); $longestTail = mysql_query("SELECT LANGSTE_STEUERFEDER FROM VOGELART where LATEINISCHER_NAME LIKE '$currentBird' AND LATEINISCHER_GATTUNGSNAME LIKE '$currentGenus'") or die("Anfrage nicht erfolgreich"); $description = mysql_query("SELECT BESCHREIBUNG FROM VOGELART where LATEINISCHER_NAME LIKE '$currentBird' AND LATEINISCHER_GATTUNGSNAME LIKE '$currentGenus'") or die("Anfrage nicht erfolgreich"); $birdHeight = mysql_query("SELECT KORPERGROSSE FROM VOGELART where LATEINISCHER_NAME LIKE '$currentBird' AND LATEINISCHER_GATTUNGSNAME LIKE '$currentGenus'") or die("Anfrage nicht erfolgreich"); $birdSpan = mysql_query("SELECT SPANNWEITE FROM VOGELART where LATEINISCHER_NAME LIKE '$currentBird' AND LATEINISCHER_GATTUNGSNAME LIKE '$currentGenus'") or die("Anfrage nicht erfolgreich"); $birdOccur = mysql_query("SELECT VORKOMMEN_UND_VERBREITUNG FROM VOGELART where LATEINISCHER_NAME LIKE '$currentBird' AND LATEINISCHER_GATTUNGSNAME LIKE '$currentGenus'") or die("Anfrage nicht erfolgreich"); $birdID = mysql_query("SELECT VOGELID FROM VOGELART where LATEINISCHER_NAME LIKE '$currentBird' AND LATEINISCHER_GATTUNGSNAME LIKE '$currentGenus'") or die("Anfrage nicht erfolgreich"); $birdID = mysql_result($birdID,0); //Auslesen der Systematik des Vogels aus der Datenbank $germanGenus = mysql_query("SELECT DEUTSCHER_GATTUNGSNAME FROM GATTUNG where LATEINISCHER_GATTUNGSNAME LIKE '$currentGenus'")or die("Anfrage nicht erfolgreich"); $currentFamily = mysql_query("SELECT LATEINISCHER_FAMILIENNAME FROM GATTUNG where LATEINISCHER_GATTUNGSNAME LIKE '$currentGenus'") or die("Anfrage nicht erfolgreich"); $currentFamily = mysql_result($currentFamily,0); $currentOrder = mysql_query("SELECT LATEINISCHER_ORDNUNGSNAME FROM FAMILIE where LATEINISCHER_FAMILIENNAME LIKE '$currentFamily'") or die("Anfrage nicht erfolgreich"); $currentOrder = mysql_result($currentOrder,0); $germanFamily = mysql_query("SELECT DEUTSCHER_FAMILIENNAME FROM FAMILIE where LATEINISCHER_FAMILIENNAME LIKE '$currentFamily'") or die("Anfrage nicht erfolgreich"); $germanOrder = mysql_query("SELECT DEUTSCHER_ORDNUNGSNAME FROM ORDNUNG where LATEINISCHER_ORDNUNGSNAME LIKE '$currentOrder'") or die("Anfrage nicht erfolgreich"); $englishName = mysql_query("SELECT ENGLISCHER_NAME FROM VOGELART where LATEINISCHER_NAME LIKE '$currentBird' AND LATEINISCHER_GATTUNGSNAME LIKE '$currentGenus'") or die("Anfrage nicht erfolgreich"); //Auslesen der Bilder des Vogels $pictureID = mysql_query("SELECT * FROM VOGELART_HAT_BILD where LATEINISCHER_NAME LIKE '$completeName'") or die("Anfrage nicht erfolgreich"); $zaehler = 0; ?> <title> <?php echo $completeName.' ('.mysql_result($germanName,0).') - Federbestimmung.de' ?> </title> </head> <body> <div id="fb-root"></div> <script>(function(d, s, id) { var js, fjs = d.getElementsByTagName(s)[0]; if (d.getElementById(id)) return; js = d.createElement(s); js.id = id; js.src = "//connect.facebook.net/de_DE/all.js#xfbml=1"; fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk'));</script> <div id="header"></div> <div id="leftcolumn"><?php include'modules/leftcolumn.php'; ?></div> <div id="rightcolumn"></div> <div id="maincontent"> <?php echo '<h1>'.$completeName.' ('.mysql_result($germanName,0).')</h1> <h2>'.mysql_result($englishName,0).'</h2><br><div id="allimages" align="center">'; while ($row = mysql_fetch_array($pictureID)) { $currentPictureID = $row["FOTO_ID"]; $currentURLressource = mysql_query("SELECT FOTO_URL_KLEIN FROM BILD where FOTO_ID LIKE '$currentPictureID'"); $currentURLressourceBig = mysql_query("SELECT FOTO_URL_GROSS FROM BILD where FOTO_ID LIKE '$currentPictureID'"); $currentInventory = mysql_query("SELECT INVENTARNUMMER FROM FOTO_ZEIGT_SAMMLUNGSBELEG where FOTO_ID LIKE '$currentPictureID'"); $currentInventory = mysql_result($currentInventory,0); $currentPlace = mysql_query("SELECT ORT FROM SAMMLUNGSBELEG where INVENTARNUMMER LIKE '$currentInventory'"); $currentDate = mysql_query("SELECT DATE_FORMAT(DATUM,'%d.%M.%Y') FROM SAMMLUNGSBELEG where INVENTARNUMMER LIKE '$currentInventory'"); $currentEvidenceDescription = mysql_query("SELECT ART_DES_BELEGS FROM SAMMLUNGSBELEG where INVENTARNUMMER LIKE '$currentInventory'"); $currentFurtherInformation = mysql_query("SELECT WEITERE_INFORMATIONEN FROM SAMMLUNGSBELEG where INVENTARNUMMER LIKE '$currentInventory'"); //Ausgabe der Bilder des Vogels echo '<div class="imagetable" align="center"><div id="getruler"><a href="ruler.php?birdid='.$birdID.'&pictureid='.$currentPictureID.'">Lineal</a></div> <!--<p style="font-size:10px;">Inventarnummer: '.$currentInventory.'</p>--> <a href="'.mysql_result($currentURLressourceBig,0).'"><img style="border-radius:3px 3px 0px 0px; padding-bottom:3px;" src="'; echo mysql_result($currentURLressource,0).'"></img></a><br>'; //Ausgabe der Belegdaten echo '<a style="color:#ccc;">Fundort:</a> '.mysql_result($currentPlace,0).'; <a style="color:#ccc;">Datum:</a> '.mysql_result($currentDate,0).';<br>' .mysql_result($currentEvidenceDescription,0).';<br><a style="color:#ffcc99;">' .mysql_result($currentFurtherInformation,0).';</a></div>'; $zaehler++; } echo '</div><div style="clear:left;"></div><br>'; //Ausgabe des Steckbriefes echo '<table class="profiletable">'; echo '<tr><th>Lateinischer Name</th><td>'.$currentGenus.' '.$currentBird.'</td><td rowspan="5" style="width:400px;"> <a style="color:#ddd;">Systematische Einordnung</a> <ul> <li>Aves (Vögel) <li><a href="birdtable.php?family='.$currentOrder.'">'.$currentOrder.' ('.mysql_result($germanOrder,0).')</a><li><a href="birdtable.php?family='.$currentFamily.'">'. $currentFamily.' ('.mysql_result($germanFamily,0).')</a><li><a href="birdtable.php?genus='.$currentGenus.'">'. $currentGenus.' ('.mysql_result($germanGenus,0).')</a></ul></td></tr>'; echo '<tr><th>Deutscher Name</th><td>'.mysql_result($germanName,0).'</td></tr>'; echo '<tr><th>Längste Handschwinge</th><td>'.mysql_result($longestPrimary,0).'</td></tr>'; echo '<tr><th>Längste Armschwinge</th><td>'.mysql_result($longestSecondary,0).'</td></tr>'; echo '<tr><th>Längste Steuerfeder</th><td>'.mysql_result($longestTail,0).'</td></tr> <tr><th style="height:17px;">Körpergrösse</th><td>'.mysql_result($birdHeight,0).'</td><td rowspan="2" style="vertical-align:text-top;"><a style="color:#ddd;">Vorkommen und Verbreitung:</a> '.mysql_result($birdOccur,0).'</td> <tr><th style="vertical-align:top; ">Spannweite</th><td>'.mysql_result($birdSpan,0).'</td> </table>'; echo '<p>'.mysql_result($description,0).'</p>'; ?> </div> </body> Style Code: body { background-color: #0d0d0d; background-image:url('http://www.federbestimmung.de/images/banners/bannerv2.png'); background-repeat:no-repeat; background-position:250px 0px; font-family:Verdana,Tahoma,Arial; color: #fff; font-size:13px; } h1 { line-height:0.8; text-align:center; font-size:14px; text-decoration:none; } h2 { line-height:0.7; text-align:center; font-size:12px; text-decoration:none; background-color:transparent; color:#ccc; } a:link, a:visited { color:#ffcc00; text-decoration:none; } a:hover { color:#fff; text-decoration:none; } th { color:#ddd; text-align:left; font-weight:normal; font-size:13px; width:180px; } td { width:200px; } /* Content: / #maincontent { opacity:0.95; background-color: #282828; margin:250px 10px 20px 240px; padding:10px 20px 10px 20px; border-radius:3px; min-height:500px; } .profiletable { background-color:#252525; margin:auto; border: solid 1px #ddd; font-size:13px; padding:4px 4px 10px 6px; border-radius:3px; } #allimages { margin:auto; text-align:center; } .imagetable { float:left; background-color: #181818; border: solid 1px #ddd; border-radius:3px; text-align:center; width:350px; padding:15px 0px 5px 0px; margin: 0px 20px 20px 0px; } #getruler { opacity:0.7; margin: 1px 0px 0px 279px; border-top-right-radius:3px; position: absolute; width:70px; height:20px; background-color: #252525; border: solid 1px #ddd; } #resulttable { margin:0 auto; background-color:#151515; border: solid 0px #565656; border-radius:3px; } #resulttable td { border: solid 1px #353535; padding:5px 5px 5px 10px; } #resulttable th { background-color:#353535; border: solid 1px #353535; padding:5px 5px 5px 10px; } / Left Column / #leftcolumn { width:210px; line-height:2; text-align:left; float:left; background-color: #202020; border-radius:3px; padding:3px 15px 3px 6px; } #leftcolumn h1{ font-size: 14px; color:#eee; text-align:left; padding-left:5px; line-height:1.8; } #leftcolumn a:link, #leftcolumn a:visited {font-size:13px;color:#fff;text-decoration:none;} #leftcolumn a:hover {font-size:13px;color:#ffcc00;} .searchbox { background-color:#202020; color:#fff; font-size:12px; border: solid 1px #ddd; padding:6px; border-radius:3px; } Quellcode nochmal ohne php (habe ich aber nur aus dem quellcode kopiert) PHP-Code: <html> <head> <!-- Stylesheet Information --> <link rel="stylesheet" type="text/css" href="css/base.css"> <title> Parus major (Kohlmeise) - Federbestimmung.de</title> </head> <body> <div id="fb-root"></div> <script>(function(d, s, id) { var js, fjs = d.getElementsByTagName(s)[0]; if (d.getElementById(id)) return; js = d.createElement(s); js.id = id; js.src = "//connect.facebook.net/de_DE/all.js#xfbml=1"; fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk'));</script> <div id="header"></div> <div id="leftcolumn"><h1>Hauptmenü<h1> <a href="index.php">Startseite</a><br> <a href="odertable.php">Artenverzeichnis Lateinisch</a><br> <a href="">Artenverzeichnis Deutsch</a><br> <a href="">Federn in Deutschland</a><br> <a href="">Gefiederkunde Allgemein</a><br> <a href="">Unbestimmte Federn</a> <br><br> <p style="font-size:10px;">Empfiehl diese Seite weiter:</p> <!-- Facebook Button --> <div class="fb-like" data-href="http://www.federbestimmung.de" data-send="false" data-layout="button_count" data-width="220" data-show-faces="true" data-action="recommend" data-colorscheme="dark" data-font="verdana"></div> <!-- Seitensuchen --> <form action="birdtable.php"><br> <input name="searchterm" class="Searchbox" size="25" maxlength="60" value="Vogelart suchen..." type="text" onclick="if(this.value=='Vogelart Suchen...') this.value=''" onblur="if(this.value==''){this.value='Vogelart Suchen...'}" method="post"> </form></div> <div id="rightcolumn"></div> <div id="maincontent"> <h1>Parus major (Kohlmeise)</h1> <h2>Eurasian Great Tit</h2><br> <div id="allimages" align="center"> <div class="imagetable" align="center"> <div id="getruler"><a href="ruler.php?birdid=1&pictureid=1">Lineal</a> </div> <a href="http://www.php.de/images/kohlmeise03-2.jpg"><img style="border-radius:3px 3px 0px 0px; padding-bottom:3px;" src="http://www.php.de/images/kohlmeise03.jpg"></img></a><br><a style="color:#ccc;">Fundort:</a> Magdeburg; <a style="color:#ccc;">Datum:</a> 19.April.2002;<br>Todfund;<br><a style="color:#ffcc99;">(H6 67mm, A1 58mm, S5 61mm);</a> </div> </div> </body> Geändert von Cholec (15.12.2011 um 23:39 Uhr).*


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

16.12.2011, 12:02
Cholec Neuer Benutzer Registriert seit: 11.12.2011 Beiträge: 20 PHP-Kenntnisse: Anfänger	Habe es nachgebessert. Hab zwar manche befehle nicht ganz verstanden. inherit?^^ aber es funktioniert jetzt auch bei mir irgendwie :P ich danke dir

16.12.2011, 12:03
tr0y Erfahrener Benutzer Registriert seit: 26.07.2010 Beiträge: 4.865 PHP-Kenntnisse: Fortgeschritten	http://www.dict.cc/?s=inherit hust keuch rülps hupsa oO __________________ Lasse mir ohne Anwendung von Gewalt Dinge schenken, Amazon weiß darüber bald mehr.

16.12.2011, 12:22
Cholec Neuer Benutzer Registriert seit: 11.12.2011 Beiträge: 20 PHP-Kenntnisse: Anfänger	ui also erbt es vom nächsthöheren div? is ja süß xDxD

16.12.2011, 12:24
tr0y Erfahrener Benutzer Registriert seit: 26.07.2010 Beiträge: 4.865 PHP-Kenntnisse: Fortgeschritten	So isses. __________________ Lasse mir ohne Anwendung von Gewalt Dinge schenken, Amazon weiß darüber bald mehr.

16.12.2011, 13:00
tr0y Erfahrener Benutzer Registriert seit: 26.07.2010 Beiträge: 4.865 PHP-Kenntnisse: Fortgeschritten	Funktioniert so nicht, CSS "haftet" an dem jeweiligen Teil des DOM-Baumes, von Knoten xyz auf einen 10 knoten über dem aktuellen liegenden Knoten springen geht z.b. per CSS nicht um dort dann zu sagen, nimm das und dies. Alternativ kannst du ( und solltest du ) deine CSS-Definition so gut stauchen wie es geht. Du kannst durchaus mehrere Selektoren zusammenfassen und diese dann entsprechend "beschreiben". Code: a.test, a.test2, a.test3, a.test4 { text-decoration: none; } CSS in seiner direkten Symbiose mit HTML ist ansich keine Scriptsprache, sondern nur eine optische Definition des präsenten Document Object Model Baums, der in Kaskadierter Form umgesetzt wird ( Wasserfallprinzip; von Oben nach Unten ). __________________ Lasse mir ohne Anwendung von Gewalt Dinge schenken, Amazon weiß darüber bald mehr.