2017-05-18 6 views
1

Ich habe angefangen, HTML und PHP zu lernen. Ich kenne sehr wenig Codierung davon. Ich bin verwirrt für die Verwendung von Png-Icons in meinen Aktionstasten. Ich habe zur Zeit Text-Taste mit CSS. Ich möchte anstelle der Text-Schaltflächen png-Symbole verwenden. Ich habe es wie Icon Verwendung in HTML mit PHP

<td> 
 
    <a href="edit_quotes.php?quotes_id=<?php echo $row['id'];?>" class="btn btn-primary">Edit</a> 
 
    <a href="edit_quotes.php?quotes_id=<?php echo $row['id'];?>" class="btn btn-primary">Activate</a> 
 
    <a href="?quotes_id=<?php echo $row['id'];?>" class="btn btn-default" onclick="return confirm('Are you sure you want to delete this quotes?');">Delete</a> 
 
</td>
unter

Jetzt habe ich png Icons verwenden möchten dort anstelle von Text. Was soll ich dafür tun? Ich habe Symbole im Verzeichnis namens Symbole.

Sorry für mein kleines Wissen.

Dank

Antwort

2

Sie Symbol als Bild in Ihrem Code hinzufügen können, unter Snippet überprüfen

<td><a href="edit_quotes.php?quotes_id=<?php echo $row['id'];?>" class="btn btn-primary" title="Edit"><img src="https://dummyimage.com/20x20/000/fff.png&text=E" alt="Edit"/></a> 
 
<a href="edit_quotes.php?quotes_id=<?php echo $row['id'];?>" class="btn btn-primary" title="Activate"><img src="https://dummyimage.com/20x20/000/fff.png&text=A" alt="Activate"/></a> 
 
<a href="?quotes_id=<?php echo $row['id'];?>" class="btn btn-default" onclick="return confirm('Are you sure you want to delete this quotes?');" title="Delete"><img src="https://dummyimage.com/20x20/000/fff.png&text=D" alt="Delete"/></a></td>

+0

wie kann ich von Symbolen di verwenden: relative uRL auf Ihrer Website wie unten gezeigt Pfarrhaus? –

+0

Sie können einfach 'image tag' anstelle von' text' einfügen. '' –

0

Es hängt von der Struktur Ihrer Web-Ordner, in dem Symbole Verzeichnis ist in Ihrem Webordner.

Wenn Sie Symbol Verzeichnis in Ihrem Stammordner und PHP-Datei ist auch in root dann können Sie einfach unten Syntax:

<img src="icon/image_name.jpg" alt="" />

Oder Sie vollständigen Pfad für Symbol Ordner verwenden können

<img src="http://localhost:8080/websitename/icon/image_name.jpg" alt="" />