In ein Div ein Link ohne Text setzen. Geht das?

[Sipatshi]

Hallo zusammen,

wie kann ich in ein Div ein Link ohne Text setzen? Geht das?

Vielen Dank im voraus :-)

Gruß

Sipatshi

#XYZ {
 position:absolute;
 width:253px;
 height:90px;
 z-index:10;
 left: 152px;
 top: 406px;
 background-image: url(../jetzt_anmelden.png);
}

#XYZ:link {
 position:absolute;
 width:253px;
 height:90px;
 z-index:10;
 left: 152px;
 top: 406px;
 background-image: url(../jetzt_anmelden.png);
}
#XYZ:visited {
 position:absolute;
 width:253px;
 height:90px;
 z-index:10;
 left: 152px;
 top: 406px;
 background-image: url(../jetzt_anmelden.png);
}
#XYZ:hover {
 position:absolute;
 width:253px;
 height:90px;
 z-index:10;
 left: 152px;
 top: 406px;
 background-image: url(../jetzt_anmelden_mo.png);
}

#XYZ:active {
 position:absolute;
 width:253px;
 height:90px;
 z-index:10;
 left: 152px;
 top: 406px;
}

--------------------------------------------

<div id="XYZ"></div>

--------------------------------------------

[ChrisB]

Hi,

wie kann ich in ein Div ein Link ohne Text setzen? Geht das?

In dem du zwischen <a ...> und </a> keinen Text notierst.

MfG ChrisB

[Sipatshi]

Hi,

»»
Hi,

der W3C-Validator kommt damit nicht klar! Zeigt mir folgenden Fehler an:

Line 496, Column 37: document type does not allow element "div" here; missing one of "object", "applet", "map", "iframe", "button", "ins", "del" start-tag.

<a href="#"><div id="XYZ" ><div /></a>

wie kann ich in ein Div ein Link ohne Text setzen? Geht das?

In dem du zwischen <a ...> und </a> keinen Text notierst.

MfG ChrisB

[EKKi]

Mahlzeit Sipatshi,

der W3C-Validator kommt damit nicht klar! Zeigt mir folgenden Fehler an:

Line 496, Column 37: document type does not allow element "div" here; missing one of "object", "applet", "map", "iframe", "button", "ins", "del" start-tag.

Natürlich. Das ...

<a href="#"><div id="XYZ" ><div /></a>

... ist ja auch invalider Code und nicht das, was ChrisB Dir vorgschlagen hat:

In dem du zwischen <a ...> und </a> keinen Text notierst.

MfG,
EKKi

[Sipatshi]

Hi

Mahlzeit Sipatshi,

der W3C-Validator kommt damit nicht klar! Zeigt mir folgenden Fehler an:

Line 496, Column 37: document type does not allow element "div" here; missing one of "object", "applet", "map", "iframe", "button", "ins", "del" start-tag.

Natürlich. Das ...

<a href="#"><div id="XYZ" ><div /></a>

... ist ja auch invalider Code und nicht das, was ChrisB Dir vorgschlagen hat:

In dem du zwischen <a ...> und </a> keinen Text notierst.

tut mir leid :-( ich sehe nicht den Unterschied. Need Help.

MfG,
EKKi

[EKKi]

Mahlzeit Sipatshi,

In dem du zwischen <a ...> und </a> keinen Text notierst.

tut mir leid :-( ich sehe nicht den Unterschied. Need Help.

Tut mir auch leid: der Unterschied ist offensichtlich.

Übrigens sieht "keinen Text zwischen <a ...> und </a>" bei mir ungefähr so aus: <a ...></a>

MfG,
EKKi

[Sipatshi]

Ich habs gefunden!

Hallo zusammen,

<a href="#"><div id="XYZ"></div></a>

Gruß
Sipathi

[JürgenB]

Hallo Sipatshi,

Ich habs gefunden!

nein.

<a href="#"><div id="XYZ"></div></a>

div in a ist nicht erlaubt.

Gruß, Jürgen

[EKKi]

Mahlzeit Sipatshi,

Ich habs gefunden!

Nein.

<a href="#"><div id="XYZ"></div></a>

So setzt Du nicht "in ein Div ein Link ohne Text", sondern in einen Link ein Div ohne Inhalt. Im Übrigen ist das auch noch invalide, da <a> nur <http://de.selfhtml.org/html/referenz/elemente.htm#a@title=#PCDATA und Inline-Elemente> enthalten darf.

MfG,
EKKi

[Sipatshi]

Mahlzeit Sipatshi,

Ich habs gefunden!

Nein.

<a href="#"><div id="XYZ"></div></a>

So setzt Du nicht "in ein Div ein Link ohne Text", sondern in einen Link ein Div ohne Inhalt.

Das habe ich ja gemacht(in einen Link ein Div ohne Inhalt)! Funktioniert, aber der W3C-Validator macht nicht mit. Wie kann ich es valide machen?

Danke Gruß

Sipatshi

Im Übrigen ist das auch noch invalide, da <a> nur <http://de.selfhtml.org/html/referenz/elemente.htm#a@title=#PCDATA und Inline-Elemente> enthalten darf.

MfG,
EKKi

[ChrisB]

Hi,

zitiere bitte endlich mal sinnvoll!
Du siehst doch wohl, dass die anderen hier auch nicht gedankenlos das komplette Vorposting uebernehmen, sondern nur die Teile, auf die sie konkret Bezug nehmen - also mach das bitte auch so.

<a href="#"><div id="XYZ"></div></a>

So setzt Du nicht "in ein Div ein Link ohne Text", sondern in einen Link ein Div ohne Inhalt.

Das habe ich ja gemacht(in einen Link ein Div ohne Inhalt)! Funktioniert, aber der W3C-Validator macht nicht mit. Wie kann ich es valide machen?

In dem du in einen Link *kein* Div reinpackst, weil es nicht erlaubt ist.

Vielleicht beschreibst du mal, was du eigentlich erreichen willst - dann kann man dir auch bessere Vorschlaege machen, wie sich das umsetzen liesse.

MfG ChrisB

[Sipatshi]

Hi,

Hi :-)

zitiere bitte endlich mal sinnvoll!
Du siehst doch wohl, dass die anderen hier auch nicht gedankenlos das komplette Vorposting uebernehmen, sondern nur die Teile, auf die sie konkret Bezug nehmen - also mach das bitte auch so.

<a href="#"><div id="XYZ"></div></a>

So setzt Du nicht "in ein Div ein Link ohne Text", sondern in einen Link ein Div ohne Inhalt.

Das habe ich ja gemacht(in einen Link ein Div ohne Inhalt)!

Funktioniert, aber der W3C-Validator macht nicht mit. Wie kann ich es valide machen?

In dem du in einen Link *kein* Div reinpackst, weil es nicht erlaubt ist.

Vielleicht beschreibst du mal, was du eigentlich erreichen willst - dann kann man dir auch bessere Vorschlaege machen, wie sich das umsetzen liesse.

Wie mann hier sehen kann < hier > habe ich ein Div mit Mouse Hover usw. effekt.

<a href="#"><div id="XYZ"></div></a>

Ich weiss das es invalide ist :-( aber so funktioniet es mit dem Link :-)

In dem du in einen Link *kein* Div reinpackst, weil es nicht erlaubt ist.

nun hab ich das <div> aus dem <a> rausgenommen. Gibt es keine andere Lösung? Ich brauch den div :-)

So funktioniert es garnicht <div id="XYZ"><a href="#"></a></div>.

Verstanden`?

Gruß

Sipatshi

[ChrisB]

Hi,

nun hab ich das <div> aus dem <a> rausgenommen. Gibt es keine andere Lösung? Ich brauch den div :-)

Nein, brauchst du hoechstvermutlich nicht.

So funktioniert es garnicht <div id="XYZ"><a href="#"></a></div>.

So funktioniert *was* nicht?
Du hast immer noch nicht beschrieben, was du *erreichen* moechtest!
Also erklaere uns *das* jetzt bitte, und antworte nicht schon wieder damit, dass du uns irgendwelchen zusammengestuemperten Code zeigst, ohne jegliche Erklaerung, was du damit bezwecken willst.

MfG ChrisB

[Deus Figendi]

Guten Abend

Du hast immer noch nicht beschrieben, was du *erreichen* moechtest!

Wenn ich das richtig verstanden habe möchte Sipatshi ein Bild ausblenden, wenn es "active" ist, also wenn man gerade drauf klickt.
Die pseudoklasse "active" funktioniert aber nicht nur bei Verweisen, es gibt also keinen Grund weshalb du das <a>-Element missbrauchen müsstest.
Ungetestet müsste auch sowas funktionieren:

  
<img src="../jetzt_anmelden.png" id="#XYZ" />  

~~~~~~css
  
#XYZ:active {  
 visibility:hidden;  
}

Falls das nicht funktioniert kannst du ja doch noch einen Link um das Bild bauen, <img> ist inline!
Wenn du dann noch aus irgendwelchen Gründen ein Block-Element brauchen solltest kannst du das <img> zum Block-Element erklären (display:block) oder eben den Verweis drumrum zu einem Block machen (dann das <img> aber nicht) oder aber du baust dir deinen <div> doch noch drum, wobei ich dazu keine Veranlassung sehe.

[EKKi]

Mahlzeit Sipatshi,

<a href="#"><div id="XYZ"></div></a>

So setzt Du nicht "in ein Div ein Link ohne Text", sondern in einen Link ein Div ohne Inhalt.

Das habe ich ja gemacht(in einen Link ein Div ohne Inhalt)!

Du wolltest "in ein Div ein Link ohne Text" setzen. Mit dem Code, den Du gezeigt hast, setzt Du stattdessen in einen Link ein Div ohne Text. Kannst Du da wirklich keinen Unterschied sehen?

Funktioniert, aber der W3C-Validator macht nicht mit. Wie kann ich es valide machen?

Indem Du das <div> aus dem <a> entfernst - da hat es nichts zu suchen.

MfG,
EKKi