Auf meiner Homepage benütze ich Pfeil-Smileys (siehe Foto). Leider aber gibt es diese Smileys nur als Pfeil entweder nach oben ▲ oder nach unten ▼. Ich bräuchte aber auch analoge Pfeile nach links und rechts. Wie kann ich die Pfeile per HTML drehen? Leider verstehe ich nur HTML.

HTML - Wie Smiley um 90° drehen?

Auf meiner Homepage benütze ich Pfeil-Smileys (siehe Foto).

Leider aber gibt es diese Smileys nur als Pfeil entweder nach oben ▲ oder nach unten ▼.

Ich bräuchte aber auch analoge Pfeile nach links und rechts.

Wie kann ich die Pfeile per HTML drehen? Leider verstehe ich nur HTML.

3 Antworten

Vom Fragesteller als hilfreich ausgezeichnet

regex9

Von gutefrage auf Grund seines Wissens auf einem Fachgebiet ausgezeichneter Nutzer

HTML, Programmieren & Softwareentwicklung

23.08.2022, 16:48

Die Pfeile für die beiden anderen Richtungen gibt es auch.

&#9664;
&#9654;

Mogli333

Fragesteller

24.08.2022, 19:55

Danke ausdrücklich!

Von Experte BeamerBen bestätigt

zer021

23.08.2022, 16:47

Geht soweit ich weiß nur mit CSS.

CSS:

transform: rotate(90deg);

Youppie291

23.08.2022, 16:55

HTML ist eigentlich nicht dazu gedacht Grafiken zu drehen. Besorg dir ein Grafikprogramm und mach es da. Das hat zudem den Vorteil, dass du nur einmal deinen Rechner arbeiten läßt, anstatt bei jedem Aufruf den Rechner, dessen, der deinen HTML-File aufruft. Das gilt übrigens genauso für Größenänderungen.

Was du vorweg bei dir machen kannst, mach auch bei dir! Das mach zumindest die Übertragung schneller.

BeamerBen

23.08.2022, 17:03

Nein, die Antworten von regex9 und zer021 sind richtig.

So was zu drehen oder runter zu skalieren ist in dem Rahmen von dem wir hier reden absolut keine Berechnung die auf dem Client ist Gewicht spielen würde, daher ist die Antwort ziemlich unsinnig.

Es wäre tatsächlich eher unnötiger Aufwand zwei Versionen der selben Grafik zu laden.

Youppie291

23.08.2022, 17:35

@BeamerBen

Also ich weiß aus Erfahrung, dass JEDE Belastung des Zielrechners und im nächsten Schritt des Datenvolumens so minimal wie möglich gehalten werden sollten. Du weißt nie, was für ein Rechner auf der anderen Seite steht.

Aber vielleicht gilt das ja heute nicht mehr…

regex9

24.08.2022, 04:58

@Youppie291

Die Verwendung von Bildern verlangt einzelne Requests, die um einiges teurer sind, als mit CSS ein Textzeichen zu rotieren.

Ähnliche Fragen

Spotify offline (keine grünen Pfeile )

Ich habe Spotify Premium auf dem Iphone und wollte eine offline Playlist erstellen, und bis dahin hat alles geklappt . Nur bin ich dann eben auf "offline verfügbar " gegangen und nichts ist passiert es geht nicht zum offline gehen , nichts lädt sich runter(ich bekomme einfach keinen grünen Pfeil) . Ich such schon die ganze Zeit nach Lösungen und auch auf der Spotify Homepage finde ich keine Lösung . . Eine gute Wlan-Verbindung habe ich auch das neuste Update von Spotify auch .

...zur Frage

HTML - Kann ich ein Smiley farblich ändern?

Ich möchte ein Smiley auf meine Homepage bringen. Allerdings ist der Hintergrund der Seite beige, so dass ein gelbes Smiley nicht so ganz deutlich erscheint.

Gibt es eine einfache Möglichkeit, den Kontrast des Smileys zu erhöhen?

...zur Frage

"Größer-Zeichen" in HTML darstellen?

Auf meiner Homepage möchte ich dieses Wort in Klammern schreiben: <stöhn>

Aber wenn ich die Klammern per Tastatur schreibe, erscheint das Wort nicht als Text auf meiner Homepage.

Smileys kann ich alle mit dem Hexadezimal-Code darstellen. Leider kann ich jedoch nicht mit dem Uni-Code umgehen.

...zur Frage

Glücksdrehrad für meine Homepage?

Guten Tag

Ich bin am Aufbau eines kleinen Online Shops. Ich dachte mir, dass es extrem attraktiv und cool wäre, wenn man meinen Online Shop das erste Mal besucht, an einem Glücksdrehrad drehen und Rabatte, gratis Artikel usw. gewinnen könnte.

Ich habe meinen Online Shop bei jimdo aufgebaut und da es dort viele vorgegebenen Anwendungen hat, habe ich mich nie richtig mit dem Programmieren mit html, javascript usw. beschäftigt.

Nun wollte ich euch fragen, ob mir da vielleicht jemand helfen kann.

Beste Grüsse

Lorenz

...zur Frage

Navbar in Css und Html drehen?

Ich möchte die Navigationsleiste drehen, damit sie wie auf diesem Bild aussieht. Der Titel „SafenSound“ sollte in der oberen linken Ecke sein, die „Künstler“ sollten in der oberen rechten Ecke um 90 Grad gedreht sein, die „Info“ sollte in der unteren linken Ecke um -90 Grad gedreht sein und die „Tickets“ sollten wieder normal in der unteren rechten Ecke sein. Und ich möchte auch, dass die Navigationsleiste fixiert wird, damit die Navigationsleiste beim Scrollen immer noch da ist

Derzeit sieht mein CSS so aus:

.StartseiteNav{

position:fixed;

}

.ArtistsNav{

position:fixed;

display:block;

width: 60px;

transform: rotate(90deg);

}

.InfoNav{

position:fixed;

display:block;

width: 60px;

transform: rotate(-90deg);

}

.TicketsNav{

position:fixed;

}

...zur Frage

Css div Container weissen Rand los werden?

Hey Leute, Lerne derzeit CSS und bin gerade bei einem Hindernis gelandet. Irgendwie ist ein weisser Rand aussen von meinem div Container entstanden und egal mit welchen Befehl, er geht einfach nicht weg. Habe es auch schon mit margin: 0%; versucht.

Nix hat funktioniert.

Ich würde den Code gerne einfügen jedoch ist er zu lang. Wenn jemand Interesse hat mir im privat Chat zu helfen kann ich gerne den Code zuschicken.

Hat jemand anderes trotzdem eine Ahnung was das sein kann und wie ich es loswerden kann? Habe den Code bereits kontrolliert und und nix finden können.

...zur Frage

Jimdo - wie drehe ich Bilder?

Hi, ich habe eine Website mit Jimdo erstellt, mit der kostenlosen Version. Sieht eigentlich alles ganz schick aus und ist sehr einfach. Aber ich bin gerade am verzweifeln: Wenn ich Bilder vom PC in meine Galerie hochgeladen habe kann ich diese nicht drehen, bearbeiten oder sonst irgendwas... geht das nicht? Wenn doch, wie? Ich will die Bilder eigentlich nur drehen, damit sie richtig herum sind. Auf der Jimdo Hilfe Seite steht:

"Sollten die Bilder nach dem Hochladen auf deiner Jimdo-Seite falsch ausgerichtet sein, kannst du sie einfach innerhalb des jeweiligen Bild-Elements drehen. Diese Funktion steht dir übrigens auch im Shop-Produkt und der Bilder-Galerie zur Verfügung.

Nutze hierfür den nach links, bzw. nach rechts gedrehten Pfeil unter deinem Bild.

In der Bilder-Galerie findest du die beiden Pfeile sowohl in der Listen-, als auch der Kachelansicht."

Das stimmt aber offensichtlich nicht, denn ich habe weder unter den Bildern noch sonst irgendwo Pfeile, mit denen ich die Bilder drehen könnte...

(Beispiel siehe Bild)

Noch dazu, wie komme ich denn auf eine Übersicht aller Bilder die ich hochgeladen habe? Dazu habe ich auch keine Möglichkeit gefunden. Nur wenn ich auf meine Galerie der Homepage die ich bearbeite gehe und dort Hinzufügen (wo ich die Bilder hochladen kann), dann sehe ich die Bilder und kann sie dort aber auch nicht bearbeiten...

...zur Frage

Positionierung von Pfeilen in Flexboxen?

Hallo,

ich wollte bei meiner Website eine kleine Slideshow einbauen. Dazu habe ich erst einmal Pfeile erstellt. Diese wollte ich nun richtig positionieren. Ich hatte die Idee, eine Flexbox um die Bilder mit den Pfeilen zu erstellen und die Pfeile dann einfach mit align-items zu positionieren. Irgendetwas habe ich allerdings falsch gemacht. Vielleicht fällt euch ja mein Fehler auf. Bin für jeden Tipp dankbar.

html:

<div class="slide">
            <div id="footer2">
                <div id="bilder">
                    <div id="flexbox">
                        <div class="post">
                            <img src="wohnzimmer.png" alt="Wohnzimmer">
                            <div class="post-s">
                                <h2>Einbaumöbel</h2>
                            </div>
                        </div>
                        <div class="post1">
                            <img src="badezimmer.png" alt="Badezimmer">
                            <div class="post1-s">
                                <h2>Badmöbel</h2>
                            </div>
                        </div>
                        <div class="post2">    
                            <img src="einbauschränke.png" alt="Einbauschränke">
                            <div class="post2-s">
                                <h2>Einbauschränke</h2>
                            </div>
                        </div>
                    </div>
                    <div class="post3">
                        <img src="hochbett.png" alt="Hochbett">
                        <div class="post3-s">
                            <h2>Kinderhochbetten in Eichemassivholz</h2>
                        </div>
                    </div>
    
                    </div> 
                    
                </div>
                <a class="pfeil pfeil-links"><span>&#10094;</span></a>
                <a class="pfeil pfeil-rechts"><span>&#10095;</span></a>
            </div> 
        </div>

Css:

.slide{
    display: flex;
    border: solid black;
}
.pfeil {
    position: absolute;
    top: 0px;
    bottom: 0px;
    font-size: 50px;
    font-weight: bold;
    display: flex;
    align-items: center;
    
}
.pfeil-links {
    left: 0;
}
.pfeil-rechts {
    right: 0;
}

...zur Frage

Binomialverteilung?

Bei der Eröffnungsfeier einer Wakeboard-Anlage bietet der Veranstalter ein Glücksspiel an. Das abgebildete Glücksrad besteht aus acht gleich großen Sektoren. Wenn das Rad nach einer Drehung zum Stillstand kommt, zeigt der Pfeil genau auf einen Sektor.

Jeder Besucher darf das Glücksrad genau einmal drehen. Dabei kann er eine Testfahrt auf der neuen Wakeboard-Anlage (T) oder das Maskottchen des Betreibers (M) gewinnen. Andernfalls gewinnt er nichts (N).

b) Der Veranstalter rechnet mit 240 Besuchern, die das Glücksrad drehen.

Ermitteln Sie die Wahrscheinlichkeiten dafür, dass

höchstens 90 Maskottchen
mindestens 80 aber höchstens 100 Maskottchen

benötigt werden.

frage: wie berechne ich p? Also die Trefferwahschreinlichkeit

...zur Frage

Webseite öffnen und automatisch aktualisieren lassen?

Guten Tag, ich möchte eine Webseite z.B. google.de aufrufen lassen und diese dann alle 30 Sekunden aktualisieren lassen. Wie mache ich das am besten? Mit HMTL oder so. Habe leider absolut keine Ahnung wie man sowas schreibt. Kann mir wer weiterhelfen?

MfG: Steffen

...zur Frage

Monat und Wochentag an der Armbanduhr umstellen?

Hallo,

Ich habe mir eine neue Armbanduhr gekauft. Es handelt sich um eine analoge Uhr.

https://www.skagen.com/de-de/products/soulland%C2%A0x%C2%A0skagen-uhr-melbye-mondphase-milanaise-edelstahl-silberfarben/SKW6806.html

Dort kann ich sowohl das Datum (außen am Rand) durch drehen am rechten Rad verändern. Dadurch wird dementsprechend auch der Wochentag als auch dann irgendwann die Monatsanzeige verändert. Das Problem ist leider, dass es nicht funktioniert, dass sowohl Datum, Wochentag als auch Monat richtig sind.

Kann mir dort irgendwer helfen wie ich das hinbekomme?

Weitere Knöpfe gibt es bei dir Uhr nicht.

...zur Frage

Javascript: Mehreren Elementen eine Klasse active hinzufügen?

Hallo. Aktuell ist es so, dass wenn ich auf den Button klicke, immer nur das erste Element die Klasse active bekommt und verschwindet. Wie lautet der Befehl, damit alle Elemente, die die Klasse "TestTest" haben, die Klasse active bekommen?

Anscheinend funktioniert es mit dem Befehl: TestText.classList.toggle("active"); nur für 1 Element

hier mein code:

...zur Frage

HTML - Wie einen Link auf meiner Homepage umbrechen?

Ich habe eine Homepage, auf der ich einen Link platziert habe, der jedoch - wenn ich die Internetseite am Handy betrachte - über den rechten Rand hinaus reicht.

Beispiel:

testversionhomepage.de/Einführung

Der fett gedruckte Teil der URL ist innerhalb und der normal gedruckte außerhalb des Displays, so dass man das Handy ins Querformat drehen müsste, um den Link in Gänze sehen zu können.

Kann ich das nicht mittels HTML (etwas anderes beherrsche ich nicht) festlegen, dass nach dem "/" der Link umgebrochen wird, wenn meine Homepage an einem Handy betrachtet wird? Sonst natürlich nicht.

...zur Frage

Class in css und html wird nicht angesprochen, was tun?

Ich habe eine Frage zum Thema html und css. Die class .logo lässt sich nicht ansprechen und wenn ich mit vsc versuche verschiedene "classes" anzusprechen schlägt er mir nur alte gelöschte "classes" vor. Vielleicht kann mir ja jemand bei diesem Problem helfen Danke im vorraus :)

hier ist der Code:

index.html

<!DOCTYPE html>

<html>

<head>

<title>beispiel</title>

</head>

<body>

<nav>

<li><a href="">Element 2.1</a></li>

<li><a href="">Element 3.1</a></li>

<li><a href="">Element 4.1</a></li>

<li><a href="">Element 5.1</a></li>

<li><a href="">Element 6.1</a></li>

<li><a href="">Element 7.1</a></li>

<li><a href="">Element 8.1</a></li>

</ul>

<li><a href="">Element 1</a></li>

<li><a href="">Element 2</a></li>

<li><a href="">Element 3</a></li>

<li><a href="">Element 4</a></li>

<li><a href="">Element 5</a></li>

<li><a href="">Element 6</a></li>

<li><a href="">Element 7</a></li>

<li><a href="">Element 8</a></li>

</ul>

</nav>

</body>

</html>

style.css

* {

margin: 0;

padding: 0;

}

html {

height: 100%;

}

body {

background-color: rgb(214, 214, 214);

}

nav {

width: 100%;

}

.leftnav {

float: left;

list-style: none;

background-color: cadetblue;

}

.topnav {

width: 100%;

float: right;

list-style: none;

background-color: crimson;

margin-bottom: 0;

}

nav .leftnav li {

margin-left: 25px;

margin-top: 30px;

margin-right: 25px;

margin-bottom: 30px;

}

nav .topnav li {

float: right;

display: inline-block;

margin-right: 50px;

margin-top: 20px;

margin-bottom: 20px;

}

nav .topnav .firstlielement {

display: inline-block;

margin-right: 50px;

margin-top: 20px;

margin-bottom: 20px;

}

nav .topnav li a {

text-decoration: none;

color: white;

}

nav .leftnav li a {

color: rgb(50, 60, 197);

text-decoration: none;

}

nav .leftnav li a:hover {

color: rgb(173, 174, 196);

text-decoration: none;

}

nav .topnav li a:hover {

color: rgb(81, 253, 1);

text-decoration: none;

}

.logo {

}

...zur Frage

Was möchtest Du wissen?

Deine Frage stellen