grafik anstelle einer schaltfläche für formulare verwenden?

gast

nöö leider nicht ganz schaut selbst:
http://www.heimkinopage.de/email.htm

No0ob

Fuer mich funzt der Button

mat

hi, jo funzen tut er, nur schau ihn dir ma im gegensatz zum "absenden" button an, der "zurückstzen" hat ja noch diesen komischen hellen rahmen rum... (im FF)

ad3nau

weiß nicht ob das geht aber kannst es ja mal mit style="background-color: #rrggbb;" probieren.

mfg

DarkSyranus

Mal frage: was codest du?
Soll anscheinen d xhtml sein, aber es fehlt der doctype

mat

Zitat

Soll anscheinen d xhtml sein, aber es fehlt der doctype

Hä? also ich machs wie gesagt alles mit frontpage 2003...
und der hässliche rahmen um das "zurücksetzen" ist immernoch da.

mgraf

Versuch es mal so:

nachzulesen hier

DarkSyranus

HTML

<html xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o="urn:schemas-microsoft-com:office:office" xmlns="http://www.w3.org/TR/REC-html40">


<head>
<style type="text/css">


.button
{
width: 130px;
height: 23px;
background: url(http://www.heimkinopage.de/navigationsbar/absenden.gif) no-repeat;
}
<style>
body {
scrollbar-face-color:#B0C4DE
;
scrollbar-shadow-color:#003399;
scrollbar-highlight-color:ffffff;
scrollbar-3dlight-color:ffffff;
scrollbar-darkshadow-color:000000;
scrollbar-track-color:#003366
;
scrollbar-arrow-color:ffffff; }
</style>


<meta http-equiv="Content-Language" content="de"><meta http-equiv="Content-Type" content="text/html; charset=windows-1252"><title>Kontaktformular</title>
<meta http-equiv="Content-Language" content="de">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>Kontaktformular</title>
<meta http-equiv="Content-Language" content="de">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>matthias-luft.de - eMail - Kontaktformular</title>
<base target="_self">


<link rel="stylesheet" type="text/css" href="_themes/ripple/ripp1011.css"><meta name="Microsoft Theme" content="ripple 1011">
</head>


<body>


<table border="0" width="100%" id="table2" style="border-left-width: 1px; border-right-width: 1px; border-top-width: 1px; border-bottom-style: solid; border-bottom-width: 1px">
	<tr>
		<td><font face="Verdana" size="5">E-Mail / Kontaktformular</font></td>
	</tr>
</table>






</p>


<html>
<body>
</body>
</html>








<html>
<font size="2">Bitte benutzten Sie das Kontaktformular, um mit uns Kontakt 
aufzunehmen. Wir setzen uns dann umgehend mit Ihnen in Verbindung.</html> Für 
technische Anfragen im Heimkino-/Hifibereich nutzen Sie bitte unser
<a target="_blank" href="http://www.forum.heimkinopage.de">
<font color="#FFFFFF">Forum</font></a>.</font></p>






</p>
<script Language="JavaScript" Type="text/javascript"><!--
function FrontPage_Form1_Validator(theForm)
{


  if (theForm.Nachricht.value == "")
  {
    alert("Geben Sie einen Wert in das Feld \"Nachricht\" ein.");
    theForm.Nachricht.focus();
    return (false);
  }
  return (true);
}
//--></script><form method="POST" action="http://formpost.de/send.ab?account=heimkinopage&konf=eMail" onsubmit="return FrontPage_Form1_Validator(this)" language="JavaScript" name="FrontPage_Form1">


	<table border="0" width="100%" id="table3">
		<tr>
			<td width="103" align="right"><font size="2">Anrede:</font></td>
			<td width="6" align="right"></td>
			<td>
	<font color="#FFFFFF"><span style="background-color: #FFFFFF">
	<select size="1" name="Anrede" style="border: 0px solid #041943; font-size:12px">
	<option value="Frau">Frau</option>


	<option value="Herr">Herr</option>
	</select></span></font></td>
		</tr>
		<tr>
			<td width="103" align="right"><font size="2">Ihr Name: </font>
			</td>
			<td width="6" align="right"></td>


			<td>
	<font color="#FFFFFF" size="3">
	<input type="textfield" name="Name" size="28" style="border:1px solid #FFFFFF; font-size:12px; font-weight:bold; font-family:Verdana"  ></font></td>
		</tr>
		<tr>
			<td width="103" align="right" height="21"><font size="2">eMail:</font></td>
			<td width="6" align="right" height="21"></td>
			<td height="21">


	<font color="#FFFFFF" size="3">
			<input type="textfield" name="Email" size="33" style="border:1px solid #FFFFFF; font-size:12px; font-family:Verdana"  ></font></td>
		</tr>
		<tr>
			<td width="103" align="right"><font size="2">Betreff:</font></td>
			<td width="6" align="right"></td>
			<td><font color="#C7D4E5" size="3">
			<input type="textfield" name="Betreff" size="55" style="border:1px solid #FFFFFF; font-size:12px; font-family:Verdana"  ></font></td>


		</tr>
		<tr>
			<td width="103" align="right" valign="top" height="165"><font size="2">Ihre 
			Nachricht:</font></td>
			<td width="6" align="right" height="165"></td>
			<td height="165"> 
<font color="#FFFFFF"> 
			<font color="#C7D4E5">
<textarea name="Nachricht" wrap="virtual" rows="12" cols="52" style="border:1px solid #FFFFFF; font-size:12px; font-family:Verdana" ></textarea></font> </font>
			</td>


		</tr>
		<tr>
			<td width="103" align="right" valign="top"></td>
			<td width="6" align="right"></td>
			<td></td>
		</tr>
		<tr>
			<td width="103" align="right" valign="top"><font size="2">Wie haben 
			sie uns gefunden?</font></td>


			<td width="6" align="right"></td>
			<td><font color="#FFFFFF" size="3">
			<input type="textfield" name="referrer" size="55" style="border:1px solid #FFFFFF; font-size:12px; font-family:Verdana"  ></font><font color="#FFFFFF" size="1"> </font>
			<p style="margin-top: 0"><font color="#FFFFFF" size="1">
			Sie können eine Suchmaschiene oder besser noch eine ganze 
			Internetadresse angeben.</font></td>
		</tr>
		<tr>
			<td width="103" align="right" valign="top"></td>


			<td width="6" align="right">


</p>



</td>
			<td>
	<input type="image" src="http://www.heimkinopage.de/navigationsbar/absenden.gif" alt="Absenden" name="I1"> <button type="reset">





        [img]http://www.heimkinopage.de/navigationsbar/reset.gif[/img]
      </p>
</button></td>
		</tr>


	</table>
	</form>
<p align="left"><font size="2">Danke für Ihre Nachricht!</font></p>
<p align="center"></p>
<p align="center"></p>
<p align="center"></p>
<p align="center"></p>
<p align="center"><font face="Verdana" style="font-size: 7pt" color="#FFFFFF">© 2005 Matthias Luft 
- [url='http://www.heimkinopage.de']<font color="#FFFFFF">www.heimkinopage.de</font>[/url]. Alle 
Rechte vorbehalten</font><font color="#FFFFFF" style="font-size: 7pt">.</font></p>


</body>


</html>

Alles anzeigen

OMG
Das soll dein Quelltext sein?
Ein Rat.
Schmeiss den fpe ganz weit weg.
Am schlimmsten ist noch

HTML

<body>


<table border="0" width="100%" id="table2" style="border-left-width: 1px; border-right-width: 1px; border-top-width: 1px; border-bottom-style: solid; border-bottom-width: 1px">
   <tr>
      <td><font face="Verdana" size="5">E-Mail / Kontaktformular</font></td>
   </tr>
</table>






</p>


<html>
<body>
</body>
</html>








<html>
<font size="2">Bitte benutzten Sie das Kontaktformular, um mit uns Kontakt
aufzunehmen. Wir setzen uns dann umgehend mit Ihnen in Verbindung.</html> Für
technische Anfragen im Heimkino-/Hifibereich nutzen Sie bitte unser
<a target="_blank" href="http://www.forum.heimkinopage.de">
<font color="#FFFFFF">Forum</font></a>.</font></p>

Alles anzeigen

zwei htmlgerüste in einem code
das wird nix

BendOr

ja also den gesamten code von frontpage kann man eigentlich wegschmeissen
zurücksetzen button is eig eh überflüssig und wenn du docheinen habe nwillst musst du noch im css definieren, dass bei "p" kein abstand sein soll

Code

<button type="reset"> 
      <p class="button"> 
        [img]bild.gif[/img]
      </p> 
</button>

und im css:

Code

p.button
{
margin: 0;
padding: 0;
/* blabla, ka was da genau hin muss, einfach mal googlen */
}

topfblume

moin ...

Welch Unwissender behauptet , dass es mit <input type="submit" nicht funktioniert? Das sagt mir, dass die Beispiele garnicht erst ausprobiert werden, sondern nur irgend ein mit frontpage erstellelter Quellcode die Quelle seines Wissens ist.

Weiter so ...

gruß

Tags