✔ Formular

Status
Nicht offen für weitere Antworten.
Peter Klein

Peter Klein

Erfahrenes Mitglied
Hallo

1.
Habe folgende Frage. Kann ich einen Schriftzug oder eine kleine Grafik als Senden Button in einem Formular definieren?

2.
Ich stehe gerade auf dem Schlauch, möchte Textfelder und Passwortfeld in einer externen CSS datei formatieren, nur klappt es nicht, habe es mal im index.php Dokument gemacht. Wäre nett wenn mir mal einer von euch nen denksnatoss geben könnte für das kleine Problem.

Hier die Codes:

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>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Hagbard666.de</title>
<link href="style.css" rel="stylesheet" type="text/css" />
<link rel="shortcut icon" href="favicon.ico">
</head>

<body>
<div id="wrap" align="center">
 
 <div id="head">
  <div id="logo"></div>
  
   <div id="login">
   <form id="log_in" action="">
   <input type="text" name="Benutzer" style="border: 1px solid black; width: 120px;"/>&nbsp;<input type="password" name="pass" style="border: 1px solid black; width:100px;"/>
   </form>
   </div>

 </div>

 <div id="menu_left">
  
 </div>

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

HTML: 
body {
}

div#wrap {
	margin-left: 100px;
	margin-right: 100px;
	margin-top: 20px;
	min-height: 500px;
	border: 1px solid grey;
}

div#wrap #head {
	background-image: url(scan.gif);
	height: 233px;
}

div#wrap #head #logo{
	float: left;
	height: 233px;
	width: 500px;
	background-image: url(hagbard666_logo.gif);
}

div#wrap #head #login {
	float: right;
	margin-top: 210px;
	margin-right: 4px;
}


Peter
 
Hallo,
zu 1. JA
Einfach folgenden Code verwenden:
Schriftzug:
HTML: 
<input type="submit" Value="Text">

Bild:
HTML: 
<input type="image" src="button.jpg">

Zu 2. Ja, geht

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>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Hagbard666.de</title>
<link href="style.css" rel="stylesheet" type="text/css" />
<link rel="shortcut icon" href="favicon.ico">

<style>
.buttondesign
{
border: 2px solid black; width: 120px;
}
</style>

</head>

<body>
<div id="wrap" align="center">
 
 <div id="head">
  <div id="logo"></div>
  
   <div id="login">
   <form id="log_in" action="">
   <input type="text" name="Benutzer" class="buttondesign"/>&nbsp;<input type="password" name="pass" class="buttondesign"/>
   </form>
   </div>

 </div>

 <div id="menu_left">
  
 </div>

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

Den CSS-Bereich (im Head) musst du einfach in eine CSS-Datei schreiben.
Was willst du ins mit dem 2. Code-Block zeigen?
 
Zuletzt bearbeitet von einem Moderator:
Es geht auch ohne zusätzlicher Zuweisung einer Klasse:
Code: 
input[type="text"],
input[type="password"] {
	…
}
Allerdings kennen manche Browser – darunter leider auch der Platzhirsch Internet Explorer – den Attribut-Selektor nicht.
 
IDs (ohne Auslassungs-Apostroph) können fast allen HTML-Elementen zugewiesen werden. Ausgenommen sind lediglich die Elemente base, head, html, meta, style, script und title.
 
Status
Nicht offen für weitere Antworten.

Neue Beiträge

Zurück