anklickbares/interaktives Bild?

Hallo,

auf dieser webseite: Karosserie- & Lackzentrum Zeesen – Ihr Partner für Karosseriebau und Autolackierung in Königs Wusterhausen (karosseriebauer-lackierer.de)

befindet sich ungefähr in der Mitte der Seite ein bild, welches man in anklickbare bereiche unterteilt kann. Wie geht sowas, bzw. wie nennt sich die Software um sowas zu erstellen für zum beispiel webseiten

1 Antwort

Vom Beitragsersteller als hilfreich ausgezeichnet

regex9

Von gutefrage auf Grund seines Wissens auf einem Fachgebiet ausgezeichneter Nutzer

HTML, Webseite, Webdesign

27.12.2023, 20:20

Das kann als (interactive) Image Map bezeichnet werden. Das konkrete Beispiel wurde mit Image Map Pro gebaut.

Für eine Eigenimplementation könnte man CSS (mask) nutzen oder man baut das Bild mittels SVG und wendet im Anschluss CSS/JavaScript auf die einzelnen Komponenten an.

Ähnliche Beiträge

Ausbildung zum Karosseriebauer/in?

Hallo, ich habe die letzen zwei Wochen mein Praktikum in einer autolackierung gemacht und soll jetzt 3 Zettel über die Ausbildung zu dem Beruf dort ausfüllen, in meinem Betrieb gab es 3 verschiedene Berufe (Kauffrau,Lackiung,Karosserie) ich möchte mich bei meinen Zetteln auf die Ausbildung zum Karosseriebauer beziehen, nur kenne ich mich damit nicht aus und auch mit der Recherche bin ich nicht so gut.
Jemand der sich vielleicht damit auskennt oder gerne recherchiert kann mir vielleicht helfen die Zettel (siehe Bilder) auszufüllen.

Also schreibt zum Beispiel:

Ausbildungsdauer: …(die Antwort)

Vielen Dank im Voraus, LG

...zum Beitrag

HTML Kalender ohne JavaScript oder PHP erstellen?

Hallo zusammen,

ich möchte mit HTML einen Kalender erstellen, der allerdings nicht statisch sein soll. Damit meine ich nicht unbedingt, dass jeder manuell auf der Webseite Daten eintragen kann, sondern dass man zwischen den Monaten navigieren kann. Zum Beispiel innerhalb einer Zeitspanne von August 2022 bis August 2025 oder so. Dabei soll der Kalender beim Aufrufen der Seite, wenn möglich, den aktuellen Monat zeigen und durch Klicken auf ein Symbol (oder eventuell Drücken der Links- / Rechtstaste auf der Tastatur) kann man auf den vorherigen oder nächsten Monat wechseln.

Ich möchte das - verständlicherweise - nicht durch das Erstellen von 37 verschiedenen HTML-Dokumenten erreichen, durch die man dann mit Hyperlinks zwischen diesen Seiten hin und herwechseln kann.

Das Problem ist, dass ich sowohl von JavaScript als auch von PHP absolut keine Ahnung habe und auf keinen Fall irgendwo im Internet einen fünfzig-Zeilen-Code (JavaScript, PHP oder sonst irgendeine Programmiersprache) kopieren will, den ich zu 99,9% selbst nicht verstehen würde.

Weiß einer, wie ich so etwas nur mit HTML und CSS (und eventuell, wenn es sein muss, auch mit Java) hinbekomme?

P. S. Bitte gebt mir keine Antworten vom Stil "lerne einfach JavaScript". Das ist keine hilfreiche Antwort, da ich es eben ohne JavaScript erreichen will!

...zum Beitrag

Ist das zu viel für eine Webseite?

1.950€ für eine Webseite. Sie enthält 25 Unterseiten. Entfernung von Backlinks, Integration von neuen Backlinks, Bilder und Texte pro Unterseite werden vom Webdesigner selbst erstellt. Arbeitszeit würde vielleicht sieben Tage betragen. Die Seite ist kein einfaches Template.

Verlangt der selbstständige Webdesigner zu viel oder zu wenig?

Arbeitszeit, Aufwand, etc. mitberechnet.

...zum Beitrag

Website HTML und CSS Fehler?

Hallo,

ich soll als Hausaufgabe eine Website (nur HTML und CSS) programmieren (wir haben bis jetzt nur die Basics gemacht).

Ich habe nun die Grundstruktur in HTML so gemacht, wie ich es brauche und bin nun beim CSS Teil angekommen, welcher mir etwas Kopfschmerzen bereitet.

Ich habe mal Screenshots vom bisherigen Code eingefügt (Die Website soll laut Lehrer ganz einfach sein, das Impressum muss nur einen Beispieltext enthalten und den Code für den footer aus der Landingpage habe ich noch nicht an die anderen Seiten angepasst, da ich noch mit CSS am experimentieren war).

Falls der Code an sich besser weiterhilft, habe ich hier noch den Dropbox Link:
https://www.dropbox.com/scl/fi/fgwyg3w7m4hfqdnbl3f3n/Website.zip?rlkey=1ea3d4quzggbn8xgnk9x9gvk3&dl=0

Nun habe ich folgende Probleme/Dinge, die ich auf der Website haben möchte, aber nicht hinbekomme:

Ich möchte einen festen Header haben (wie der auf gutefrage), bei welchem die anderen Seiten mittig angeordnet sind
Der footer soll wie bei Amazon ganz unten sein und auch in einem farbigen Kasten, welcher sich über den ganzen Bildschirm zieht
Die Texte im Footer sollen einmal links(2023), mittig(impressum) und rechts(Namen) ausgerichtet sein (irgendwie konnte ich den Link zum Impressum nicht verschieben)
Die Seite muss nicht 100% responsible sein, sondern soll sich nur an verschiedene Browser anpassen (Laut Lehrer mit Hilfe von prozentualen Werten anstatt Pixeln)
Auf der Landingpage möchte ich das Hintergrundbild haben und der Text (welchen ich noch hinzufügen muss) soll erst nach dem Bild kommen, wenn man runter scrollt
Auf der Impressum Seite soll der Beispieltext zum Uhrheberrecht nicht von ganz links nach ganz rechts auf dem Bildschirm gehen, sondern nur bis zu etwa der Mitte und dann einen Zeilenumbruch (soll sich nicht verschieben, wenn ich es mit anderem Browser benutze)

Ich habe schon selbst versucht, die oben genannten Dinge irgendwie zu fixen, aber entweder klappt es nicht oder meine Website stellt sich einmal auf den Kopf. Da wir auch erst die Basics in CSS hatten, weiß ich leider nicht mehr, als das, was ich schon gemacht habe.

Es wäre sehr hilfreich, wenn mir einer, der sich damit auskennt, weiterhelfen könnte und mir erklären kann, wie ich die oben genannten Kriterien umsetzen kann.

Ich bedanke mich schonmal sehr bei euch.

Grüße Alex

...zum Beitrag

CSS ab Seitenverhältnis?

Hallo,

es ist ja in CSS möglich, ab einer bestimmten Breite Objekten andere CSS Eigenschaften zuzuordnen, allerdings haben viele Handys mittlerweile sehr höhe Auflösungen, was fast schon wieder einem Tablet oder PC ähnelt. Daher wollte ich wissen ob man statt einer bestimmten Breite auch ein Seitenverhältnis überprüfen kann.

...zum Beitrag

Welchen Befehl brauche ich (HTML, CSS)?

Hallo welchen css Befehl brauche ich damit wenn ich nach unten scrolle dass der weiße Kasten hinter der Menüleiste oben ist und nicht vor?

Danke!

...zum Beitrag

Kann jemand diesen Button in HTML CSS umwandeln?

Hallo,

schafft es jemand, mir diesen Button in HTML und CSS zu machen?

Border color ist #f5bf8c

Font color ist #363639

Gradient links ist #fdc591

Gradient recht ist #cd9969

Und dann ist da noch so ein kleiner Schatten nach außen (gold) und nach Innen ein kleiner, schwarzer Schatten

...zum Beitrag

Sollte man nach HTML/CSS nicht lieber PHP lernen, weil man damit die Formulare auf einer Webseite funktionstüchtig machen kann?

Weiß gerade nicht, was ich nach HTML und Css lernen soll... PHP oder Javascript.

Mit dem HTML und CSS kurs bin ich ja bald fertig. Aber wenn man zum Beispiel Formulare in die Seite einbaut, kann man sie doch ohne eine Programmiersprache nicht wirklich benutzen...

Ich hoffe ihr habt verstanden, was ich meine... Danke :)

...zum Beitrag

Wie am günstigsten Website Hosten?

Hallo, ich habe mit Html css und JS eine Website erstellt. Jetzt müsste ich eine Domain kaufen. Jedoch ist die Website nur für einen Geburtstag, spätestens nach einem Monat würde ich sie eh wieder offline nehmen. Wie mache ich das am kostengünstigsten? Was brauche ich sonst noch damit die Website steht?

...zum Beitrag

Tabelle nach SQL-Eintrag aktualisieren?

Hallo!

Ich habe mir ein Tool gebaut, welches Namen von einem SQL-Server holt und anzeigt. Das ganze habe ich schon verwendet, aber dann habe ich mir gedacht, dass es besser wäre wenn ich die Namen auch anhaken könnte. Das hab ich so programmiert aber dann ist mir etwas aufgefallen. Um die Daten aus dem SQL-Server zu aktualisieren habe ich folgendes verwendet:

<meta http-equiv="refresh" content="30">

Dadurch werden die Häkchen jetzt immer wieder gelöscht. Wie könnte man dieses Problem lösen?

...zum Beitrag

Wie macht man das?

Wenn ich eine Webseite mit Dunklem und Hellem design machen will, muss ich 2 CSS Dateien machen

...zum Beitrag

HTML gradient in nav bar?

Hallo, ich versuche vergebens eine nav bar zu bauen, welche durch hovern einen gradient freigibt, nicht hinter jedem linkblock soll ein gradient sein, sondern ein 'grosser' hinter allen zsm. Mein ansatz ist bis jetzt dies:

<!DOCTYPE html>
<html lang="de">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="style.css">
    <title>G&M Barber</title>
  </head>
  <body>
   
        <ul>
            <li><a href="barber.html">Home</a></li>
            <li><a href="barber.html">News</a></li>
            <li><a href="barber.html">Contact</a></li>
            <li><a href="barber.html">About</a></li>
            
        </ul> 
    
</body>
</html>

css:

body {
    background-color: black;
  }
  
  ul {
  background: linear-gradient(90deg, rgba(0, 3, 36, 1) 0%, rgba(121, 9, 118, 1) 47%, rgba(56, 134, 188, 1) 100%);    border-radius: 12px;
    overflow: hidden;
    display: table;
    margin: 0 auto;
    padding: 0;
  }
  
  li {
    display: inline-block;
  }
  
  li a {
    display: block;
    color: rgb(255, 255, 255);
    font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
    background: black;
  }
  
  li a:hover {
    background: transparent;
  }

jedoch sind die Abstände zwischen den li 'boxen' auch gefärbt, wie ändere ich das, oder wie gehe ich das schlauer an?

Vielen Dank schon mal

...zum Beitrag

Zweitsprachige Webseite mit JS?

Ist es besser eine extra Seite für die zweite Sprache meiner Website zu machen also seite.com und seite.com/de, oder wäre es besser, die Texte direkt mit Js zu machen. Also wenn einer mit der Browsersprache Deutsch die Webseite betritt, soll Js es ermitteln und dementsprechend den Text einblenden ohne eine zweite Seite. Was wäre besser

...zum Beitrag

Navbar mit Bootstrap klappt nicht wieder ein?

Hallo zusammen, ich habe folgendes Problem:

Ich habe das erste Navbar-Beispiel aus der Bootstrap-Dokumentation kopiert https://getbootstrap.com/docs/5.3/components/navbar/). Dort klappt die Navbar auf kleinen Bildschirmen beim Klick auf die drei Striche auf und nach einem zweiten Klick wieder zu. Bei mir ist es aber so, dass sich die Navbar nicht wieder einklappen lässt, nachdem man sie geöffnet hat (Nur bei Klick auf einen Link in der Navbar lässt sie sich zuklappen, nicht bei weiterem Klick auf die drei Striche). Hier mein Code: https://pastebin.com/kUnYBVkY

...zum Beitrag

Was möchtest Du wissen?

Deine Frage stellen