Textfelderabstand in Opera

html.de-Forum HTML, XHTML & CSS
1

Hallo!

Ich habe ein Formular mit Textfeldern. Diese habe ich in Spans gepackt und jedem span einen absoluten abstand verpasst. In Firefox ist der abstand super zu sehen im Epiphany-Browser und Konquerer ebenfalls (IE noch nicht getested da ich unter Linux bin) nur im Opera ballert er mir die Textfelder ohne abstand einfach hintereinander ohne Abstand zusammen. Hier mal mein kleines CSS

span.flow1
{
    position:absolute; left:10pt;
    font-family:Verdana;
    font-size:small;
    margin:5pt;	
}



span.flow2
{
    position:absolute; left:140pt;
    font-family:Verdana;
    font-size:small;
     margin:5pt;	
}

span.flow3
{
    position:absolute; left:270pt;
    font-family:Verdana;
    font-size:small;
     margin:5pt;	
}

span.flow4
{

    position:absolute; left:400pt;
    font-family:Verdana;
    font-size:small;
     margin:5pt;	  
}



span.flow5
{

    position:absolute; left:445pt;
    font-family:Verdana;
    font-size:small;
     margin:5pt;	
}



span.flow6
{
    position:absolute; left:500pt;
    font-family:Verdana;
    font-size:small;
     margin:5pt;	
}

p.verd
{
    font-family:Verdana;
    font-size:small;
    font-weight:bold;
     margin:5pt;	
}

span.flow7
{

    position:absolute; left:630pt;
    font-family:Verdana;
    font-size:small;
     margin:5pt;	
}	

body.bg
{
    background-color:aliceblue;
}

Wie bekomm ich das hin, das dort auch ein gewisser abstand erzeugt wird. „margin und 5pt“ hat nicht gefunzt.

Gruß niesel

2

Super problembeschreibgung mit quelltext, das problem ist nur das keiner weis was welche css klasse macht bzw. wie dein html aussieht und wir deswegen auch nur raten können…

3

Ist richtig!

Hier der Auszug des Codes um den es geht:

[html]

Name 
  <span class="flow2" >Vorname</span>
  
  <span class="flow3" >Stra&szlig;e</span>
   
  <span class="flow4">Hausnr.</span>

  <span class="flow5">PLZ </span>
  
  <span class="flow6">Ort</span>
   
  <span class="flow7">Email</span>


  <span class="flow2"><input name="vorname" type="text" size="20" value="vorname"/></span>

  <span class="flow3"><input name="strasse" type="text" size="20" value="strasse"/> &nbsp; -</span>

  <span class="flow4"> <input name="hausnr" type="text" size="3" value="hausnr"/></span>

  <span class="flow5"><input name="plz" type="text" size="5"  maxlength="5" value="plz"/></span>

  <span class="flow6"><input name="ort" type="text" size="20"  value="ort"/></span>

   <span class="flow7"><input name="email" type="text" id="email" size="20" value="email"/></span>
[/html]

Gruß niesel