in "form" haben sich die Buttons verschoben!

[Gabi]

Hallo,

ich möchte ein Formular ändern. Normale Links in Grafische!
Nun sieht das ganze so aus:

<form method=\"post\" action=\"vote.php\">
<input type=\"hidden\" name=\"id\" value=\"{VOTEID}\">
<input type=\"hidden\" name=\"s\" value=\"vote\">
<b><u>{FRAGE}</u></b><br>
<font size=\"1\"><b>{ANTWORTEN}</b></font><br>
<center><button type=\"submit\" name=\"vote\" value=\"Abstimmen\" class=\"submit\"><img src=\"themes/clean/img/waehleButton.gif\"></button>
<a href=\"vote.php?id={VOTEID}&s=result\"><img src=\"themes/clean/img/ergebnisButton.gif\" border=\"0\"></a></center><br></form>");

Die Funktion ansich, passt! Aber es sieht jetzt wie nachstehend aus:

Wie bekomme ich die zwei Grafiken richtig neben einander?

Liebe Grüße
Gabi

 

[sam]

was steht in der klasse 'submit' im
stylesheet drin?
da könnte nämlich vielleicht eine
höhenangabe versteckt sein, die den
fehler verursacht...

 

[Gabi]

Da steht:

.submit {
background-color : transparent;
height: 14px;
width: 47px;
border: 0;
padding-top: 0;
margin-top: 0;
}

 

[sam]

da haben wir den übeltäter

height: 14px;
width: 47px;

diese beiden angaben passen nicht zu
dem button. allerdings würde ich das
da nicht ändern (vielleicht zerbröselts
dann was an einer anderen stelle in der
seite)
nimm am besten erstmal die klasse aus
dem button raus

<button type=\"submit\" name=\"vote\" value=\"Abstimmen\"><img src=\"themes/clean/img/waehleButton.gif\"></button>

 

[Gabi]

hmm ... wenn ich das mach, sieht es dann so aus:

Gabi

Irgendwie kommt mir da ein Gedanke, aber leider kann ich ohn nicht umsetzen!

 

[sam]

versuchs mal damit:

<input type="image" src="themes/clean/img/waehleButton.gif">

vielleicht geht das ein wenig einfacher
< button > ist nämlich nicht wirklich
abwärtskompatibel (ie5 und nn6 soweit
ich weiss...)

 

[Gabi]

Das hab ich schon probiert, nur komm ich da dann nicht mehr auf die Seite wo es eigendlich hin soll!

 

[sam]

das ganze scheint ein ie-problem zu sein
(mozilla, netscape usw. haben damit kein
problem)
lässt sich durch tabellen anscheinend
lösen.
bau eindach eine tabelle in dem stil um
die beiden buttons rum:

<table cellspacing="0" cellpadding="0" border="0">
<tr>
<td width="50%"><button type="submit" name="vote" value="Abstimmen" class="submit"><img src="waehlen.gif"></button></td>
<td width="50%"><a href="vote.php?id={VOTEID}&s=result"><img src="ergebnis.gif" border="0"></a></td>
</tr>
</table>

dürfte funktionieren

 

[Gabi]

das hab ich jetzt gemacht:

<table border=\"0\" cellspacing=\"0\" cellpadding=\"0\">
<tr>
<td width=\"50%\" height=\"14\">
<button type=\"submit\" name=\"vote\" value=\"Abstimmen\" class=\"submit\"><img src=\"themes/clean/img/waehleButton.gif\" width=\"47\" height=\"14\"></button>
</td>
<td width=\"50%\" height=\"14\">
<a href=\"vote.php?id={VOTEID}&s=result\"><img src=\"themes/clean/img/ergebnisButton.gif\" border=\"0\"></a></center><br>
</td>
</tr>
</table>

und was rauskommt siehst Du unten:

... könnt mir die Haare raufen! *heul*

Gabi