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ö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öckner
Bernhardstr. 145
50968 Kö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ü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