Выравнивание формы - CSS, HTML - PullRequest
1 голос
/ 23 марта 2012

Привет, я действительно знаком с этим CSS и веб-дизайном.Я бы хотел, чтобы таблица с информацией о счетах и ​​форма были выровнены по левому краю, я перепробовал все, и это последнее средство.Форма и название заголовка находятся на правой стороне страницы.

Это структура, в которой есть верхний и нижний колонтитулы, навигация и боковые вставки, а среднее включение - главная страница.

Вот код для среднего включения.

<!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=utf-8" />
<title>Billing Info</title>
<script language="javascript">
function validate(){
    var f=document.form1;
    if(f.name.value==''){
        alert('Your name is required');
        f.name.focus();
        return false;
    }
    f.command.value='update';
    f.submit();
}
</script>
</head>


<body>
<form name="form1" onsubmit="return validate()">
<input type="hidden" name="command" />
<input type="hidden" name="p" value="billing" />
<div align="left">
<div style="padding-top:50px">

    <h1 align="left">Billing Info</h1>
    <table border="1" cellpadding="2px" align="left">
        <tr><td>Order Total:&nbsp;&pound;</td><td><?=get_total_with_shipping()?>    </td></tr>
        <tr><td>Your Name:</td><td><input type="text" name="name" /></td></tr>
        <tr><td>Address:</td><td><input type="text" name="address" /></td></tr>
        <tr><td>Email:</td><td><input type="text" name="email" /></td></tr>
        <tr><td>Phone:</td><td><input type="text" name="phone" /></td></tr>
        <tr><td>&nbsp;</td><td><input type="submit" value="Place Order" /></td></tr>
    </table>
</div>
</form>
 </body>
 </html>

Я не могу опубликовать фотографию из-за своего рейтинга, но любые предложения будут оценены.

1 Ответ

0 голосов
/ 26 марта 2012

Не совсем уверен в вашей проблеме, как и в остальных, но я сделаю несколько снимков:

Посмотрите весь исходный код вашей страницы.Если это «средняя» часть, то вы, вероятно, используете несколько элементов.

Затем поместите и внутри, а не наоборот.Кроме того, не используйте встроенные стили (например, так:). Вместо этого присвойте им класс или идентификатор и поместите стиль в раздел CSS.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...