Formular vor Link

[Eurosystem]

Hallo,

ich habe ein Problem mit folgendem Code:

  
<a href="index.php?inhalt=start" style="position:relative;display:block;width:400px;height:100px;background-image:url(bilder/design/linkbg.png);z-index:0;">  
Zur Startseite<br>  
<div style="position:absolute;right:0px;bottom:0px;z-index:2;">  
  <form action="index.php?inhalt=login">  
  <input type="submit" value="Bewerten">  
  </form>  
</div>  
</a>  

Es handelt sich also um ein Formular das auf einem Link liegt. Wenn man auf den Formular-Button klickt, soll dieser dem Link "bevorzugt" werden, also soll man auf die 'index.php?inhalt=login' Seite verwiesen werden.

Opera und der Internet Explorer (!) verstehen das auch so, Firefox und Safari leiten jedoch lieber auf die Linkadresse weiter...

Hat jemand eine Idee wie man das Formular außer mit z-index vor den Link stellt?

LG

Eurosystem

[Der Martin]

Hi,

ich habe ein Problem mit folgendem Code:

nicht nur du - auch der Validator oder ein pingeliger Browser hat damit Probleme.

<a href="index.php?inhalt=start" style="position:relative;display:block;width:400px;height:100px;background-image:url(bilder/design/linkbg.png);z-index:0;">

Zur Startseite<br>
<div style="position:absolute;right:0px;bottom:0px;z-index:2;">
  <form action="index.php?inhalt=login">
  <input type="submit" value="Bewerten">
  </form>
</div>
</a>

  
Ein Link (a-Element) darf keine Blockelemente und keinen weiteren Link enthalten. Die obige Konstruktion ist also ungültiges HTML - ganz abgesehen davon, dass sie auch von der Logik her unsinnig ist, was du ja ansatzweise auch schon gemerkt hast.  
Wenn jemand auf den submit-Button klickt, was soll dann passieren? Das Formular abschicken? Oder dem Link folgen? Und weil dieses Konstrukt nicht erlaubt ist, stellt sich die Frage gar nicht erst.  
  
So long,  
 Martin  

-- 
Um mit einem Mann glücklich zu werden, muss eine Frau ihn sehr gut verstehen und ein bisschen lieben.  
Um mit einer Frau glücklich zu werden, muss ein Mann sie sehr lieben und darf gar nicht erst versuchen, sie zu verstehen.  
  
Selfcode: fo:) ch:{ rl:| br:< n4:( ie:| mo:| va:) de:] zu:) fl:{ ss:) ls:µ js:(

[Eurosystem]

Naja, der eigentliche Quelltext ist weitaus komplizierter, es handelt sich dabei um eine Art Bewertungssystem wie es das früher bei Youtube gab: Man öffnet mit dem Link ein Spiel und mit dem Formular kann man "Sterne" vergeben, je nach dem wie gut einem das Spiel gefallen hat. Jeder "Stern" ist also ein Button in diesem Formular.

LG

Eurosystem

[ChrisB]

Hi,

Naja, der eigentliche Quelltext ist weitaus komplizierter, es handelt sich dabei um eine Art Bewertungssystem wie es das früher bei Youtube gab: Man öffnet mit dem Link ein Spiel und mit dem Formular kann man "Sterne" vergeben, je nach dem wie gut einem das Spiel gefallen hat. Jeder "Stern" ist also ein Button in diesem Formular.

Was das jetzt mit irgendeinem „Link“ zu tun haben soll, wird damit immer noch nicht klar.

Bitte beschreibe uns dein Problem nachvollziehbar!

Bittes lies auch die Tipps für Fragende - noch mal! - und setze um, was dort beschrieben ist.

MfG ChrisB

[Eurosystem]

Also, mein Problem ist, das ich eine Art "Bewertungsformular" unten rechts auf einem mit display:block formatierten Link zeigen will, mit dem Formular soll man den Inhalt des Links (ein Spiel) bewerten können.

Leider lösen die meisten Browser den Link aus, wenn auf das Formular geklickt wird.

Was gäbe es für andere Möglichkeiten, das Formular zwar auf dem Link anzuzeigen aber nicht den Link auszulösen wenn auf den submit-Button des Formulars geklickt wird?

LG

Eurosystem

[Take]

Was gäbe es für andere Möglichkeiten, das Formular zwar auf dem Link anzuzeigen aber nicht den Link auszulösen wenn auf den submit-Button des Formulars geklickt wird?

Mal so als Anregung: wofür brauchst du den Link, wenn er nicht ausgelöst werden soll? Für unterstrichenen Text: text-decoration: underline;. Für den veränderten Cursor: cursor: pointer;. Für mehr Hilfe wäre ein Online-Beispiel nicht schlecht.

LG

Eurosystem

Grüße Take

[Eurosystem]

Was gäbe es für andere Möglichkeiten, das Formular zwar auf dem Link anzuzeigen aber nicht den Link auszulösen wenn auf den submit-Button des Formulars geklickt wird?

Mal so als Anregung: wofür brauchst du den Link, wenn er nicht ausgelöst werden soll?

Der Link soll ausgelöst werden, wenn man darauf klickt. Wenn man jedoch auf den Submit - Button des Formulars klickt, das sich in der unteren rechten Ecke des Links befindet, soll dieser ausgelöst werden.

LG

Eurosystem

[ChrisB]

Hi,

Der Link soll ausgelöst werden, wenn man darauf klickt. Wenn man jedoch auf den Submit - Button des Formulars klickt, das sich in der unteren rechten Ecke des Links befindet, soll dieser ausgelöst werden.

Dann sorge dafür, dass sich „unter“ dem Submit-Button nicht Link befindet.

MfG ChrisB

[Take]

Der Link soll ausgelöst werden, wenn man darauf klickt.

Logisch. :)

Wenn man jedoch auf den Submit - Button des Formulars klickt, das sich in der unteren rechten Ecke des Links befindet, soll dieser ausgelöst werden.

Dann gehört der Submit-Button (bzw. das Formular) nicht _in_ den Link (wieso auch?!).

LG

Eurosystem

Gruß,
Take

[ChrisB]

Hi,

Was gäbe es für andere Möglichkeiten, das Formular zwar auf dem Link anzuzeigen aber nicht den Link auszulösen wenn auf den submit-Button des Formulars geklickt wird?

Wenn du einen Link hast, der gar nicht benutzbar sein soll - wieso lässt du dann den Link nicht einfach ersatzlos weg?

MfG ChrisB

[ChrisB]

Hi,

ich habe ein Problem mit folgendem Code:

Auch hier gilt wieder mal:

Beschreibe uns bitte zunächst verbal(!) das Problem, das du zu lösen, bzw. die Aufgabenstellung, die du umzusetzen versuchst!

*Dann* können wir dir ggf. auch Vorschläge machen, wie man so etwas sinnvoll umsetzen kann.

Wenn uns nur irgendwelcher vermurkster Code gezeigt wird, der schon in sich nicht sinnvoll ist - dann können wir dir nur sagen, dass du auf dem Holzweg bist, aber nicht warum - weil wir gar nicht erkennen können, was du erreichen willst.

MfG ChrisB

[fastix®]

Moin!

Nein. Du willst einen Link, der mit CSS (style="display:block") zu einem Block-Element gemacht wurde und eine bestimmte Größe und eine bestimmte Position hat, damit nach einem Klick auf die gesamte Fläche zu einer bestimmten Seite "gesprungen" wird.

Du willst zweitens mit CSS und als weiteres Blockelement ein Formular über diesen Link legen, was gar kein Problem ist.

Informiere Dich über die Positionierung von HTML-Elementen statt diese wild und falsch zu verschachteln.

Eurosystem

Verdammt großer Name ... Was kann denn die Firma?

MFFG (Mit freundlich- friedfertigem Grinsen)

fastix

[fastix®]

Moin!

Hier der Quelltext für das Eurosystem:

<a href="http://www.google.com" style="display:block;position:absolute;top:0;left:0;height:100px;right:0;background-color:blue;font-size:80px;color:green;text-decoration:none;padding-left:.5em">&euro;-System</a>  
<form style="display:block;position:absolute;top:30;right:100px;height:20px;width:100px" method="GET" action="test.html">  
<input type="button" onclick="alert('Aber Hallo!');" value="Klick hier!" />  
</form>

MFFG (Mit freundlich- friedfertigem Grinsen)

fastix

[Beat]

Eurosystem
Verdammt großer Name ... Was kann denn die Firma?

Sterne formulieren und und Ressourcen verschwenden, wobei der basisdemokratische Wille durch Unrecht missachtet wird?

mfg Beat