• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

[ERLEDIGT] SVG Bild mittig zentrieren

Status
Für weitere Antworten geschlossen.
syl92

syl92

Neues Mitglied
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 :

HTML: 
<!DOCTYPE html>
<html xmlns="[URL]http://www.w3.org/1999/xhtml[/URL]">
    <head>
        <meta charset="utf-8" />
        <title>Web_VK_</title>
        <link href="file:///C|/Users/Frühstück2015/Dropbox/2F_MA_Sylvia Szulc/Logo ASG-Göcken/Web VK/Web_VK_-web-resources/css/idGeneratedStyles.css" rel="stylesheet" type="text/css" />
    </head>
    <body id="Web_VK_">
        <div class="_idGenObjectLayout-1">
            <div id="_idContainer000">
                <img class="_idGenObjectAttribute-1" src="file:///C|/....svg" alt="" />
            </div>
        </div>
    </body>
</html>
 
Zuletzt bearbeitet:
Werbung:
syl92 schrieb:
Siehst du es hier?
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta charset="utf-8" />
<title>Web_VK_</title>
<link href="file:///C|/Users/Frühstück2015/Dropbox/2F_MA_Sylvia Szulc/Logo ASG-Göcken/Web VK/Web_VK_-web-resources/css/idGeneratedStyles.css" rel="stylesheet" type="text/css" />
</head>
<body id="Web_VK_">
<div class="_idGenObjectLayout-1">
<div id="_idContainer000">
<img class="_idGenObjectAttribute-1" src="file:///C|/Users/Frühstück2015/Dropbox/2F_MA_/Logo /Web VK/Web_VK_-web-resources/image/Web_VK-01.svg" alt="" />
</div>
</div>
</body>
</html>
Zum Vergrößern anklicken....

Naja, ist kein Link sondern Code, aber egal ;)

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

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

Gruss

MrMurphy
 
MrMurphy schrieb:
Hallo

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

Gruss

MrMurphy
Zum Vergrößern anklicken....

Hey :)

Danke Dir!

Meinst du so?

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta charset="utf-8" />
<title>Web_VK_</title>
<link href="file:///C|/Users/Frühstück2015/Dropbox/2F_MA_Sylvia Szulc/Logo ASG-Göcken/Web VK/Web_VK_-web-resources/css/idGeneratedStyles.css" rel="stylesheet" type="text/css" />
</head>
<body id="Web_VK_">
<div class="_idGenObjectLayout-1">
<div id="_idContainer000">
<a><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>
</div>
</div>
</body>
</html>


so funktioniert das nämlich nicht :(
 
Werbung:
MrMurphy schrieb:
Hallo

Du musst dem a-Element die Linkadresse zuweisen

Code: 
<a href="zieladresse.html">

Gruss

MrMurphy
Zum Vergrößern anklicken....

Das funktioniert auch nicht :/

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta charset="utf-8" />
<title>Web_VK_</title>
<link href="file:///C|/Users/Frühstück2015/Dropbox/2F_MA_Sylvia Szulc/Logo ASG-Göcken/Web VK/Web_VK_-web-resources/css/idGeneratedStyles.css" rel="stylesheet" type="text/css" />
</head>
<body id="Web_VK_">
<div class="_idGenObjectLayout-1">
<div id="_idContainer000">
<img class="_idGenObjectAttribute-1" <a href="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">
</div>
</div>
</body>
</html>
 
syl92 schrieb:
Das funktioniert auch nicht :/

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta charset="utf-8" />
<title>Web_VK_</title>
<link href="file:///C|/Users/Frühstück2015/Dropbox/2F_MA_Sylvia Szulc/Logo ASG-Göcken/Web VK/Web_VK_-web-resources/css/idGeneratedStyles.css" rel="stylesheet" type="text/css" />
</head>
<body id="Web_VK_">
<div class="_idGenObjectLayout-1">
<div id="_idContainer000">
<img class="_idGenObjectAttribute-1" <a href="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">
</div>
</div>
</body>
</html>
Zum Vergrößern anklicken....

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.
 
Werbung:
Hallo

Code: 
<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
 
Status
Für weitere Antworten geschlossen.

Neueste Beiträge

Zurück
Oben