kostenloser Webspace werbefrei: lima-city


Datenbankausgabe in tabelle mit css

lima-cityForumProgrammiersprachenPHP, MySQL & .htaccess

  1. Autor dieses Themas

    irndorfer

    Kostenloser Webspace von irndorfer

    irndorfer hat kostenlosen Webspace.

    Hallo,


    Ich möchte mit php aus einer ref="/tag/datenbank">datenbank (MySQL) 4 werte in form einer Tabelle ausgeben,
    habe aber leider keine ahnung wie ich es am besten anstellen kann.
    vielleicht mit css?


    Vielleicht kann mir hier bitte dringend jemand helfen, Danke
  2. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

    lima-city: Gratis werbefreier Webspace für deine eigene Homepage

  3. hackyourlife

    Moderator Kostenloser Webspace von hackyourlife

    hackyourlife hat kostenlosen Webspace.

    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
  4. Autor dieses Themas

    irndorfer

    Kostenloser Webspace von irndorfer

    irndorfer hat kostenlosen Webspace.

    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
  5. 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
  6. Autor dieses Themas

    irndorfer

    Kostenloser Webspace von irndorfer

    irndorfer hat kostenlosen Webspace.

    Danke für die antwort,



    das ist mir schon klar, aber wie die css aussehen muss weiß ich leider nicht.
  7. hackyourlife

    Moderator Kostenloser Webspace von hackyourlife

    hackyourlife hat kostenlosen Webspace.

    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…
  8. Autor dieses Themas

    irndorfer

    Kostenloser Webspace von irndorfer

    irndorfer hat kostenlosen Webspace.

    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
  9. 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
  10. pako-webdesign

    pako-webdesign hat kostenlosen Webspace.

    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:
    SELECT * FROM deinetabelle WHERE anforderung = '{$vorraussetzung}'
    dann schreibst du in PHP:
    while($row = mysql_fetch_array($sql_code))
    {
    $row['zeilenname']
    }


    Und dort kannst du auch dein CSS Design reinschreiben
  11. 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 :)
  12. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

    lima-city: Gratis werbefreier Webspace für deine eigene Homepage

Dir gefällt dieses Thema?

Über lima-city

Login zum Webhosting ohne Werbung!