• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

kann nicht ins textfeld klicken

Status
Für weitere Antworten geschlossen.

groovyCoconut

Neues Mitglied
ich habe ein problem:
und zwar kann ich nach der formatierung meiner seite mit css
beim firefox und dem neuen ie nicht ins textfeld klicken?
wenn ich ins formular gelangen will muss ich die tabulator taste
benutzen. habe es meinem dozenten gezeigt, der kann sich da aber
auch keinen reim drauf machen und hat so ein problem noch nie gesehen.
ich weis überhaupt nicht wo das problem liegen könnte!?

vielleicht könnt ihr mir helfen. danke
 
also ich werde erstmal die kontakt.htm posten und danach meine css.
das ganze ist im netz unter dogstime.de/kontak.htm zu sehen.

vielen dank schon mal..

p.s. ich mache die seite für eine freundin

<!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">
<html>
<head>
<title>Dogs Time Hundeschule</title>
<link href="styles.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="alles" >

<div id="kopf" >
<div id="logo">
<a href="index.htm"><img src="bilder/banner.jpg" /></a>
</div>
</div>

<div id="menue" >
<ul>
<li><a href="ueber_mich.htm" >Über mich</a></li>
<li><a href="qualifikation.htm" >Qualifikation</a></li>
<li><a href="erziehung.htm" >Erziehung</a></li>
<li><a href="kurse.htm" >Kurse</a></li>
<li><a href="training.htm" >Trainingsort</a></li>
<li><a href="preise.htm" >Preise</a></li>
<li><a href="gaestebuch.htm" >Gästebuch</a></li>
<li><a href="kontakt.htm" >Kontakt</a></li>
</ul>

</div>

<div id="inhalt" >
<div id="text_links">
Sie können mir eine Nachricht über das Kontaktformular schicken oder eine E-Mail an: [email protected] - ich
werde mich dann umgehend
<br/>
mit Ihnen in Verbindung setzen.
<br/>
Bitte beachten Sie dass es bei einigen Browsern mit dem Kontaktformular noch Probleme geben könnte. Schreiben Sie mir dann bitte eine E-Mail oder rufen
<br/>
Sie mich an. Vielen Dank!
<p />

<form action="kontakt.php" method="post">
<table>
<tr>
<td>
Name*
</td>
<td>
<input type="text" name="nachname" size="20" maxlength="50" />
</td>
</tr>
<tr>
<td>
Vorname
</td>
<td>
<input type="text" name="vorname" size="20" maxlength="50" />
</td>
</tr>
<tr>
<td>
E-Mail oder Tel*&nbsp;&nbsp;
</td>
<td>
<input type="text" name="kontakt" size="20" maxlength="50" />
</td>
</tr>
<tr>
<td>
Betreff
</td>
<td>
<input type="text" name="betreff" size="20" maxlength="50" />
</td>
</tr>
<tr>
<td>
Anfrage*
</td>
<td>
<textarea name="anfrage" cols="25" rows="5" ></textarea>
</td>
</tr>
<tr>
<td>
</td>
<td>
<input type="reset" value="Zurücksetzen" />
<input type="submit" value="Absenden" />
</td>
</tr>
</table>
</form>
</div>
<div id="foto01">
<img src="bilder/impressum.jpg" />
</div>
<div id="disclimer">
<a href="disclimer.htm">Disclimer</a>
</div>
</div>

<div id="fuss">
</div>
</div>
</body>
</html>

/* CSS Document */
body {
background-color: #aabbbb;
font-family: Arial, Helvetica, sans-serif;

font-size: 14px;
}

#alles {
width: 800px;
height: 900px;
margin: auto;
background-color: #F9FADD;
border-width: 4px;
border-color: #000000;
border-style: solid;


}
#kopf {
width: 800px;
height: 200px;
background-color: #EBECC7;
border-bottom-width: 3px;
border-bottom-color: #000000;
border-bottom-style: solid;
}
#logo {
margin-left: 20px;
}
#logo a img {
border: 0;
margin-top: 20px;
}
#menue {
width: 800px;
height: 50px;
background-color: #ccdddd;
border-bottom-width: 3px;
border-bottom-color: #000000;
border-bottom-style: solid;
font-size: 16px;
color: #993333;
}
#menue ul {
position: absolute;
margin-top: 14px;
margin-left:35px;
}
#menue ul li {
display: inline;
margin-left: 5px;
}
#menue ul li a {
text-decoration: none;
}
#menue ul li a:hover {
color: #EBECC7;
}

#menue ul li a:active {
color: #F9FADD;
}
#inhalt {
width: 700px;
color: #C47B19;
}
#inhalt a {
text-decoration: none;
}
#inhalt #text_links {
position: relative;
left: 35px;
top: 35px;
width: 350px;
float: left;
}
#inhalt #text_ueber_mich {
position: relative;
left: 35px;
top: 35px;
width: 480px;
float: left;

}
#inhalt #foto01 {
position: relative;
top: 35px;
left: 90px;
}
#disclimer {
position: relative;
left: 120px;
top: 30px;

}
 
Zuletzt bearbeitet von einem Moderator:
Status
Für weitere Antworten geschlossen.
Zurück
Oben