MasterG: span style geht nicht...

Beitrag lesen

Hallo,

ich durschsuche jetzt schon seit stunden das netz aber ich finde keine lösung vieleicht weiß ja hier jemand rat.

also ich habe folgendes problem

html code:

  
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">  
<html xmlns="http://www.w3.org/1999/xhtml">  
  <head>  
  
    <title> XXXXXX // Truck und Countrymusik  
    </title>  
    <link href="css/basic.css" rel="stylesheet" type="text/css" media="all" />  
<script type="text/javascript" src="GeneratedItems/CSScriptLib.js"></script>  
<script type="text/javascript">  
<!--var  
preloadFlag = true;  
// -->  
</script>  
  </head>  
  <body>  
    <div id="main">  
      <div style="position:relative;width:773px;height:562px;-adbe-g:p;">  
        <div style="position:absolute;top:16px;left:224px;width:500px;height:100px;">  
          <img src="bilder/banner.gif" alt="XXXXXX Country und Truck" height="100" width="500" border="0" />  
        </div>  
        <div style="position:absolute;top:192px;left:32px;width:0px;height:0px;">  
          <!--Navigation-->  
<a onmouseover="changeImages('base_news','bilder/navi/over_news.gif');return true" onmouseout="changeImages('base_news','bilder/navi/base_news.gif');return true" href="index.php"><img id="base_news" src="bilder/navi/base_news.gif" alt="Neues" name="base_news" height="30" width="150" border="0" /></a><br/>  
<a onmouseover="changeImages('base_bio','bilder/navi/over_bio.gif');return true" onmouseout="changeImages('base_bio','bilder/navi/base_bio.gif');return true" href="index.php?seite=biografie"><img id="base_bio" src="bilder/navi/base_bio.gif" alt="Biografie" name="base_bio" height="30" width="150" border="0" /></a><br/>  
<a onmouseover="changeImages('base_presse','bilder/navi/over_presse.gif');return true" onmouseout="changeImages('base_presse','bilder/navi/base_presse.gif');return true" href="index.php?seite=presse"><img id="base_presse" src="bilder/navi/base_presse.gif" alt="Presse" name="base_presse" height="30" width="150" border="0" /></a><br/>  
<a onmouseover="changeImages('base_medien','bilder/navi/over_medien.gif');return true" onmouseout="changeImages('base_medien','bilder/navi/base_medien.gif');return true" href="#"><img id="base_medien" src="bilder/navi/base_medien.gif" alt="Medien" name="base_medien" height="30" width="150" border="0" onmouseover="javascript:showMenue('umenue1');" onmouseout="javascript:hideMenue('umenue1');"/></a><br/>  
<a onmouseover="changeImages('base_galerie','bilder/navi/over_galerie.gif');return true" onmouseout="changeImages('base_galerie','bilder/navi/base_galerie.gif');return true" href="index.php?seite=galerie"><img id="base_galerie" src="bilder/navi/base_galerie.gif" alt="Galerie" name="base_galerie" height="30" width="150" border="0" /></a><br/>  
<a onmouseover="changeImages('base_kontackt','bilder/navi/over_kontackt.gif');return true" onmouseout="changeImages('base_kontackt','bilder/navi/base_kontackt.gif');return true" href="index.php?seite=kontackt"><img id="base_kontackt" src="bilder/navi/base_kontackt.gif" alt="Kontackt" name="base_gaestebuch" height="30" width="150" border="0" /></a><br/>  
<a onmouseover="changeImages('base_gaestebuch','bilder/navi/over_gaestebuch.gif');return true" onmouseout="changeImages('base_gaestebuch','bilder/navi/base_gaestebuch.gif');return true" href="index.php?seite=gaestebuch"><img id="base_gaestebuch" src="bilder/navi/base_gaestebuch.gif" alt="Gaestebuch" name="base_gaestebuch" height="30" width="150" border="0" /></a><br/>  
<a onmouseover="changeImages('base_impressum','bilder/navi/over_impressum.gif');return true" onmouseout="changeImages('base_impressum','bilder/navi/base_impressum.gif');return true" href="index.php?seite=impressum"><img id="base_impressum" src="bilder/navi/base_impressum.gif" alt="Impressum" name="base_impressum" height="30" width="150" border="0" /></a>  
  
          <!--/Navigation-->  
        </div>  
        <!--Untermenüs-->  
        <div onmouseover="javascript:showMenue('umenue1');" onmouseout="javascript:hideMenue('umenue1');" class="umenue1" id="umenue1">  
<ul>  
<li><a href="index.php?seite=discografie">Discografie</a></li>  
<li><a href="index.php?seite=songtexte">Songtexte</a></li>  
</ul>  
</div>  
        <!--/Untermenüs-->  
        <div style="position:absolute;top:16px;left:32px;width:150px;height:150px;">  
          <img src="bilder/Logo1.gif" alt="XXXXXX Logo" height="150" width="150" border="0" />  
        </div>  
        <div style="position:absolute;top:128px;left:192px;width:560px;height:296px;">  
          <table width="560" border="0" cellspacing="2" cellpadding="0">  
            <tr>  
              <td class="scroll">  
                <div style="overflow: auto; height: 100%; width: 100%;">  
                  <!-- Inhalt -->  
<form id="FormName" action="(EmptyReference!)" method="get" name="FormName">  
<div class="mitte">  
<h1><u>Kontackt</u></h1>  
  
<span style="text-align:left;width:120;">Ihr Name:</span>  
<span style="text-align:right;width:220;"><input type="text" name="name" size="30"/></span>  
  
<br/>  
  
<span style="text-align:left;width:120;">Ihre eMail:</span>  
<span style="text-align:right;width:220;"><input type="text" name="vonmail" size="30"/></span>  
  
<br/>  
<br/>  
  
<span style="text-align:left;width:340;">Art der Anfrage:</span><br/>  
<span style="text-align:right;width:340;">  
<select style="width:316px;" name="art" size="1">  
   <option value="Booking">Ich m&ouml;chte XXXXXX Buchen</option>  
   <option value="Frage">Ich m&ouml;chte XXXXXX eine Frage stellen</option>  
</select>  
</span>  
  
<br/>  
  
<span style="text-align:left;width:340;">Ihre Nachricht:</span><br/>  
<span style="text-align:right;width:340;"><textarea name="nachricht" rows="7" cols="37"></textarea></span>  
  
<br/>  
<br/>  
  
<span style="text-align:center;width:170;"><input value="Nachricht Senden" type="submit" name="submitButtonName"/></span>  
<span style="text-align:center;width:170;"><input value="Felder leeren" type="reset"/></span>  
</div>  
</form>  
  
                  <!-- /Inhalt -->  
                </div></td>  
            </tr>  
          </table>  
        </div>  
      </div>  
    </div>  
  </body>  
</html>  

wenn ich nun das was im code zwischen <!-- Inhalt --> und <!-- /inhalt --> steht in eine html datei einfüge und mit dem browser öffner ist alles so ausgerichtet wie ich es haben will doch wenn ich das so öffne wie es oben steht dann sieht es so aus als ob die spawn style atribute nicht greifen...

irgentjemand eine idee?

Gruss
MasterG