ReSQL.ru
     
powered by simpleCommunicator - 2.0.61     © 2026 Programmizd 02
Мобильная версия    Контакт    Правила    FAQ    Помощь
Целевая тема:
Создать новую тему:
Автор:
Закрыть
Цитировать
Доб. в избранное | Игнор. тему | Прикреп. тему | Пометить прочит. / непрочит. | Фильтр
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Расположение элементов на странице
24 сообщений из 24, страница 1 из 1
Расположение элементов на странице
    #37799739
Xizt
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Xizt
Гость
Люди, здравствуйте!
Помогите, пожалуйста переделать интерфейс страницы. Я в вёрстке не очень разбираюсь.
Выкладываю код страницы и фото.
 

<body>
<center>
<img src='images/head.jpg' alt='welcome'/>
<br>
Вы зашли как администратор!
( <td align="right"><a href="j_spring_security_logout">Выйти</a></td>)
<b1>
<h1><i>Редактирование подгрупп</i></h1>
</center>
<h3> Дерово групп: </h3>
<ul>
<c:forEach var = "group" items="${groups}">
<li>
<c:out value="${group.nameGroup}"/>
(<a href="addSubgroup.do?idGroup=${group.idGroup}"/>добавить подгруппу</a>)
<ul>
<c:forEach var="subgroup" items="${group.subgroups}">
<li> <c:out value="${subgroup.nameSubgroup}"/>
(<a href="removeSubgroup.do?idSubgroup=${subgroup.idSubgroup}"/>удалить</a>)
</c:forEach>
</ul>

</li>
</c:forEach>
</ul>
</body>
</html>
...
Рейтинг: 0 / 0
17.05.2012, 18:49:33
| Ответить | Цитировать | Написать  
Расположение элементов на странице
    #37799741
Xizt
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Xizt
Гость
а хочу чтоб примерно так было:
Помогите, пожалуйста, кто что знает!
...
Рейтинг: 0 / 0
17.05.2012, 18:51:08
| Ответить | Цитировать | Написать  
Расположение элементов на странице
    #37799743
Xizt
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Xizt
Гость
можно без рамки
...
Рейтинг: 0 / 0
17.05.2012, 18:51:46
| Ответить | Цитировать | Написать  
Расположение элементов на странице
    #37799818
Фотография skyANA
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
skyANA
Участник
Код: html
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
30.
31.
32.
33.
34.
35.
36.
37.
38.
39.
40.
41.
42.
43.
44.
45.
46.
47.
48.
49.
50.
51.
52.
53.
54.
55.
56.
57.
58.
59.
60.
61.
62.
63.
64.
65.
66.
<!DOCTYPE HTML>
<html>
<head>
    <meta charset="utf-8">
    <style>
        head, body {
            height: 100%;
            width: 100%;
        }

        #header {
            height: 130px;
            margin: 0 auto;
            width: 795px;
        }

        #header img {
            background-color: #7fff90;
            border: #000 solid 2px;
            display: block;
            height: 97px;
            width: 791px;
        }

        #header #login-information {
            text-align: right;
        }

        #content {
            border: #000 solid 2px;
            margin: 0 auto;
            padding: 10px 15px;
            width: 761px;
        }

        #content h1 {
            margin: 0;
            text-align: center;
        }
    </style>
</head>
<body>
    <div id="header">
        <img alt="Online Statement!" src=""/>
        <div id="login-information">Вы зашли как администратор! (<a href="#">Выйти</a>)</div>
    </div>
    <div id="content">
        <h1><i>Редактирование подгрупп</i></h1>
        <h3>Дерово групп:</h3>
        <ul>
            <li>
                ИВТ-52СО (<a href="#">добавить подгруппу</a>)
                <ul>
                    <li>ИВТ-52СО (<a href="#">удалить</a>)</li>
                </ul>
            </li>
            <li>
                МО-51 (<a href="#">добавить подгруппу</a>)
                <ul>
                    <li>МО-51 (<a href="#">удалить</a>)</li>
                </ul>
            </li>
        </ul>
    </div>
</body>
</html>
...
Рейтинг: 0 / 0
17.05.2012, 20:02:16
| Ответить | Цитировать | Написать  
Расположение элементов на странице
    #37799872
Xizt
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Xizt
Гость
skyANA,

спасибо, сейчас попробую!
...
Рейтинг: 0 / 0
17.05.2012, 21:05:36
| Ответить | Цитировать | Написать  
Расположение элементов на странице
    #37799882
Xizt
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Xizt
Гость
skyANA,

Спасибо, огромнейшее! Всё работает!
...
Рейтинг: 0 / 0
17.05.2012, 21:18:23
| Ответить | Цитировать | Написать  
Расположение элементов на странице
    #37799883
Xizt
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Xizt
Гость
skyANA,

я может ещё спрошу чего-нибудь по мелочи ))
...
Рейтинг: 0 / 0
17.05.2012, 21:19:21
| Ответить | Цитировать | Написать  
Расположение элементов на странице
    #37799898
Xizt
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Xizt
Гость
skyANA,

слу, скажи, пожалуйста, почему у меня заголовок в рамочку выделяется?
...
Рейтинг: 0 / 0
17.05.2012, 21:30:14
| Ответить | Цитировать | Написать  
Расположение элементов на странице
    #37799901
Xizt
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Xizt
Гость
skyANA,

аа, всё понял... не надо, просто края у фотки белые, на белом фоне не было заметно
...
Рейтинг: 0 / 0
17.05.2012, 21:31:28
| Ответить | Цитировать | Написать  
Расположение элементов на странице
    #37799906
Xizt
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Xizt
Гость
skyANA,

последний вопрос, как расположить кнопку "главная" на одной строчке с "выход", только слева
...
Рейтинг: 0 / 0
17.05.2012, 21:35:59
| Ответить | Цитировать | Написать  
Расположение элементов на странице
    #37799924
Фотография skyANA
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
skyANA
Участник
Код: html
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
30.
31.
32.
33.
34.
35.
36.
37.
38.
39.
40.
41.
42.
43.
44.
45.
46.
47.
48.
49.
50.
51.
52.
53.
54.
55.
56.
57.
58.
59.
60.
61.
62.
63.
64.
65.
66.
67.
68.
69.
70.
71.
72.
<!DOCTYPE HTML>
<html>
<head>
    <meta charset="utf-8">
    <style>
        head, body {
            height: 100%;
            width: 100%;
        }

        #header {
            height: 130px;
            margin: 0 auto;
            width: 795px;
        }

        #header img {
            background-color: #7fff90;
            border: #000 solid 2px;
            display: block;
            height: 97px;
            width: 791px;
        }

        #header #navigation-grade {
            float: left;
        }

        #header #login-information {
            float: right;
            text-align: right;
        }

        #content {
            border: #000 solid 2px;
            margin: 0 auto;
            padding: 10px 15px;
            width: 761px;
        }

        #content h1 {
            margin: 0;
            text-align: center;
        }
    </style>
</head>
<body>
    <div id="header">
        <img alt="Online Statement!" src=""/>
        <div id="navigation-grade">Главная</div>
        <div id="login-information">Вы зашли как администратор! (<a href="#">Выйти</a>)</div>
    </div>
    <div id="content">
        <h1><i>Редактирование подгрупп</i></h1>
        <h3>Дерово групп:</h3>
        <ul>
            <li>
                ИВТ-52СО (<a href="#">добавить подгруппу</a>)
                <ul>
                    <li>ИВТ-52СО (<a href="#">удалить</a>)</li>
                </ul>
            </li>
            <li>
                МО-51 (<a href="#">добавить подгруппу</a>)
                <ul>
                    <li>МО-51 (<a href="#">удалить</a>)</li>
                </ul>
            </li>
        </ul>
    </div>
</body>
</html>


htmlbook в помощь
...
Рейтинг: 0 / 0
17.05.2012, 22:04:43
| Ответить | Цитировать | Написать  
Расположение элементов на странице
    #37799938
Xizt
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Xizt
Гость
skyANA,

спасибо, добрые люди!
...
Рейтинг: 0 / 0
17.05.2012, 22:25:49
| Ответить | Цитировать | Написать  
Расположение элементов на странице
    #37799939
Xizt
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Xizt
Гость
skyANA,

я вроде так же делал, они получались на разных строчках, сейчас ещё раз попробую..
...
Рейтинг: 0 / 0
17.05.2012, 22:27:28
| Ответить | Цитировать | Написать  
Расположение элементов на странице
    #37799941
Xizt
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Xizt
Гость
Xizt,

Работает, спасибо! И за книгу спасибо!
...
Рейтинг: 0 / 0
17.05.2012, 22:30:23
| Ответить | Цитировать | Написать  
Расположение элементов на странице
    #37800057
Xizt
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Xizt
Гость
Ребят, а как мне сделать чтоб в две колонки??
...
Рейтинг: 0 / 0
18.05.2012, 02:14:13
| Ответить | Цитировать | Написать  
Расположение элементов на странице
    #37800059
Xizt
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Xizt
Гость
вот код:
 

<%--
Document : cours
Created on : 06.04.2012, 18:30:02
Author : User
--%>

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<%@taglib prefix="form" uri=" http://www.springframework.org/tags/form"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<style>
head, body {
height: 100%;
width: 100%;
}

#header {
height: 130px;
margin: 0 auto;
width: 795px;
}

#header img {
background-color: #7fff90;

display: block;
height: 97px;
width: 791px;
}

#header #login-information {
text-align: right;
float: right;
}
#header #back {
float: left;
}
#content{
border: #000 solid 2px;
margin: 0 auto;
padding: 10px 15px;
width: 761px;
}
#content input {
margin: 0;
text-align: right;
}
</style>
</head>
<body>

<div id="header">
<img alt="Online Statement!" src="images/head.jpg"/>
<div id="back"> Дисциплина</div>
<div id="login-information">Вы зашли как администратор! (<a href="j_spring_security_logout">Выйти</a>)</div>
</div>
<br><br><br>
<center>
<table>
<tr><td>
<a href="showInfo.do?id=1"/> новости сайта </a> <br>
<a href="showInfo.do?id=2"/> Учебные материалы </a> <br>
<a href="showInfo.do?id=3"/> Контактная информация </a> <br>
<td>
<h2>Выберите дисциплину:</h2>
<td>
<form:form commandName="activeCours" action="selectCours.do" method="POST">
<form:select path="idCTS">
<form:option value=""/>
<form:options items="${activeCourses}" itemValue="idCTS" itemLabel="name"/>
</form:select>
<input type="submit">
</form:form>
</tr>
</table>
</center>
</body>
</html>
...
Рейтинг: 0 / 0
18.05.2012, 02:15:12
| Ответить | Цитировать | Написать  
Расположение элементов на странице
    #37800209
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
krvsa
Участник
XiztРебят, а как мне сделать чтоб в две колонки??
Потопил...
http://csstemplater.com/
...
Рейтинг: 0 / 0
18.05.2012, 09:05:04
| Ответить | Цитировать | Написать  
Расположение элементов на странице
    #37800211
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
krvsa
Участник
Xiztвот код:
ПХПисты, как всегда, в своём репертуаре!
...
Рейтинг: 0 / 0
18.05.2012, 09:06:01
| Ответить | Цитировать | Написать  
Расположение элементов на странице
    #37800815
Xizt
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Xizt
Гость
krvsa,

Я как раз не ПХПист ))
Я вообще веб-разработкой не занимался никогда.
...
Рейтинг: 0 / 0
18.05.2012, 13:04:15
| Ответить | Цитировать | Написать  
Расположение элементов на странице
    #37800848
st_st
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
st_st
Участник
krvsaXiztвот код:
ПХПисты, как всегда, в своём репертуаре!

может жавист
...
Рейтинг: 0 / 0
18.05.2012, 13:15:17
| Ответить | Цитировать | Написать  
Расположение элементов на странице
    #37800909
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
krvsa
Участник
В любом случае автор просто плюнул в нас т.с. "чем было"...
...
Рейтинг: 0 / 0
18.05.2012, 13:38:46
| Ответить | Цитировать | Написать  
Расположение элементов на странице
    #37801319
Xizt
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Xizt
Гость
krvsa,

не надо ляля, помоги лучше.
не в кого я не плевал. Я не разбираюсь в css и не знаю как обозвать эти элементы интерфейса, назвал колонками.
#header #login-information {
text-align: right;
}
#content {
border: #000 solid 2px;
margin: 0 auto;
padding: 10px 15px;
width: 761px;
}
как эти штуки называюся хоть...
...
Рейтинг: 0 / 0
18.05.2012, 16:15:33
| Ответить | Цитировать | Написать  
Расположение элементов на странице
    #37801320
Xizt
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Xizt
Гость
st_stkrvsaпропущено...

ПХПисты, как всегда, в своём репертуаре!

может жавист
Верно )
...
Рейтинг: 0 / 0
18.05.2012, 16:15:49
| Ответить | Цитировать | Написать  
Расположение элементов на странице
    #37801733
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
krvsa
Участник
Xiztпомоги лучше
Помочь это не сделать за тебя...
...
Рейтинг: 0 / 0
18.05.2012, 20:32:38
| Ответить | Цитировать | Написать  
24 сообщений из 24, страница 1 из 1
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Расположение элементов на странице
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение   Полит. конфиден.  
NoSQL.ru       Кролег: Проекты, Новости, Чат       РЕД ФОРУМ       Фотоальбом: Участники, Встречи
Закрыть
start [/forum/topic.php?fid=22&msg=37799882&tid=1449796]:
 0ms
get settings:
 6ms
get forum list:
 11ms
check forum access:
 2ms
check topic access:
 2ms
track hit:
 41ms
get topic data:
 9ms
get forum data:
 2ms
get page messages:
 44ms
get tp. blocked users:
 1ms
others: 182ms
total:  300ms
созд. / загр.: 300ms
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]