zurück zur Startseite
  


Zurück XHTMLforum > Webentwicklung (außer XHTML und CSS) > Javascript & Ajax
Seite neu laden symbol aus Google Icons <i tag > und <input button

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 23.03.2021, 15:28
Benutzerbild von Krischu
"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
  #2 (permalink)  
Alt 24.03.2021, 07:58
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 30.01.2014
Beiträge: 2.175
cloned ist ein wunderbarer Anblickcloned ist ein wunderbarer Anblickcloned ist ein wunderbarer Anblickcloned ist ein wunderbarer Anblickcloned ist ein wunderbarer Anblickcloned ist ein wunderbarer Anblickcloned ist ein wunderbarer Anblick
Standard

Das i-Tag macht, dass der Text italic angezeigt wird. Er wird auch von vielen als Tag für icons verwendet, was aber in meinen Augen eher weniger Sinn macht.
Die Icons werden dann mithilfe eine Schriftart generiert, üblicherweise mittels :before (bzw. :after) selector im CSS.
Mit Zitat antworten
Sponsored Links
Antwort

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
Redesign für Steiner Cycling Team pkipper Site- und Layoutcheck 11 09.02.2011 12:25


Alle Zeitangaben in WEZ +2. Es ist jetzt 16:37 Uhr.