Einzelnen Beitrag anzeigen
  #1 (permalink)  
Alt 23.03.2021, 15:28
Benutzerbild von Krischu
Krischu Krischu ist offline
"Validier erst mal"-Sager
XHTMLforum-Mitglied
Thread-Ersteller
 
Registriert seit: 09.08.2006
Beiträge: 322
Krischu befindet sich auf einem aufstrebenden Ast
Standard symbol aus Google Icons <i tag > und <input button

Ausgehend von diesem Beispiel:
Code:
<!DOCTYPE html>
<html lang="de">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<title>Test Pausezeichen als ein Zeichen</title>
</head>
<body>
<i class="material-icons">pause</i>
<i class="material-icons">play_arrow</i>
</body>
</html>
würde ich gerne die beiden Zeichen in einen playbutton wie folgt vereinen:

Code:
 <input type=submit accesskey="a" style="width:72px" id=playbutton value='&#x25BA'   onclick='PlayPause(creator,this,1)
So wie in der vorherigen Zeile ist es im Moment gelöst.
Das Pause-Symbol wird entsprechend aus zwei hintereinandergestellten
Balken wie on folgendem Beispiel realisiert:

Code:
<!DOCTYPE html>
<html>
<body>

<p>&#x25AE;&#x25AE;</p>
<p>&#x25BA;</p>

</body>
</html>

Wie kriege ich die Symbole "pause" und "play_arrow" in den value des input buttons "playbutton"?

Was macht das i-Tag genau? Kann ich das im CSS irgendwo unterbringen (ID #)


EDIT: ich habe etwas experimentiert:

Code:
<!DOCTYPE html>
<html lang="de">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<title>Test Pausezeichen als ein Zeichen</title>
</head>
<body>
<i class="material-icons">pause</i>
<i class="material-icons">play_arrow</i>
<input class="material-icons" value=pause >
<input class="material-icons" value=play_arrow >
</body>
</html>
__________________
--
Viele Grüße
Christoph

Geändert von Krischu (23.03.2021 um 15:43 Uhr)
Mit Zitat antworten
Sponsored Links