Ebene als Link definieren!

shurik · Gast

Hallo zusammen!
Sitze gerade an meiner ersten hp und habe natürlich unmengen an problemen :-).
Eigentlich geht es nur darum, das ich eine hintergrundgrafik eingebaut habe in der die navi buttons integriert sind. Daher hatte ich mir überlegt leere ebenen über die buttons zu legen und diese mit einem link zu belegen. Sieht dann so aus:

<a href="www.123.de"><div id="ebene1"></div></a>

Das funktioniert im Firefox auch wunderbar. Nur der IE macht nicht mit. Darum die Frage habt ihr vielleicht eine professionellere lösung für mein voraben oder eine möglichkeit das im IE zu realisieren?
Vielen dank für eure mühen!

Mit freundlichen Grüßen
shuri

line · Mitglied

Ich verstehe den Sinn nicht so ganz, das div ist ja im Prinzip ein Container für andere html-Elemente ... mehr nicht. Wäre es nicht sinnvoll gleich den Hyperlink entsprechend zu formatieren (z.B. z-index)? Was möchtest Du denn mit der Ebene 1 erreichen?

Gast

Aufgrund meiner minimalen erfahrung die ich bis jetzt sammeln konnte, kam mir nur die idee mit der ebene um den link auf eine definierte fläche zu beschränken.
Was meinst du mit z-index?
In der ebene soll nichts enthalten sein. Es ging mir nur darum eine fläche zu erstellen die nicht sichtbar und ohne inhalt ist aber als link fungiert. D.h. wenn der user mit seinem mauszeiger über die fläche geht soll er diese als link erkennen.
Ich hoffe man kann es einigermaßen nachvollziehen.

line · Mitglied

Achso, ich dachte Du wolltes den Link in der Tiefe über ein anderes Element legen, das meinte ich mit z-index.
Wenn das div eh keine Funktion haben soll, lass es weg und formatiere den Link wie Du ihn haben möchtest mit width, height usw.

Gast

Das geht?

Auch mit left:... und top:... damit ich ihn platzieren kann?
Wäre super wenn du mir das noch mal genauer beschreiben könntest. Habe nämlich mal die werte der ebene in den link kopiert; sah dann so aus:

<a href="http://www.s206626359.online.de/index.html" width:66px; height:52px; left: 434px; top: 95px;></a>

Ist warscheinlich nicht was du gemeint hast. Hat auch nicht wirklich funktioniert. Smile

.line. · Gast

Hm ... wieso kann ich mich denn nicht mehr einloggen??? Egal ...

klar geht das, bei einem Hyperlink sieht das "Gebilde" dann so aus:
<a style="width: 66px; height: 52px; left: 434px; top: 95px;" href="#">Linktext</a>

Wenn Du das später in eine css-Datei auslagerst, sieht das ganze so aus:
a.link1
{
width: 66px;
height: 52px;
left: 434px;
top: 95px;
}

... und den Link bindest Du dann so ein: <a class="link1" href="#">Linktext</a>

Du kannst dem Link einen farbigen Hintergrund verpassen und natürlich hover-Effekte
dazu schreibst Du unter die css-Formatierung einfach
a.link1: hover
{
... und gibst hier die Formatierung ein,
je nachdem wie der Hover-Effekt aussehen soll
}

Gast

Danke dir erstmal für deine andauernde hilfe! Smile

Dein tip funktioniert super. Aber auch nur im firefox, im IE erkennt er den link nicht an. Kann das daran liegen, dass der link kein inhalt hat?

line · Mitglied

Eigentlich sollte der Link in jedem Browser funktionieren, hast Du den Link noch sonstwie formatiert? Vielleicht stimmt auch irgendetwas im Code Deiner Seite nicht und der IE "stolpert" über etwas.
Wenn Du magst kannst Du ja mal Deinen code posten oder einen Link zu Deiner (vorläufigen) Seite einstellen.

Enni P · Mitglied

Nein er/sie/es meinte einen Link ohne Text:

line · Mitglied