[Javascript]link als submit doet het niet

http://habbodesk.net/registreren.php

toevoeging op 5 juli 2012, 23:43:15:
die ene submit is om het verschil te zien

toevoeging op 5 juli 2012, 23:43:15:
die ene submit is om het verschil te zien

<a id="submit_avatar"  href="registreren.php" name="submit" onClick="document.registreren.submit();" class="button-link">
  <div class="button-container">
  <div class="button-left"></div>
  <div class="button-content">Registreren!</div>
  <div class="button-right"></div>
  </div>
  </a>

Lol, dit werkt zo niet hè. Je kan verder wel een losse anchor gebruiken en die een block meegeven over je hele divje......

<a id="submit_avatar"  href="registreren.php" name="submit" onClick="document.registreren.submit();" class="button-link">&nbsp;</a>
  <div class="button-container">
  <div class="button-left"></div>
  <div class="button-content">Registreren!</div>
  <div class="button-right"></div>
  </div>

En dan een leuke display:block meegeven in CSS.

wat moet ik een display block meegeven

die a natuurlijk. Je wilt toch een link maken als een block-element?

zonder block werkt ie niet wss?

idd

trouwens, kan ik die a echt niet over de divs doen?

toevoeging op 5 juli 2012, 23:53:21:
en dit werkt ook niet

<a id="submit_avatar"  href="registreren.php" style="display:block;" name="submit" onClick="document.registreren.submit();" class="button-link">blub</a>
<div style="width:  273px;margin-top:5px;">
  <div class="button-container">
  <div class="button-left"></div>
  <div class="button-content">Registreren!</div>
  <div class="button-right"></div>
  </div>
</div>
</form>

Nee, het kan niet, het kan misschien wel, maar het hoort niet, en niet elke browser accepteert het.
Iets meer dan display:block; mag ook wel. hoe groot, welke maat, margin etc...?
Oh ja, Inline-CSS is vies.

ik snap eigenlijk die display:block; niet maar heb wat geprobeerd, maar op een of andere manier lukt echt nog steeds niet

<a id="submit_avatar"  href="registreren.php" style="display:block;width: 100px;height:100px;border: 1px solid red;" name="submit" onClick="document.registreren.submit();" class="button-link">blub</a>
<div style="width:  273px;margin-top:5px;">
  <div class="button-container">
  <div class="button-left"></div>
  <div class="button-content">Registreren!</div>
  <div class="button-right"></div>
  </div>
</div>
</form>

Hmz, als je je anchortag in je divjes plaatst? Block meegeven, en dan zou je wel wat moeten kunnen doen.

die a allemaal dezelfde als de eerste?

hoe bedoel je?

ik snap het eigenlijk ook niet ik zit hier echt te klooien, al van deze nammidag

zet je anchor () eens IN je divje?
Als je dan in CSS dit doet:

div a { 
display: block;
width: 50px;
height; 50px;
}

Geef je parent-divje wel een goede class/id mee

werkt niet:

<div style="width:  273px;margin-top:5px;">
  <div class="button-container"><a id="submit_avatar"  href="registreren.php" name="submit" onClick="document.registreren.submit();" class="button-link">
  <div class="button-left"></div>
  <div class="button-content">Registreren!</div>
  <div class="button-right"></div>
  </a>
  </div>
</div>