Suche im Forum:
Suchen


« Vorheriges Thema anzeigen :: Nächstes Thema anzeigen »  
Autor Nachricht
Beitrag16.03.2007 um 15:50 (UTC)    
Titel: Tabbelle zu breit

hallo leute



ich hab hier eine Tabelle/ Html code.
Diese Tabelle ist mir aber zu breit weil sie nicht in das design Blue


(http://omerta4ever.de.tl/OC.htm)

passt. Kann mir bitte jemand die tabelle so anpassen, das sie den platz großzügig einnimmt und alles perfekt lesbar ist.

SChriftgröße bitte auch anpassen


Hier der Code:





Zitat:
<h3>Hier kannst du f&uuml;r deinen OC die Job's, Eins&auml;tze und die Geldverteilung ausrechnen (calcen)<br />
</h3>
<h5><script Language="JavaScript">
<!--
function Verander() {
extraMessage = "";
Leader = 25000;
Safe = document.getElementById("safe").checked;
(Safe==true) ? Safehouse = 10000 : Safehouse = 0;
DR = Math.round(document.getElementById("DR").value) + Safehouse;
WE = Math.round(document.getElementById("Weapon").value) + Math.round(document.getElementById("bullet").value) * Math.round(document.getElementById("bulletPrice").value);
EE = Math.round(document.getElementById("EE").value);
DriverFormat = "$" + Math.round(DR/1000) + ",000";
function anderFormaat(waarde) {
rest = Math.round(waarde%1000);
if (rest>=100 || rest<=-100) {
waarde = "$" + Math.floor(waarde/1000) + "," + Math.abs(rest);
}
if ((rest>=10 && rest<100) || (rest<=-10 && rest>-100)) {
waarde = "$" + Math.floor(waarde/1000) + ",0" + Math.abs(rest);
}
if ((rest<10 && rest>0) || (rest>=-10 && rest<0)) {
waarde = "$" + Math.floor(waarde/1000) + ",00" + Math.abs(rest);
}
if (rest==0) {
waarde = "$" + Math.floor(waarde/1000) + ",000";
}
return waarde;
}
document.getElementById("t2").innerHTML=DriverFormat;
document.getElementById("t3").innerHTML=anderFormaat(WE);
document.getElementById("t4").innerHTML=anderFormaat(EE);
document.getElementById("totaal").innerHTML=anderFormaat(Leader+DR+WE+EE);

briefcase = Math.round(document.getElementById("briefcase").value);

BrutoProfit = briefcase - (Leader+DR+WE+EE);

if (document.getElementById("SHARE3").checked) {
winstPP=(0.9/3.9)*(briefcase - 25000 - DR/0.9 - WE/0.9 - EE/0.9);
LeaderPay=briefcase;
DRPay=0;
WEPay=0;
EEPay=0;
Method="Keine Geldverteilung";
extraMessage = "<span class='vetrood'>Bist du verückt? Willst du das ganze Geld für dich alleine behalten?<br></span>"
}

if (document.getElementById("SHARE1").checked && document.getElementById("TRANSFER1").checked) {
winstPP=(0.9/3.9)*(briefcase - 25000 - DR/0.9 - WE/0.9 - EE/0.9);
LeaderPay=25000+winstPP;
DRPay=(DR+winstPP)/0.9;
WEPay=(WE+winstPP)/0.9;
EEPay=(EE+winstPP)/0.9;
Method="Verteilen nach Ausrüstungswert- Mit Übergangskosten";
}

if (document.getElementById("SHARE1").checked && document.getElementById("TRANSFER2").checked) {
winstPP=(1/4)*(briefcase - 25000 - DR - WE - EE);
LeaderPay=25000+winstPP;
DRPay=(DR+winstPP);
WEPay=(WE+winstPP);
EEPay=(EE+winstPP);
Method="Verteilung nach Ausrüstungswert - Ohne Übergangskosten";
}

if (document.getElementById("SHARE2").checked && document.getElementById("TRANSFER1").checked) {
winstPP=(0.9/3.9)*(briefcase - 25000 - DR/0.9 - WE/0.9 - EE/0.9);
LeaderPay=(0.9/3.9)*briefcase;
DRPay=(0.9/3.9)*(briefcase)/0.9;
WEPay=(0.9/3.9)*(briefcase)/0.9;
EEPay=(0.9/3.9)*(briefcase)/0.9;
Method="Gleiche Verteilung - Mit Übergangskosten";
}

if (document.getElementById("SHARE2").checked && document.getElementById("TRANSFER2").checked) {
winstPP=1/4*(briefcase - 25000 - DR - WE - EE);
LeaderPay=briefcase/4;
DRPay=(briefcase/4);
WEPay=(briefcase/4);
EEPay=(briefcase/4);
Method="Gleiche Verteilung - Ohne Übergangskosten";
}

result = "<span class='vet'>Arbeitsverteilung:</span><br />";
result = result + "Anführer: " + document.getElementById("nameLeader").value + " ($25,000)<br />";
result = result + "Fahrer: " + document.getElementById("nameDriver").value + " (" + document.getElementById("DR").options[document.getElementById("DR").selectedIndex].text + ")<br />";
result = result + "Waffenexperte: " + document.getElementById("nameWe").value + " (" + document.getElementById("Weapon").options[document.getElementById("Weapon").selectedIndex].text + ", " + Math.round(document.getElementById("bullet").value) + " Kugeln für $" + Math.round(document.getElementById("bulletPrice").value) + ")<br />";
result = result + "Sprengstoffexperte: " + document.getElementById("nameEE").value + " (" + document.getElementById("EE").options[document.getElementById("EE").selectedIndex].text + ")<br /><br />";
result = result + "<span class='vet'>Resultate, verwendend nach Art: '" + Method + "'</span><br />";
result = result + "Die Gesamtkosten waren: " + anderFormaat(Leader+DR+WE+EE) + "<br />";
result = result + "Der Gewinn vom OC war: " + anderFormaat(briefcase) + "<br />";
result = result + "Reiner Gewinn pro Person: " + anderFormaat(winstPP) + "<br /><br />";
result = result + "<span class='vet'>Auszahlung:</span><br /> Die folgenden Charakter bekommen ...<br />";
result = result + "Anführer (" + document.getElementById("nameLeader").value + "): " + anderFormaat(LeaderPay) + "<br />" ;
result = result + "Fahrer (" + document.getElementById("nameDriver").value + "): " + anderFormaat(DRPay) + "<br />";
result = result + "Waffenexperte (" + document.getElementById("nameWe").value + "): " + anderFormaat(WEPay) + "<br />";
result = result + "Sprengstoffexperte (" + document.getElementById("nameEE").value + "): " + anderFormaat(EEPay) + "<br /><br />";
result = result + extraMessage;
result = result + "<br /><span class='vetrood'>Viel Spaß bei Omerta! <br/><br/>Euer Lebewesen</span>";

document.getElementById("resultaat").innerHTML=result;
}
-->
</script><style type="text/css">












































<!--
.hoofdtabel {
border: 1px dotted #CC0000;
}

.vetrood {
font-weight: bold;
color: #CC0000;
}

.vet {
font-weight: bold;
}
.tabelheader {
font-family: Verdana, Arial, Helvetica, sans-serif;
border-bottom-width: 1px;
border-bottom-style: dotted;
border-bottom-color: #CC0000;
font-size: 12px;
font-weight: bold;
color: #CC0000;
font-style: normal;
font-variant: normal;
text-transform: none;
background-color: #EEEEEE;
}
.tabelheader2 {
font-family: Verdana, Arial, Helvetica, sans-serif;
border-bottom-width: 1px;
border-bottom-style: dotted;
border-bottom-color: #CC0000;
border-right-width: 1px;
border-right-style: dotted;
border-right-color: #CC0000;
font-size: 12px;
font-weight: bold;
color: #CC0000;
font-style: normal;
font-variant: normal;
text-transform: none;
background-color: #EEEEEE;
}
.tabelfooter {
font-family: Verdana, Arial, Helvetica, sans-serif;
border-top-width: 1px;
border-top-style: dotted;
border-top-color: #CC0000;
font-size: 12px;
font-weight: bold;
color: #CC0000;
font-style: normal;
font-variant: normal;
text-transform: none;
background-color: #EEEEEE;
}
.tabelfooter2 {
font-family: Verdana, Arial, Helvetica, sans-serif;
border-top-width: 1px;
border-top-style: dotted;
border-top-color: #CC0000;
border-right-width: 1px;
border-right-style: dotted;
border-right-color: #CC0000;
font-size: 12px;
font-weight: bold;
color: #CC0000;
font-style: normal;
font-variant: normal;
text-transform: none;
background-color: #EEEEEE;
}
.tabelbinnen {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #333333;
font-weight: bold;
}
.tabelbinnen2 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #333333;
font-weight: bold;
border-right-width: 1px;
border-right-style: dotted;
border-right-color: #CC0000;
}

.tabelbinnen3 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #333333;
font-weight: normal;
}
.naamveld {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
border: 1px solid #333333;
width: 140px;
}

.car {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
border: 1px solid #333333;
width: 160px;
}

.bullets {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
border: 1px solid #333333;
width: 50px;
}
.prijs {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
border: 1px solid #333333;
width: 40px;
}

p {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #333333;
}
a:link {
color: CC0000;
}
a:visited {
color: CC0000;
}
a:hover {
color: #333333;
}
a:active {
color: CC0000;
}

--></style>
<form id="form1" action="" method="post" name="form1">
<table cellspacing="3" cellpadding="0" width="500" border="0" class="hoofdtabel">
<tbody>
<tr>
<td>
<table cellspacing="0" cellpadding="3" width="500" border="0">
<tbody>
<tr>
<td class="tabelheader" width="57">Name</td>
<td class="tabelheader2" width="147">&nbsp;</td>
<td class="tabelheader2" width="372">Ausr&uuml;stung</td>
<td class="tabelheader" width="98">
<div align="right">Einsatz ($)</div>
</td>
</tr>
<tr class="tabelbinnen" valign="top">
<td width="57">Anf&uuml;hrer:</td>
<td class="tabelbinnen2" width="147"><input class="naamveld" id="nameLeader" onkeyup="Verander();" onchange="Verander();" name="nameLeader" /></td>
<td class="tabelbinnen2" width="372">$25,000</td>
<td id="t1" width="98">
<div align="right">$25,000</div>
</td>
</tr>
<tr class="tabelbinnen" valign="top">
<td width="57">Fahrer:</td>
<td class="tabelbinnen2" width="147"><input class="naamveld" id="nameDriver" onkeyup="Verander();" onchange="Verander();" name="nameDriver" /></td>
<td class="tabelbinnen2" width="372"><select class="car" id="DR" onchange="Verander();" name="DR">
<option value="200000" selected="selected">Mercedes-Benz W25 Avus Streamliner</option>
<option value="150000">Mercedes-Benz W125</option>
<option value="125000">Mercedes-Benz W25</option>
<option value="120000">Bugatti Type 32 .Tank.</option>
<option value="100000">Duesenberg SJ</option>
<option value="90000">Duesenberg J Rollston Berline</option>
<option value="80000">Bugatti Type 35</option>
<option value="88000">Bugatti Type 50 Coupe</option>
<option value="86000">Bentley 3 Litre Vanden Plas Tourer</option>
<option value="84000">Alpha Romeo Sport Touring Berlinetta</option>
<option value="82000">Cadillac V16 Series 452 C Fleetwood</option>
<option value="75000">Mercedes-Benz 320 Cabriolet</option>
<option value="72000">Crossley Streamline</option>
<option value="70000">Rolls Royce Phantom III</option>
<option value="62000">Bentley 4.5 Litre Barker</option>
<option value="61500">Crossley Kegresse Half-Track Truck</option>
<option value="60000">Reo Royale 8 Convertible</option>
<option value="55000">Lincoln KA</option>
<option value="50000">Horch 930V Phaeton</option>
<option value="45000">Bentley 3.5 Litre Coup&eacute;</option>
<option value="40000">Packard 740 Roadster</option>
<option value="35000">Packard 1100 Sedan</option>
<option value="30000">Hudson-Essex Super Six</option>
<option value="24000">Nash Standard 8</option>
<option value="18000">Buick Model 57</option>
<option value="10000">Nash Big Six Town Sedan</option>
</select> <input id="safe" onclick="Verander();" type="checkbox" name="safe" value="on" /> Im SafeHouse</td>
<td width="98">
<div id="t2" align="right">0$</div>
</td>
</tr>
<tr class="tabelbinnen" valign="top">
<td width="57">Waffenexperte:</td>
<td class="tabelbinnen2" width="147"><input class="naamveld" id="nameWe" onkeyup="Verander();" onchange="Verander();" name="nameWe" /></td>
<td class="tabelbinnen2" width="372"><select class="car" id="Weapon" onchange="Verander();" name="Weapon">
<option value="50000" selected="selected">2 Tommies</option>
<option value="25000">1 Tommie</option>
</select> Kugeln: <select class="bullets" id="bullet" onchange="Verander();" name="bullet">
<option value="100" selected="selected">100</option>
<option value="99">99</option>
<option value="98">98</option>
<option value="97">97</option>
<option value="96">96</option>
<option value="95">95</option>
<option value="94">94</option>
<option value="93">93</option>
<option value="92">92</option>
<option value="91">91</option>
<option value="90">90</option>
<option value="89">89</option>
<option value="88">88</option>
<option value="87">87</option>
<option value="86">86</option>
<option value="85">85</option>
<option value="84">84</option>
<option value="83">83</option>
<option value="82">82</option>
<option value="81">81</option>
<option value="80">80</option>
<option value="79">79</option>
<option value="78">78</option>
<option value="77">77</option>
<option value="76">76</option>
<option value="75">75</option>
<option value="74">74</option>
<option value="73">73</option>
<option value="72">72</option>
<option value="71">71</option>
<option value="70">70</option>
<option value="69">69</option>
<option value="68">68</option>
<option value="67">67</option>
<option value="66">66</option>
<option value="65">65</option>
<option value="64">64</option>
<option value="63">63</option>
<option value="62">62</option>
<option value="61">61</option>
<option value="60">60</option>
<option value="59">59</option>
<option value="58">58</option>
<option value="57">57</option>
<option value="56">56</option>
<option value="55">55</option>
<option value="55">55</option>
<option value="55">55</option>
<option value="54">54</option>
<option value="53">53</option>
<option value="52">52</option>
<option value="51">51</option>
<option value="50">50</option>
<option value="49">49</option>
<option value="48">48</option>
<option value="47">47</option>
<option value="46">46</option>
<option value="45">45</option>
<option value="44">44</option>
<option value="43">43</option>
<option value="42">42</option>
<option value="41">41</option>
<option value="40">40</option>
<option value="39">39</option>
<option value="38">38</option>
<option value="37">37</option>
<option value="36">36</option>
<option value="35">35</option>
<option value="34">34</option>
<option value="33">33</option>
<option value="32">32</option>
<option value="31">31</option>
<option value="30">30</option>
<option value="29">29</option>
<option value="28">28</option>
<option value="27">27</option>
<option value="26">26</option>
<option value="25">25</option>
<option value="24">24</option>
<option value="23">23</option>
<option value="22">22</option>
<option value="21">21</option>
<option value="20">20</option>
<option value="19">19</option>
<option value="18">18</option>
<option value="17">17</option>
<option value="16">16</option>
<option value="15">15</option>
<option value="14">14</option>
<option value="13">13</option>
<option value="12">12</option>
<option value="11">11</option>
<option value="10">10</option>
<option value="9">9</option>
<option value="8">8</option>
<option value="7">7</option>
<option value="6">6</option>
<option value="5">5</option>
<option value="4">4</option>
<option value="3">3</option>
<option value="2">2</option>
<option value="1">1</option>
</select> Preis: <input class="prijs" id="bulletPrice" onchange="Verander();" name="bulletPrice" value="350" /> <br />
</td>
<td width="98">
<div id="t3" align="right">0$</div>
</td>
</tr>
<tr class="tabelbinnen" valign="top">
<td width="57">Sprengstoffexperte:</td>
<td class="tabelbinnen2" width="147"><input class="naamveld" id="nameEE" onkeyup="Verander();" onchange="Verander();" name="nameEE" /></td>
<td class="tabelbinnen2" width="372"><select class="car" id="EE" onchange="Verander();" name="EE">
<option value="40000" selected="selected">C4</option>
<option value="20000">TNT</option>
</select></td>
<td width="98">
<div id="t4" align="right">0$</div>
</td>
</tr>
<tr>
<td class="tabelfooter" width="57">&nbsp;</td>
<td class="tabelfooter" width="147">&nbsp;</td>
<td class="tabelfooter2" width="372">
<div align="right">Total Einsatz ($):</div>
</td>
<td class="tabelfooter" width="98">
<div id="totaal" align="right">$25,000</div>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
<br />
<table cellspacing="0" cellpadding="3" width="500" border="0" class="hoofdtabel">
<tbody>
<tr valign="top">
<td class="tabelbinnen" width="216">Gewinn vom OC: </td>
<td class="tabelbinnen" colspan="2"><input class="naamveld" id="briefcase" onkeyup="Verander();" onchange="Verander();" name="briefcase" /></td>
</tr>
<tr valign="top">
<td class="tabelbinnen">Art von Geldverteilung:: </td>
<td class="tabelbinnen" width="500"><input id="SHARE1" onclick="Verander();" type="radio" name="checked" value="1" /> Verteilen nach Ausr&uuml;stungswert <input id="SHARE2" onclick="Verander();" type="radio" name="checked" value="2" /> Gleiche Verteilung<br />
<input id="SHARE3" onclick="Verander();" type="radio" name="checked" value="3" /> Keine Verteilung
<p>&nbsp;</p>
</td>
<td class="tabelbinnen" width="500"><input id="TRANSFER1" onclick="Verander();" type="radio" checked="checked" name="TRANSFER" value="1" />Mit &Uuml;bergangskosten<br />
<input id="TRANSFER2" onclick="Verander();" type="radio" name="TRANSFER" value="2" />Ohne &Uuml;bergangskosten</td>
</tr>
</tbody>
</table>
<br />
<table cellspacing="0" cellpadding="3" width="500" border="0" class="hoofdtabel">
<tbody>
<tr>
<td class="tabelheader">Ergebnis:</td>
</tr>
<tr>
<td class="tabelbinnen3" id="resultaat">&nbsp;</td>
</tr>
</tbody>
</table>
</form>
<p>&nbsp; </p>
</h5>






Danke
______________
Mit freundlichen Grüßen
Lebewesen (©) alias dein-musikportal

* * * arnoldB-media.com - Website-Services * * *
Beitrag16.03.2007 um 16:56 (UTC)    
Titel:

hi,
also ich hab auch iceblue und wenn ich den code reinmache passt das perfekt!!! kannst ja mal auf meiner startseite gucken!!! Aber wenns wirklich nicht funktioniert, kannst ja mal versuchen die <h5> tags am anfang und am ende in <h6> tags umzuschreiben!!! Dann müsste es eigentlich kleiner sein!!!
gruss
______________
[img:cb2347038b]http://userbar.lima-city.de/userbar_user.png[/img:cb2347038b]
[img:cb2347038b]http://img.webme.com/pic/c/computerfreak12/nfsmwplayertc0.gif[/img:cb2347038b]
[b:cb2347038b]300 Beiträge - und es werden noch mehr![/b:cb2347038b]
Beitrag17.03.2007 um 18:59 (UTC)    
Titel: Re

Benutzt du Firefox?


WEnn ja, kein wunder, aber ich möchte das es passt auch für ie
______________
Mit freundlichen Grüßen
Lebewesen (©) alias dein-musikportal

* * * arnoldB-media.com - Website-Services * * *
Beitrag17.03.2007 um 22:27 (UTC)    
Titel:

hi,

also ich muss dir auch sagen, dass es bei mir sowohl im Mozilla Firefox als auch im Internet Explorer ohne Probleme passt. am besten du löscht nochmal die kompletten codes auf dieser einen Seite und fügst den hier geposteten über
Zitat:
oder erst folgendes aktivieren, dann ist das Einfügen von HTML-Codes überall möglich:

Einstellungen -> Den HTML-Editor NICHT anzeigen? (Vorraussetzung: du kannst HTML!) -> JA -> daten editieren

und nicht über den Button Quelltext auf deiner Seite ein.
______________
*** Signatur entfernt ***
Beiträge der letzten Zeit anzeigen:   


Powered by phpBB © 2001, 2005 phpBB Group
Deutsche Übersetzung von phpBB.de