Форум программистов [Powered by Invision Power Board]

Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате

Форум программистов > Вёрстка веб-сайтов > html. выравнивание ячеек таблицы

Автор: carn 16.5.2012, 15:22

Люди, здравствуйте!
Помогите, пожалуйста, выровнить форму.
Пишу на Java EE Веб-приложение.
Вот код странички:

Скрытый текст

    <body><center>
                <img src='images/head.jpg' alt='welcome'/>
        <br>
        Вы зашли как администратор!
                    ( <td align="right"><a href="j_spring_security_logout">Выйти</a></td>)
        <h3>Редактирование предметов</h3>
                <br>
        <form:form commandName="cours" action="changeCourses.do" method="POST" >
            <table>
                    <tr>
                        <td>Название курса: </td>
                        <td> <form:input path="coursName"/></td>
                    </tr>
                </table>
                    <input type="submit">
        </form:form>
        <h3>Удаление предмета</h3>
        <form:form commandName="cours" method="POST" action="removeCours.do">
            <form:select path="idCours" >
            <form:option value=""/>
            <form:options items="${courses}" itemValue="IdCours" itemLabel="coursName"/>
            </form:select>
           <input type="submit" value="удалить">
         </form:form>
           </center>
    </body>

Первая картинка это что сейчас, а вторая что я хочу получить. Просто сейчас уж совсем криво выглядит, помогите, пожалуйста, хоть как то выровнить это дело.
С уважением, Виктор.

Автор: carn 16.5.2012, 15:23

хотя бы так сделать

Автор: Aliance 16.5.2012, 16:13

Нужно убрать тег <center>, сделать центрирование через CSS нужным элементам, а ячейкам задать центрирование по необходимому краю.

Добавлено через 4 минуты и 46 секунд
http://jsfiddle.net/WzM3u/

Автор: carn 16.5.2012, 16:35

спасибо, попробую

Добавлено через 3 минуты и 43 секунды
а что там такое сверху от прототипа страницы?
logo,
#welcome,
h3,
form {
text-align: center;
}
h3 {
margin: 10px auto;
font-weight: bold;
}...

Добавлено через 4 минуты и 35 секунд
я css не знаком совсем..

Автор: Aliance 17.5.2012, 09:32

Значит воспользуйтесь поисковиком и прочтите, что это такое. Например на сайте htmlbook.ru

Powered by Invision Power Board (http://www.invisionboard.com)
© Invision Power Services (http://www.invisionpower.com)