Problem mit table

Rausch

Moin Leute

und schon wieder habe ich ein Problem... (es hört einfach nicht auf :D)

Naja folgends ich habe in eine Tabelle Formularfelder reingebaut. Soweit so gut. Aber jetzt kann ich die größe der Tabelle nicht mehr ändern..

Ich muss die Größe aber ändern ,weil die einzelnen td`s jetzt vieeeeel zu weit von einander weg stehen. Doch leider müssen die Einzelnen tds eng neben einander stehen..

Hoffe mir kann einer helfen

HTML

<!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>Jutta Kl&ouml;ckner Preview   Kontakt</title>


<link rel="stylesheet" type="text/css" href="style/style.css" />


</head>






<body >




		<div id="rosabox">[img]bilder/logo.png[/img]
        					[img]bilder/spatz.png[/img]
        <ul id="Navigation">
        		[*][url='zur_person.html']zur Person[/url]
                <li class="abstand">
        		[*][url='die_stimme.html']die Stimme[/url]
                <li class="abstand"> 
                [*][url='mein_angebot.html']mein Angebot[/url]
                <li class="abstand"> 
                [*][url='termine.html']Termine[/url]
                <li class="abstand"> 
                [*][url='galerie.html']Galerie[/url]
                <li class="abstand"> 
                [*]<span>Kontakt</span>
                <li class="abstand"> 
        [/list]






		<div id="whitebox">
		<div id="submenu" >	
       			 <ul id="subnavigation">
        				[*]<span>Kontakt</span>


                        [*][url='wegbeschreibung.html']Wegbeschreibung[/url]


          				[*][url='impressum.html']Impressum[/url]


          [/list]	
          </div>
        <div id="textbox">



 
      [b]Nehmen Sie mit mir Kontakt auf![/b]






Jutta Kl&ouml;ckner


Bernhardstr. 145


50968 K&ouml;ln






E-Mail:[url='mailto:info@juttakloeckner.de']info@juttakloeckner.de[/url]


<form action="mailto:info@juttakloeckner.de" method"post" enctype="text/plain">


<table border=2 cellpaddin="0" cellspacing="0" width=100% height="200" >


<tr height="30px">
  <td >


Vorname, Name:</td><td><input id="type1" type="text" name="vorname" size="45" /></td>
 </tr>
 <tr>
  <td>


E-Mail:</td><td colspan=3><input id="type1"type="text" name="strasse und hnr." size="45"/></td>
</tr>
<tr>
  <td >


Ihr Naricht:</td><td><textarea id="type1" name="Naricht" cols="45" rows="5"></textarea></td>
 </tr>
  <tr>
  <td>


Telefonnummer:</td><td colspan=3><input id="type1"type="text" name="telefon" size="45"/></td>
</tr>
 <tr>
 <td>


R&uuml;ckruf:</td><td><input  type="checkbox" name="rückruf" /></td>
 </tr>
 <td><input id="type1" type="submit" value="Absenden" /></td><td></td>
 </tr>
</table>
</form>




</p>
	</div>
    </div>
</div>
<div id="blackbox"></div>












</body>
</html>

Alles anzeigen

CSS (wenn man es braucht)

Code

@charset "UTF-8";


*{


font-family:Arial, Helvetica, sans-serif;
font-size:10px;
color:#431c0b;


}


#rosabox{
	background-color: #cd0067;
	margin: auto;
	top: 50px;
	height: 650px;
	width: 900px;
}




#whitebox{
	background-color:#FFFFFF;
	height: 427px;
	width: 663px;
	top: 82px;
	left: 118px;
	position:relative;
	overflow:hidden;
}


#textbox{
	height: *px;
	width: 507px;
	float: left;
	border:0px solid black;

}






#submenu{
	float:left;
	background-color:#f4d1e3;
	height: 427px;
	width: 156px;
	position:relative;
	}






#blackbox{
	background-color:#431c0b;
	margin: auto;
	height: 30px;
	width: 900px;


}


ul#Navigation {
	font-size: 14px;
	font-family:Arial, Helvetica, sans-serif;
	width: 663px;
	height: 25px;
	top: 87px;
	left: 135px;
	position: relative;
	margin: 0;
	padding: 0;
	text-align:left;
	border:0px solid black;
}


.abstand {


	float: left;
	width: 35px;


}


ul#Navigation li{


	float:left;
	list-style: none;
	display: inline;
	padding: 0;

}


ul#Navigation a, ul#Navigation span{
	color:#FFFFFF;
	text-decoration:none;


}


ul#Navigation a:hover, ul#Navigation span{
	color:#431c0b;
}






.bild{
	background-image:url(../bilder/jutta.png);




}


ul#subnavigation {
	color: #cd0067;
	list-style:none;
	font-size: 12px;
	font-family:Arial, Helvetica, sans-serif;
	width: 135px;
	height: 427px;
	top: 20px;
	left: 17px;
	position: relative;
	line-height:15px;
	margin: 0;
	padding: 0;
	text-align:left;
	border:0px solid black;
}


ul#subnavigation a, ul#subnavigation span{
	color:#cd0067;
	text-decoration:none;


}


ul#subnavigation a:hover, ul#subnavigation span{
	color: #431c0b;
}


p{


	color:#431c0b;
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
	padding:10px;
	left:70px;
	line-height:15px;
	clear:none;
}


.p2{


	color:#431c0b;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	padding:10px;
	left:70px;
	line-height:15px;
	clear:none;
}








#scrollbar {
	width:11px; 
	height:10px; 
	font-size:1px; 
	z-index:1;
}


#up {
	position:absolute;
	left:580px;
	z-index:2;
	top: 550px;
}  


#down {
	position:absolute;
	left:580px;
	top: 560px;
	z-index:3;
	width: 11px;
}


#type1 {
background-color:#efefef;
border:1px solid black;




}


a{
color: #cd0067;
text-decoration:none;
}


#logo{
	margin-left:660px;
	position:absolute;
	margin-top:40px;



}
#spatz{
	margin-top:447px;
	margin-left:79px;
	position:absolute;
	z-index:2;


}

Alles anzeigen

pinales

Tach!

Ich weiß nun nicht, ob ich Dein Problem mit meinem Vorschlag erfasst habe, aber ich würde zunächst beginnen, die Absätze

innerhalb der Zellen zu schließen oder zu entfernen. Mit der Verwendung von Absätzen zeigen Browser einen Abstand nach oben und unten. Vielleicht entsteht ja dadurch dein Eindruck, dass die Zeilen "zu weit voneinander weg stehen"?!

Vorname, Name:</td><td><input id="type1" type="text" name="vorname" size="45" /></td>
</tr>
<tr>
<td>

E-Mail:</td><td colspan=3><input id="type1"type="text" name="strasse und hnr." size="45"/></td>
</tr>

Tags