Buttongrösse in Mozilla / Opera

Schnuckenpapa · 23. Feb. 2006

Hallo Fachleute!
Ich bitte um Eure Hilfe bei folgendem Problem:
Die Darstellung des Buttons in folgendem Code weicht in Opera erheblich von der Darstellung in Mozilla / IE ab. Wie erreiche ich eine gleiche Darstellung? Z.B.: Grafik aussermittig.

Code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Einkaufswagen</title>
<script type="text/javascript">
function rechne_1(f)
{
       var el = f['T1'];
       if(el && el.value)
       {
       var faktor = f['F1'].value;
       f['E1'].value = (faktor * el.value).toFixed(2);
   }
}
</script>
</head>
<body>
<div style="position: absolute; width: 30px; height: 30px; z-index: 1; center: 195px; top: 63px" id="Ebene1">
	<p align="center">
			<button name="Einkauf" value="ok" onclick="rechne_1;" style="margin:0; width: 30px; height: 30px; text-indent:0; word-spacing:0; line-height:100%">
			<img src="images/wagen.gif" width="20" height="20" alt="In den Einkaufswagen" align="middle" border="0"><br>
			</button>
		</div>
</body>

</html>

Danke vorab für Eure Bemühungen!

pit-r · 23. Feb. 2006

Moin!

Code:

<div style="position:absolute;width:30px;height:30px;z-index:1;left:195px;top:63px;" id="Ebene1">
<button name="Einkauf" onclick="rechne_1()" style="width:30px;height:30px;" title="In den Einkaufswagen">
<img src="images/wagen.gif" alt="In den Einkaufswagen" style="position:absolute;left:8px;top:5px;width:20px;height:20px;">
</button>
</div>

Ahoi - Pit

Schnuckenpapa · 26. Feb. 2006

Hallo!
Danke für die bisherige Hilfe.
Jetzt noch einmal eine Frage:
Wenn die Buttons in tabellenzeile 2 und 3 betätigt werden wird die Seite neu geladen, das rechenergebnis ist weg. Beim Button in Zeile 4 passiert das nicht. Warum ist das so? ich würde gern den Button in Zeile 2 verwenden.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<head>
<title>Test</title>
<style type=text.css>
input
{
font-weight:700;
}
input.x
{
border:1px solid grey;
background:white;
text-align:right;
width:6em;
}
input.y
{
border:0px;
background:none;
text-align:right;
width:6em;
}
</style>
<script type="text/javascript">

function rechne(f)
{
var count = 1;
do
{
var el = f['T' + count];
if(el && el.value)
{
var faktor = f['F' + count].value;
f['E' + count].value = (faktor * el.value).toFixed(2);
}
count++;
}
while(el);
}
</script>
</head>

<form method="POST" action="#">
<table border="1" width="325" id="table1">
<tr>
<td width="26%" align="center">
<p align="center"><b>Spalte 1</b></p>
</td>
<td align="right" width="26%">
<p align="center"><b>Spalte 2</b></p>
</td>
<td width="26%" align="center"> </td>
<td width="26%" align="right">
<p align="center"><b>Spalte 3</b></p>
</td>
</tr>
<tr>
<td width="26%" align="center">
<input name="T1" class="x" size="6" style="float: left"></td>
<td align="right" width="26%">
<input name="F1" class="y" value="12.50" size="6" style="float: left"> </td>
<td width="26%" align="center">
<p align="center">
<input type="image" src="wagen.gif" alt="kaufen" onclick="rechne(this.form)"></p>
</td>
<td width="26%" align="right">
<input name="E1" class="y" size="8" style="float: left"> </td>
</tr>
<tr>
<td width="26%" align="center">
<input name="T2" class="x" size="6" style="float: left"></td>
<td align="right" width="26%">
<input name="F2" class="y" value="13.25" size="6" style="float: left"> </td>
<td width="26%" align="center" valign="top" height="30">
<p align="center">
<button><img src="wagen.gif" alt="kaufen" onclick="rechne(this.form)"></button>
</p>
</td>
<td width="26%" align="right">
<input name="E2" class="y" size="8" style="float: left"> </td>
</tr>
<tr>
<td width="26%" align="center">
<input name="T3" class="x" size="6" style="float: left"></td>
<td align="right" width="26%">
<input name="F3" class="y" value="10.00" size="6" style="float: left"> </td>
<td width="26%" align="center">
<input type="button" value="rechne" onclick="rechne(this.form)"></td>
<td width="26%" align="right">
<input name="E3" class="y" size="8" style="float: left"> </td>
</tr>
</table>
</form>
</body>

Grüsse vom Schnuckenpapa

Buttongrösse in Mozilla / Opera

Schnuckenpapa

New member

pit-r

Guest

Schnuckenpapa

New member