wie kann ich mit bootstrap ein bild zu einem button machen?

wie kann man aus einem bild sozusagen einen button machen, also natürlich ohne hover effekte und so, dass man das banner an der seite anklicken kann und man auf eine andere seite weitergeleitet wird?

16.03.2021, 15:00

ja also dass kein link oder button zu sehen ist, sondern nur ein bild, welches man anklicken kann

1 Antwort

elmex7

16.03.2021, 14:58

Am einfachsten mit einem Link:

Oder wenn es unbedingt "Button" sein soll

Mensch4

Fragesteller

16.03.2021, 15:00

ja also dass kein link oder button zu sehen ist, sondern nur ein bild, welches man anklicken kann

LamaAgent

16.03.2021, 15:07

@Mensch4

Hast du die obere Version schon ausprobiert?

elmex7

16.03.2021, 15:07

@Mensch4

Kannst natürlich auch sowas machen

Allerdings sind Links und Buttons doch eh nicht "sichtbar"?

Mensch4

Fragesteller

16.03.2021, 15:12

@elmex7

die linie beim button ist sichtbar, das erste funktioniert allerdings einwandfrei

RainDrop123123

16.03.2021, 15:19

@Mensch4

Schau mal nach text-"decoration"

Wichtig beim "Entwickeln" ist, Dinge zu verstehen. Also versuche rauszufinden, woher die "linie" kommt und dann schau, wie du die weg bekommst ;)

Mensch4

Fragesteller

16.03.2021, 15:03

bei <button onclick="self.location.href='seite'"><img src="bild"/></button>
erscheint trotzdem eine art box außenrun

Ich habe mir eine Website mit Bootstrap erstellt. Wenn das Fenster zu klein wird dann klappt sich die Navbar ein und man muss auf einen Button klicken um diese wieder auszufahren. Das funktioniert lokal ganz normal und gut aber sobald ich es auf einen Webserver hochlade geht es nicht mehr. Alles andere an der Website geht aber nur dieser Button will nicht funktionieren. Was kann ich da machen?
PS. Ich nutze Plesk zum hosten falls das jemandem hilft.

...zur Frage

Wie kann man bei HTML einen Hover Effekt für Bilder erstellen wo der Text hervorscheint?

Hallo, Ich bin grade dabei ein Portfolio zu Programmieren und habe Probleme damit Hover Effekte zu erstellen. Meine Frage ist wie kann man bei HTML einen Hover Effekt für Bilder erstellen so dass wenn man über das Bild hovert das der Text zum Vorscheinen kommt.?

So wie auf dieser Seite: http://themes.pixelwars.org/responsy-wp/portfolio/#prettyPhoto

Vielen dank schon mal im voraus. LG. Lacadio

...zur Frage

Hintergrundfarbe durch Hover ändern (HTML)?

Hallo Community,

ich möchte, das sich beim "hover" auf einen Button die Hintergrundfarbe sich in Rot verändert verändert. Wie kann ich das realisieren? Betroffen ist der Button ".BtnNin" (siehe Bild).

Danke :)

...zur Frage

Bootstrap Dropdown Menü öffnet außerhalb des Bildschirms?

Hi, ich habe auf meiner Website ein Bootstrap Dropdown Menü eingebaut. Dieses befindet sich links am Bildschirmrand. Wenn ich drauftippe, öffnet es sich so, dass die Schrift außerhalb des Bildschirm ist, man das menü also nur zur Hälfte sehen kann. Wie kann ich den Code hier verändern, damit Bootstrap weiß, dass es das menü nicht nach links sondern nach rechts öffnen soll.

Der Code:

<div class="dropdown">
                <button class="btn btn-secondary btn-success px-3" type="button" id="dropdownMenuButton1"
                    data-bs-toggle="dropdown" aria-expanded="false">
                    <i class="fas fa-bars"></i>
                </button>
                <ul class="dropdown-menu dropdown-menu-end" aria-labelledby="dropdownMenuButton1">
                    HIER SIND DIE EINZELNEN LISTENELEMENTE!!!
                </ul>
            </div>

Da das Problem schwer zu erklären ist, kann gerne auch unter meiner GuteFrage profil Seite auf meine Website gehen und auf den Menübutton drücken. Man meine website dann nur auf einem handy oder so öffnen, da sonst der Bildschirm groß genug für das Menü wäre.

Danke für jede Hilfe!!

...zur Frage

CSS, mehrere Transitions?

Hallo, wie kann ich, wenn ich einen Button habe, auf dem ich die Opacity in der Pseudoklasse Hover in einer Transition von 2ms ändern möchte, die Opacity von der Pseudoklasse Active in einer anderen Transitionzeit ändern? Wenn ich transition: opacity 2ms schreibe, wird das sowohl für hover als auch active angewendet, aber ich möchte jeweils unterschiedliche Transitionzeiten haben. Also auf active z.B. 1ms. Ich kann die Transition auch nicht in die jeweilige Pseudoklasse schreiben, da die Transition aufhört, sobald man beispielsweise vom Button runterhovert.

...zur Frage

Weiß jemand wie ich mit CSS den Radio Button beim anklicken des Buttons so blau bekomme?

...zur Frage

HTML Button kann nicht gedrückt werdenn?

Hallo.

Ich versuche nach einer Idee von einem Freund einen Webshop zu machen.

Zu mindestens das Design.. Geht auch alles außer das ich den Button nicht drücken kann. Der Hover funktioniert aber.

Ich habe den Sourcecode bisschen gekürzt.

https://pastebin.com/mPF8BCnn

MFG

...zur Frage

CSS Problem - wie ":hover" richtig anwenden?

Hallo,

- etwas dringend -

ich bin noch Anfängerin und möchte folgenden Effekt erreichen:

wenn ich mit der Maus über irgendeinen Bereich in der Spalte (column, s.u,.) gehe, dann sollen sich die Farben ändern: Hintergrund und p-Text (background: / color:) ist kein Problem. Aber ich habe eben auch eine Headline und einen Button da drin, deren Farben sich ebenfalls ändern müssten, da es sonst nicht mehr lesbar ist.

Ich weiß aber nicht wie ich das richtig anspreche. Einzeln hover-Effekt hinzufügen ist sinnfrei.

Mir würde es auch reichen, wenn sich z.B. einfach alle Farben in der Spalte invertieren oder irgendetwas anderes. Vielleicht ist der hover: Ansatz ja auch falsch? Google hat leider nicht geholfen bisher....

#plan .column:hover {

transform:scale(105%);

box-shadow: 0px 0px 40px rgba(0, 0, 0, .3);

background-color: #FF4772;

color: #C6EBE9;

}

So sieht es bis jetzt aus. Headline schlecht lesbar und den Button sieht man gar nicht

...zur Frage

bootstrap Modal beim Seiten-laden öffnen lassen, wie?

hallo ich habe ein bootstrap-modal und derzeit ein button womit sich das öffnet. ich will jetzt aber dass es sich direkt beim öffnen der seite öffnet, habe gegoogelt und JS scripts wie diesen gefunden aber da passiert einfach nix.

 $(window).load(function(){        
   $('#myModal').modal('show');
    });

wie lasse ich ein modal beim aufrufen öffnen ??

...zur Frage

CSS hover Effekte sollen nach aktivien bleiben?

Ich habe z.B. einen div-Container und mache einen hover-Effekt, dass er breiter wird. Jetzt will ich, dass dies so bleibt, bis man die Seite halt neu lädt. Geht das nur mir CSS oder braucht man JS? Danke im Voraus :)

...zur Frage

Was ist besser?

Hallo, Ich versuche eine website zu machen: "https://thedarkonion.github.io/MyDrugs-2.0/index.html"

es geht um eine website für unterhaltung sie ist eine fan recreate von mydrugs.to (eine netflix serie) und es gibt mehrere seiten Die haupt page (Homepage, startseite) wo es einen button gibt "SHOP NOW" die zur anderen seite hinleitet zur shopseite (kein echter shop nur aus spass) aber wichtig jetzt ist die homepage oder startseite nähmlich der button nimmt mehr platz ein wie er eigentlich sollte Wenn ihr wollt könnt ihr aml auf die seite oben gehen das ist meine seite die ich meine. Der button ist in der mitte wenn man auf die seite geht sollte man es sehen. Und wenn man oben in der ecke Oder über den button (alle bereiche neben/unten/über/in der nähe) von den button ist kann man drauf klicken und man wird ungewollt weitergeleitet zu der website. Ich habe eine lösung gefunden Aller dings ist dann der button nicht mehr in der mitte sondern an der seite:

In der ecke der "SHOP NOW" button. Und da ist der button genau richtig ohne das man ungewollt weitergeleitet wird aber Normal ist es so:

der "SHOP NOW" button ist in der mitte was auch gut aussieht aber das problem ist: man kann in den angezeigten bereichen ausversehen weitergeleitet werden:

Also was ist besser?

...zur Frage

HTML/CSS Linkfarbe in Button ändern?

Hey,

Ich habe nun als Aufgabe bekommen, eine Support Seite zu programmieren, wo alle verschiedenen Möglichkeiten zum Support angezeigt werden

(TeamSpeak, Ticket-System und E-Mail).

Dort ist auch ein Button mit z.b. dem Text "Ticket-System öffnen".

Dieser leitet dann auf eine andere Seite weiter, nur wenn man dort drauf klickt, und dann zur Support Seite zurück kehrt, wird im Button der Text "Ticket-System öffnen"

in Blau angezeigt, weil man diesen Link auf den man weitergeleitet wird, schonmal war.

Wie kann man das deaktivieren, für alle Besucher?

Danke im Vorraus :)

...zur Frage

Nicht akzeptieren button?

Ist der Nicht-akzeptieren Button gesetzlich Pflicht beim Cookie Banner? Und wenn ja, wie mache ich es so ohne Cookie szu setzen, dass der Banner nicht aufploppt? Also ohne Cookies geht das doch nicht, oder ist es vielleicht erlaubt, Cookies zu setzen, die beim schließen direkt gelöscht werden?

...zur Frage

[HTML] Hover entfernen?

https://jsfiddle.net/e8hboktq/

Wie kann ich das dropdown vom hover deaktivieren und ändern, das es nur noch geht, wenn man auf den button drückt und nicht hovert

...zur Frage

Was möchtest Du wissen?

Deine Frage stellen