2016-08-02 11 views
0

Ich habe diese Tabelle mit den Tasten:, wie man Tabellen HTML-Link

 <tr> 
      <td><button type="text" name = "class_name" value=<?=$class["class_name"]?>><?=$class["class_name"]?></button></th> 
      <td><?=$class["class_id"] ?></th> 
     </tr> 

    <?php endforeach ?> 

ich die ausgewählte Schulklasse vorbei (die Schaltfläche) auf eine andere Datei, eine Datenbank zu aktualisieren. Aber der Tisch und die Knöpfe sehen einfach sehr schlecht aus.

Ich dachte, wenn stattdessen die ganze Tabelle anklickbar wäre, würde es schöner aussehen, und vielleicht würde es die Seite akzeptabel machen, wenn sie ihr etwas helle Farbe gibt und dann ein Hintergrundbild hinzufügt.

Irgendwelche Hilfe, wie man das macht?

PS: Ich habe das mit JavaScript gemacht, aber ich weiß nicht viel davon und ich versuche, das einfach mit HTML und CSS zu halten.

Vielen Dank im Voraus!

EDIT:

Klarstellung: Meine Frage ist; Wie kann ich meine Schaltfläche schöner aussehen lassen und trotzdem als POST-Formular verwenden?

+0

einen Ausschnitt mit der HTML-Ausgabe der Tabelle erstellen, können wir führen Sie Ihre PHP-Code nicht – Signo

+0

Es ist nicht klar, was Sie fordern. Sie bitten uns, einen schönen Knopf für Ihren Tisch zu kreieren? –

Antwort

1

Gehe zu button.cm und es wird die HTML und VML erstellen, die benötigt werden, um Ihnen eine vollständig anklickbare Schaltfläche in HTML/CSS und nicht nur als Bild zu geben.

<table width="100%" border="0" cellpadding="0" cellspacing="20"> 
    <tr> 
    <td align="center" valign="middle" width="33%" style="background-color:#6483c1; border:1px solid #44619a; border-radius:2px;"> 
     <a href="http:class_name.html" target="_blank" style="padding:20px 10px;display:block;color:#FFFFFF; text-decoration:none;"><font size="3" face="Arial, Helvetica, sans-serif" color="#ffffff"><b>class_name</b></font></a> 
    </td> 
    </tr> 
</table> 
+0

Danke, obwohl dies eine schön aussehende Tabelle erstellt, habe ich Schwierigkeiten, es als Form Post mit PHP zu verwenden. – Marcel

+0

können Sie eine Geige erstellen, damit ich Ihren Fehler sehen kann. –