nicht angemeldet
Hallo Rolf,
Nach einem Online-Beispiel, das den Fehler zeigt, trau ich mich ja gar nicht zu fragen 😉. Aber das wär richtig schön. Vor allem würdest Du beim Erstellen des Online-Beispiels möglicherweise merken, dass der Fehler nicht im gezeigten Code verursacht wird…
Schau mal.
Und das bei diesem Quelltext:
<!DOCTYPE html>
<html lang="de">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>SVG Test</title>
<style>
.aktiv_icon20 {
vertical-align: -0.2em;
width: 16px;
text-align: center;
padding: 5px 5px 5px;
margin-right: 4px;
font-size: 16px;
color: #2E2E2E;
border: 1px solid #C0C0C0;
}
svg.calculate {
background: rgb(90, 90, 173, .15);
color: #000;
}
svg:hover {
transform: scale(1.2); /* Zoomstufe */
transition: transform 0.2s; /* Füge eine sanfte Übergangsanimation hinzu */
}
</style>
</head>
<body>
<a class="tooltip" title='Eintrag ändern' href="aendern.php?ID=466">
<svg class='aktiv_icon20 calculate' viewBox='0 0 1 1'>
<use href='./icons.svg#calculate'></use>
</svg>
</a>
</body>
</html>
Und meine icons.svg
<svg xmlns="http://www.w3.org/2000/svg">
<defs>
<symbol id='calculate' fill='currentColor' viewBox='0 0 256 256'>
<path fill="currentColor"
d="M176 58H80a6 6 0 0 0-6 6v48a6 6 0 0 0 6 6h96a6 6 0 0 0 6-6V64a6 6 0 0 0-6-6Zm-6 48H86V70h84Zm30-80H56a14 14 0 0 0-14 14v176a14 14 0 0 0 14 14h144a14 14 0 0 0 14-14V40a14 14 0 0 0-14-14Zm2 190a2 2 0 0 1-2 2H56a2 2 0 0 1-2-2V40a2 2 0 0 1 2-2h144a2 2 0 0 1 2 2Zm-64-68a10 10 0 1 1-10-10a10 10 0 0 1 10 10Zm0 40a10 10 0 1 1-10-10a10 10 0 0 1 10 10Zm-40-40a10 10 0 1 1-10-10a10 10 0 0 1 10 10Zm0 40a10 10 0 1 1-10-10a10 10 0 0 1 10 10Zm80-40a10 10 0 1 1-10-10a10 10 0 0 1 10 10Zm0 40a10 10 0 1 1-10-10a10 10 0 0 1 10 10Z"/>
</symbol>
<symbol id='locked' fill='currentColor' viewBox='0 0 256 256'>
<path fill="currentColor"
d="M128 116a24 24 0 0 0-4 47.7V184a4 4 0 0 0 8 0v-20.3a24 24 0 0 0-4-47.7Zm0 40a16 16 0 1 1 16-16a16 16 0 0 1-16 16Zm80-72h-40V52a40 40 0 0 0-80 0v32H48a12 12 0 0 0-12 12v112a12 12 0 0 0 12 12h160a12 12 0 0 0 12-12V96a12 12 0 0 0-12-12ZM96 52a32 32 0 0 1 64 0v32H96Zm116 156a4 4 0 0 1-4 4H48a4 4 0 0 1-4-4V96a4 4 0 0 1 4-4h160a4 4 0 0 1 4 4Z"/>
</symbol>
</defs>
</svg>
Hilft das beim Einschätzen oder Nachbauen?
Gruß, Jens
Rolf B
Matthias Scharwies
Gunnar Bittersmann
MudGuard