2016-05-31 17 views
0

So bekam ich meine php Datenbanksuche richtig funktionieren, aber ich bin mir nicht bewusst, wie man es formatiert, um es schöner aussehen zu lassen.php Suchergebnisseite ergibt nicht "Auge" ansprechende Daten

Derzeit mein Echo-Code ist

echo "<p><h3>".$results['lfname']."</h3>".$results['id'].$results['phonenum'].$results['state'].$results['zip']."</p>"; 

und die Daten i erhalten ist wie

John Doe  
12507(704) 372-2622NC28031 

ich die Daten wie

John Doe 12507 
(704) 372-2622 NC 28031 

oder etwas Ähnliches sein möchte . Weißt du, wie ich das richtig formatieren könnte oder irgendwelche Links zu irgendwelchen Seiten, auf denen ich lernen könnte, wie man diese Ergebnisse formatiert. War mir nicht sicher, was ich googlen sollte, da ich mir der Regeln und Grenzen von PHP-Seiten nicht sicher bin. Thanks again

+0

einige Räume Verwenden ' " ".' und Umbrüche'."
" .' –

+0

brechen die 'h3' aus dem' P' Tag – Dale

+0

diejenigen gearbeitet. Danke Jungs – WChampion

Antwort

0

Theoretisch ist es unklug, ein Überschrift-Tag in ein Absatz-Tag einzufügen. Zweitens ist die ID außerhalb der < h3> Tag. Und da < h3> ein Element auf Blockebene ist, sollten Sie nicht erwarten, dass sich sein Inhalt auf derselben Ebene wie die ID befindet. Hier ist, was helfen kann.

  <!-- TO STYLE THE CSS CLASSES, AT THE TOP OF YOUR FILE WITHIN THE HEAD SECTION--> 
      <!-- DO LIKE SO --> 
      <style type="text/css"> 
       .full-name{ 
        font-weight: 900; /*CAN BE NORMAL, BOLD OR BOLDER OR USE NUMBERS FROM 100 TO 900*/ 
        color: #613ac5;  /* USE YOUR PREFERRED COLOR */ 
        font-size: 12px;  /* AGAIN CHANGE TO YOUR DESIRED FONT-SIZE */ 
       } 
       .result-id{ 
        font-family: Helvetica, Arial, sans-serif; 
        font-weight: normal; /*CAN BE NORMAL, BOLD OR BOLDER OR USE NUMBERS FROM 100 TO 900*/ 
        color: #8c0210;  /* USE YOUR PREFERRED COLOR */ 
        font-size: 12px;  /* AGAIN CHANGE TO YOUR DESIRED FONT-SIZE */ 
       } 

       .right-spaced{ 
        font-family: Helvetica, Arial, sans-serif; 
        display:inline-block; 
        padding-right: 15px; 
        font-weight: normal; 
        color: #8c0210;  
        font-size: 12px;  
       } 
      </style> 


     <?php 

      $strOutput = "<h3 class='full-name'> " . $results['lfname'] ."<span class='result-id'> {$results['id']}</span></h3>"; 
      $strOutput .= "<p><span class='phone right-spaced'>{$results['phonenum']}</span>"; 
      $strOutput .= "<span class='state right-spaced'>{$results['state']}</span>"; 
      $strOutput .= "<span class='zip right-spaced'>{$results['zip']}</span>"; 
      $strOutput .= "</p>"; 
+0

ist es möglich, die Schriftart/Stil, wie fett oder kursiv, eines individuellen Ergebnis – WChampion

+0

@WChampion Genau zu ändern ... Das ist, warum Sie die Klasse haben dort ... die Post wurde aktualisiert, um das zu reflektieren .... – Poiz

+0

süß danke mann. Ich habe gerade vor 5 Tagen angefangen, mit Code zu arbeiten und als Praktikant für meine Väterfirma versucht er mir, eine Mitarbeiter-Datenbank-App zu bauen, die er über sein Telefon überprüfen kann, aber ich bin noch nicht so weit. Jede konstruktive Kritik ist immer – WChampion

0

Wie ist das:

echo "<h3>{$results['lfname']} {$results['id']}</h3>"; 
echo "<p>{$results['phonenum']} {$results['state']} {$results['zip']}</p>"; 

Alles, was ich getan habe, ist die Array-Indizes neu ordnen, und ich habe eine andere Art von Echo Array-Werte verwendet (was ich persönlich viel schöner lesbarer finden als das Ein- und Ausblenden von Strings mit " . $blah['foo']. ")

+0

nett, danke Kumpel. jetzt wäre es möglich, jeden Satz von Ergebnissen in seiner on-Box irgendeiner Art einzuschließen. Sag, ich suche nach John und habe 3 Johns. Könnte jeder Satz umrissen werden? – WChampion

+0

Es kann ganz sicher sein .. Ich würde empfehlen, sich die HTML- und CSS-Guides von mozilla (auf der MDN) (https://developer.mozilla.org) anzusehen, insbesondere denke ich, dass Sie an dem [div tag] interessiert sein werden (https://developer.mozilla.org/en-US/docs/Web/HTML/Element/div) und die [CSS-Grenzen] (https://developer.mozilla.org/en-US/docs/Web/ CSS/border) Seiten – Dale

+0

ehrfürchtig thanks man – WChampion

Verwandte Themen