XHTMLforum

XHTMLforum (http://xhtmlforum.de/index.php)
-   (X)HTML (http://xhtmlforum.de/forumdisplay.php?f=72)
-   -   Komischer Rahmen bei einem Bild (http://xhtmlforum.de/showthread.php?t=74236)

Web-Schneiderin 19.06.2021 10:35

Komischer Rahmen bei einem Bild
 
Guten Tag

Ich bin ganz neu hier und auch neu in Sachen HTML / CSS. Ich arbeite mit WordPress und dem Pagebuilder Beaver Builder. Nun habe ich einen Kundenauftrag, bei welchem ich für die Umsetzung HTML / CSS brauche.

Ich habe ein Bild, welches bei Hover eine blaue Farbe annehmen soll und beim Klicken dann zu einer Marke weiter unten springt. Das funktioniert alles. Nur hat es da einen seltsamen hellgrauen Rahmen um das Bild, den ich nicht wegbekomme.

Ich habe alles in einen HTML-Code gepackt, weil ich das im Internet so gefunden und wie gesagt selber noch keine Ahnung habe. Vermutlich müsste da noch einiges optimiert werden. Für mich war die Freude schon gross, dass es überhaupt funktioniert... :) Gerne lasse ich mich belehren, was ich anders machen soll.

Hier der HTML-Code:
HTML-Code:

<!DOCTYPE html>
<html >
<head>
  <style type="text/css">
    .imgBox
    {
      width: 84px;
      height: 60px;
      background: url(https://orbit1.web-testumgebung.ch/wp-content/uploads/2021/05/freiheit-schwarz.svg) no-repeat;
    }
    .imgBox:hover {
      width: 84px;
      height: 60px;
      background: url(https://orbit1.web-testumgebung.ch/wp-content/uploads/2021/06/Symbol-Freiheit-overroll.png) no-repeat;
    }
  </style>
</head>
<body>
<center>
  <div class="imgBox">
      <a href="#dominique"><img class="imgBox"></a>
  </div>
</center>
</body>
</html>

Und hier der Link zur Testseite: Das Problem ist inzwischen gelöst, daher habe ich den Link entfernt.

Ich bedanke mich schon jetzt für eure Hilfe!
LG
tanja

basti1012 19.06.2021 11:14

Das Passwort geht nicht.
Ist das alles an Code, was du da gepostet hast?
Da kann ich nix hellgraues sehen und die Funktion die beim klick aufs Bild kommen soll sehe ich in den Code auch nicht, da fehlt doch was?

Gebe uns mal das richtige Passwort dann kann man das mal in Live sehen was du meinst

Web-Schneiderin 19.06.2021 11:25

sorry, da war noch ein Generalpasswort drin. Jetzt sollte es gehen.
Ja das ist alles an Code, ich habe sonst nirgends was eingestellt (wüsste auch gar nicht wo ;)).

Danke!

basti1012 19.06.2021 11:35

Ich würde das
HTML-Code:

<img class="imgBox">
erstmal so ändern,( dann sollte das Problem auch weg sein )
HTML-Code:

<div class="imgBox"></div>
Ein Img ein Background Bild zugeben finde ich falsch.Ob das erlaubt ist weiß ich auch nicht.

Dein <center> ist auch veraltet und wird so auch nicht mehr verwendet

Web-Schneiderin 19.06.2021 11:46

Wow, vielen Dank, das hat funktioniert!

Wie finde ich denn heraus, was «erlaubt» ist? Ich war immer der Meinung, wenn es funktioniert ist gut...

Könnte das der Grund sein, weshalb das Bild (schwarz) etwas ausgefranst wirkt, obwohl es eine svg-Grafik ist?


Alle Zeitangaben in WEZ +2. Es ist jetzt 19:03 Uhr.

Powered by vBulletin® Version 3.8.11 (Deutsch)
Copyright ©2000 - 2024, vBulletin Solutions, Inc.

© Dirk H. 2003 - 2023