Datenbankausgabe in tabelle mit css
lima-city → Forum → Programmiersprachen → PHP, MySQL & .htaccess
abfrage
array
ausgabe
ausgeben
beispiel
code
dank
datenbank
datum
ende
ergebnis
http
note
re
schleife
spalten
tabelle
type
url
verbindung
-
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage
-
• Verbindung zum MySQL-Server öffnen
• Datenbank auswählen
• Query absetzen (
)SELECT
• Ergebnis in einer Schleife durchlaufen
→ jede bekommene Zeile als HTML ausgeben
• Datenbankverbindung schließen -
Hallo,
eine solche ausgabe habe ich schon aber wie ich das mit css verbinden bzw als tabelle darstellen kann weiß ich leider nicht
<table id="homescreen"> <tr align="center"> <td><b>Subject</b></td> <td><b>type</b></td> <td><b>dates</b></td> <td><b>note</b></td> </tr> <?php foreach ($result as $res) { ?> <tr align="center"> <td><?php echo $res['subject']; ?></td> <td><?php echo $res->type; ?></td> <td><?php echo $res->dates; ?></td> <td><?php echo $res->note; ?></td> </tr> <?php } ?> </table>
so sieht meine ausgabe aus in php -
im header
<link rel="stylesheet" type="text/css" href="dein/weg/zu/deine.css" >
einfügen.
oder
<style type="text/css">
.
deine Tablestyles
.
</style>
Beitrag zuletzt geändert: 17.2.2013 13:02:15 von gorgon -
Danke für die antwort,
das ist mir schon klar, aber wie die css aussehen muss weiß ich leider nicht. -
Was willst du überhaupt erreichen? Was kommt derzeit heraus und was soll herauskommen?
Meine Glaskugel ist leider noch etwas getrübt und gibt mir nur sehr ungenaue Auskunft… -
da werden sie geholfen:
http://de.selfhtml.org/css/eigenschaften/tabellen.htm#table_layout -
http://irndorfer.lima-city.de/bild_css/snipping.PNG
Derzeit sieht meine ausgabe so aus,
ich möchte sie aber noch ein bisschen in form bringen.
vielleicht tabelle oda einfach eine gliederung
danke
Vieleicht kann mir von euch jemand auch bei diesem thema weiterhelfen.
Danke
http://www.lima-city.de/thread/mysql-eingabe-ueber-homepage -
Am besten du arbeitest erst mal ein css tutorial durch
Ich finde das hier ganz schön: http://www.html-seminar.de/
Und wenn du damit durch bist, ist selfhtml Pflichtlektüre -
Du suchst dir ein CSS Design aus welches dir als Tabelle passt oder machst dir selbst eins, fürs raussuchen aus der Tabelle schreibst du:
dann schreibst du in PHP:SELECT * FROM deinetabelle WHERE anforderung = '{$vorraussetzung}'while($row = mysql_fetch_array($sql_code)) { $row['zeilenname'] }
Und dort kannst du auch dein CSS Design reinschreiben -
hier nochmal ein Beispiel
HTML-Seite mit CSS Definition für bestimmte Elemente (th, td), für ID (#wrapper)
und auch Beispiele für Klassen (.hintergrund1 und .hintergrund2)
sowie PHP-Code für MySQL Abfrage + Ergebnis in Array + in Tabelle ausgeben
Hinweis: die Datei sollte als .php gespeichert werden (nicht als .html)
Anpassungen müssen gemacht werden bei Datenbank-Verbindung + Auswahl + Name der Tabelle
sowie im Tabellen-Kopf und innerhalb der foreach() Schleife die entsprechenden Felder (Spalten)
hier mal als Beispiel mit 4 Spalten in der MySQL-Tabelle: subject, type, dates, note
der Code sollte selbsterklärend sein ...
<html> <head> <title>Test Tabelle</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> <style type="text/css"> <!-- body { background-color: #FFFFFF; font-family: Verdana, Arial; color: #000000; } #wrapper { text-align: center; } th { font-size: 14px; color: #000066; background-color: #CCCCCC; } td { font-size: 12px; color: #333333; } .hintergrund1 { background-color: #FFFFDD; } .hintergrund2 { background-color: #EFEFEF; } --> </style> </head> <body> <div id="wrapper"> <h2>Tabellen Test</h2> <br /> <br /> <?php // ------------------------------------------------------- // ----- To-Do: Datenbank Verbindung: mysql_connect() // ----- To-Do: Datenbank auswaehlen: mysql_select_db() $db_tabelle = 'deine_tabelle'; // --- hier Name der Tabelle eintragen // ----- MySQL Befehl zur Abfrage erstellen ----- Beispiel ----- $sql_code = "SELECT * FROM ".$db_tabelle.""; ## $sql_code = "SELECT * FROM ".$db_tabelle." WHERE status='1'"; ## $sql_code = "SELECT * FROM ".$db_tabelle." WHERE status='1' LIMIT 10"; // ----- MySQL Abfrage ausfuehren: mysql_query() $result = mysql_query($sql_code); if (!$result) { print "<br />MySQL Fehler .... <br />\n". mysql_error(); exit; } // ----- MySQL Ergebnis ($result) in Array ($daten) schreiben $daten = array(); while($row = mysql_fetch_assoc($result)) { $daten[] = $row; } // ---------- Tabellen Kopf ----------- print '<table width="530" border="0" cellspacing="2" cellpadding="2" bgcolor="#FFFFFF">'."\n"; print '<thead>'."\n"; print ' <tr align="left" valign="top" bgcolor="#DEDEDE">'."\n"; print ' <th width="25%"> Subject </th>'."\n"; print ' <th width="25%"> Type </th>'."\n"; print ' <th width="25%"> Dates </th>'."\n"; print ' <th width="25%"> Note </th>'."\n"; print ' </tr>'."\n"; print '</thead>'."\n"; // ---------- Tabellen Inhalt ----------- print '<tbody>'."\n"; // ---------- START --- foreach() Schleife ----------- $n=1; foreach($daten as $item) { // ----- jede zweite Zeile die Hintergrund CSS Klasse wechseln ----- if ( $n%2 == 0 ) { $tr_class = 'hintergrund2'; } else { $tr_color = 'hintergrund1'; } print ' <tr align="left" valign="top" class="'.$tr_class.'">'."\n"; print ' <td width="25%">' .$item['subject']. '</td>'."\n"; print ' <td width="25%">' .$item['type']. '</td>'."\n"; print ' <td width="25%">' .$item['dates']. '</td>'."\n"; print ' <td width="25%">' .$item['note']. '</td>'."\n"; print ' </tr>'."\n"; $n++; } // ---------- ENDE --- foreach Schleife ----------- print '</tbody>'."\n"; // ---------- Tabellen Ende ----------- print '</table>'."\n"; // ------------------------------------------------------- ?> <br /> <br /> </div> </body> </html>
ich hoffe das hilft weiter :)
-
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage
