SVG Bild mittig zentrieren

html.de-Forum HTML, XHTML & CSS
1

Hallo,

ich weiß leider nicht weiter bei einer Seite. Ich wäre sehr dankbar für eure Hilfe!

Ich habe aus einer Vektordatei eine SVG Datei erstellt, wo ein Bereich ein Link hinterlegt hat, wo sich ein Mail Fenster öffnen lässt.

Diese Bilddatei soll als Coming Soon Webseite dienen und soll mittig und responsiv platziert werden.

Wenn ich den HTML-Code erstelle, lässt sich der Bereich allerdings nicht mehr anklicken.

Könnt Ihr mir bitte helfen? Hier der Code :

[code=HTML]

Web_VK_
[/code]
2

Ich sehe da leider keinen.

3

Naja, ist kein Link sondern Code, aber egal :wink:

._idGenObjectAttribute-1 { position:absolute; top:50%; bottom:50%; transform:translate(-50%, -50%); }

4

Hast du das Zitat nicht gelesen? Der Link fehlt (plötzlich).

5

Hallo

Du musst um das img-Element ein a-Element setzen und in das die Zieladresse eintragen.

Gruss

MrMurphy

6

Hey :slight_smile:

Danke Dir!

Meinst du so?

Web_VK_
[B] [/B]

so funktioniert das nämlich nicht :frowning:

7

Hallo

Du musst dem a-Element die Linkadresse zuweisen

<a href="zieladresse.html">

Gruss

MrMurphy

8

Das funktioniert auch nicht :confused:

Web_VK_
<img class="_idGenObjectAttribute-1" [B][/B]
9

Lass mich raten - du hast noch nie zuvor etwas von HTML geschweige denn CSS oder sonst was gehört?
Das sind die minimalsten Basics die jeder Anfänger in den ersten 10 Minuten lernt. Solange du dich nicht mal soweit damit beschäftigt hast, macht es auch keinen Sinn dir hier Lösungswege vorzuschlagen. Nur ein Fünkchen Eigeninitiative könnte nicht schaden.
10

Hallo

<a href="zieladresse.html">
   <img class="_idGenObjectAttribute-1" src="file:///C|/Users/Frühstück2015/Dropbox/2F_MA_Sylvia Szulc/Logo ASG-Göcken/Web VK/Web_VK_-web-resources/image/Web_VK-01.svg" alt="" />
</a>

Gruss

MrMurphy

11

Vielen Dank! Hat funktioniert