0
چگونه با استفاده از HTML و CSS دکمه Send را وسط تصویر قرار دهیم ؟
ممنون میشم راهنمایی کنین.
هر چی امتحان می‌کنمsend button وسط نمیاد.
send=absenden=abschicken
*index.html*
<html>
<head><title>
Aufgabe 3 - XHTML
</title>
<meta charset="utf-8">
<link rel="stylesheet" type="text/css" href="style.css" >
</head>
<body>
<form id="rueckruf" action="">
<h1>Bitte um Rückruf</h1>
<fieldset id="absenden">
<legend>Rückruf ist erwünscht</legend>
<table>
<tr>
<td><label for="telnummer"> Tel-Nr:</label> </td>
<td><input id="anfrage" name="anfrage" type="text" size="18"/></td>
</tr>
<tr>
<td><label for="anfrage"> Anfrage</label> </td>
<td><textarea name="anfrage" cols="15" rows="5"></textarea></td>
</tr>
<tr><td><label for="rbutton">Rückruf erwuenscht</label></td>
<td><input type="radio" name="vormittags" /> <label for="vormittags">Vormittags</label> <br />
<input type="radio" name ="nachmittags" /> <label for="nachmittags">Nachmittags</label>
</td>
</tr>
<tr><td class="abschicken"><input id="absenden" type="submit" value="Absenden" align="center"/></td></tr>
</table>
</fieldset>
</form>
*CSS*
body{
font-family: Arial, sans-serif;
}
h1 {
text-align: center;
}
form{
border: 3px solid #666666;
background-color: #F0F0F0;
margin-top: 10px;
margin-left: 10px;
margin-right: 10px;
font-size: small;
width: 280px;
height: 300px;
}
3 پاسخ
3
دوست عزیز مراحل رو به صورت تصویری پیوست کردم
ضمن اینکه کد اصلاح شده رو در زیر براتون اوردم
موفق باشید
<html>
<head><title>
Aufgabe 3 - XHTML
</title>
<meta charset="utf-8">
<link rel="stylesheet" type="text/css" href="style.css" >
</head>
<body>
<form id="rueckruf" action="">
<h1>Bitte um Rückruf</h1>
<fieldset id="absenden">
<legend>Rückruf ist erwünscht</legend>
<table width="271" height="189">
<!-- MSTableType="layout" -->
<tr>
<td><label for="telnummer"> Tel-Nr:</label> </td>
<td height="24"><input id="anfrage" name="anfrage" type="text" size="18"/></td>
</tr>
<tr>
<td><label for="anfrage"> Anfrage</label> </td>
<td height="86"><textarea name="anfrage" cols="15" rows="5"></textarea></td>
</tr>
<tr>
<td><label for="rbutton">Rückruf erwuenscht</label></td>
<td height="44"><input type="radio" name="vormittags" /> <label for="vormittags">Vormittags</label> <br />
<input type="radio" name ="nachmittags" /> <label for="nachmittags">Nachmittags</label>
</td>
</tr>
<tr>
<td class="abschicken" colspan="2" height="21">
<p align="center"><input id="absenden" type="submit" value="Absenden" align="center"/></td>
</tr>
<tr>
<td width="120"></td>
<td height="2" width="141"></td>
</tr>
</table>
</fieldset>
</form>
<p> </p>
1
از کد زیر در تگ <p> یا <table> یا <td> برای تراز افقی استفاده کنین
<p align="center"> TEXT </p>
و یا
<table border="1" align="center"> <td>TEXT</td> </table>
3
خط آخر کدتون اشکال داره باید اینجوری نوشته بشه
<tr><td colspan="2" class="abschicken"><input id="absenden" type="submit" value="Absenden" align="center"//><//td></tr>
چون توی هر ردیف از جدولتون دو تا ستون دارید واسه اینکه ردیف آخری دارای یک ستون باشه باید "colspan="2 که در بالا اضافه کردم
به کدتون اضافه کنید و کد زیر رو به کدهای CSS تون اضافه کنید .
}abschicken.
;text-align: center
{