Помогите правильно разместить текст на странице.

@НадеждаД · Регистрация: 11.10.2011

Студворк — интернет-сервис помощи студентам

Добрый день. Я создала на странице разворачивающийся список (один из пунктов списка разворачивается ещё на 3 пункта), при этом весь список зачем-то центрируется по вертикали (получается что от начала страницы большой отступ), а при развороте пунктов весь список смещается в начало страницы (как бы распределяется от центра), подскажите как сделать чтобы список изначально был с начала страницы (не центрировался по вертикали), а при развороте отдельных пунктов все остальные пункты смещались вниз.

@Vicont · 11.10.2011, 12:37

Код в студию.

@НадеждаД · 11.10.2011, 13:03 **[ТС]**

вот код

HTML5
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
<TABLE BORDER=0 CELLSPACING=140 CELLPADDING=10>
 
<TR>
 
<TD width=620 height=500 BACKGROUND="images1/.jpg">
<H3>
<font color="#000000"><font face="arial, System">
<p align="center"><U>ПОРТФОЛИО</U></p>
 
<p align="left">
<br><img src="images1/3_2.jpg" width=50 height=50 align=middle><a href="viveski.html"> <font size="+1"> <font color="#000000"> ВЫВЕСКИ </font></a>
<br><br><br>
 
 <script type='text/javascript'>
 function showHide()
 {
     if ( document.getElementById('myDiv').style.display == 'block' )
         document.getElementById('myDiv').style.display = 'none';
     else
         document.getElementById('myDiv').style.display = 'block';
 }
 </script>
 <a href="#" onclick="showHide();"><img src="images1/2_4.jpg" width=50 height=40 align=middle> <font color="#000000"> СТЕНДЫ </font></a>
 <div id="myDiv" style="display:none">
   <ul>
     <img src="images1/1_4.jpg" width=50 height=40 align=middle><a href="ugolok.html"><font size="+0"> <font color="#000000"> УГОЛОК ПОКУПАТЕЛЯ </font></a>
     <br><br>
     <img src="images1/67.jpg" width=50 height=50 align=middle><a href="stendi.html"><font size="+0"> <font color="#000000"> ИНФОРМАЦИОННЫЕ СТЕНДЫ </font></a>
     <br><br>
     <img src="images1/2.jpg" width=50 height=50 align=middle><a href="school.html"><font size="+0"> <font color="#000000"> СТЕНДЫ ДЛЯ ШКОЛЬНЫХ И ДОШКОЛЬНЫХ УЧРЕЖДЕНИЙ </font></a>
   </ul>
 </div>
 
<br>
<img src="images1/2_3.jpg" width=50 height=50 align=middle><a href="tablichki.html"><font size="+1"> <font color="#000000"> ТАБЛИЧКИ </font></a>
<br><br>
<img src="images1/68.jpg" width=50 height=70 align=middle><a href="shtenderi.html"><font size="+1"> <font color="#000000"> ШТЕНДЕРЫ </font></a>
<br><br>
<img src="images1/6_1.jpg" width=50 height=50 align=middle><a href="suveniri.html"><font size="+1"> <font color="#000000"> СУВЕНИРНАЯ ПРОДУКЦИЯ </font></a>
<br><br>
<img src="images1/76.jpg" width=50 height=50 align=middle><a href="kozirki.html"><font size="+1"> <font color="#000000"> КОЗЫРЬКИ, НАВЕСЫ </font></a>
</p>
 
</H3></font>
</TD>
</TR>
</TABLE>

@Vicont · 11.10.2011, 13:26

Для таблицы укажите атрибуты:

HTML5
1
cellspacing='0px' cellpadding='0px'

P.S.
- Для оформления страницы пользуйтесь CSS.
- Пишите все теги в нижнем регистре.
- Тег <font size="+1"> <font color="#000000"> излишен, вот можно <font size="+1" color="#000000">
- Значения атрибутов указывайте в кавычках.

@planod · 11.10.2011, 13:30

и еще советик:

JavaScript
1
onclick="showHide(); return false;"

@НадеждаД · 11.10.2011, 14:23 **[ТС]**

если я укажу cellspacing='0px' cellpadding='0px', то таблица будет прижата к левому краю, а мне надо большой отступ слева. Каким-то другим способом можно её сдвинуть?

Добавлено через 14 минут
onclick="showHide(); return false;" - это для чего и куда ставить?

@planod · 11.10.2011, 14:25

у таблице стиль:

CSS
1
2
position: absolute;
left: 300px

вместо 300px свое значение.

@Vicont · 11.10.2011, 14:37

Лучше сделать так:

HTML5
1
<table style='margin-left: 300px'>

Сообщение от НадеждаД

onclick="showHide(); return false;" - это для чего и куда ставить?

Это сюда:

HTML5
1
<a href="#" onclick="showHide();">

Получиться туда:

HTML5
1
<a href="#" onclick="showHide(); return false;">

Для того чтобы не осужествлялся переход по ссылке(не будет в адресной строке отображаться #)

@НадеждаД · 11.10.2011, 16:41 **[ТС]**

А скажите ещё пожалуйста, если не пользоваться CSS, то что тогда, сайт будет как-то не так работать, или не правильно выглядеть? А то я не понимаю как пользоваться CSS, может кто-нибудь даст ссылку где это понятно описано.

@Alorian · 11.10.2011, 18:24

http://ru.html.net/tutorials/css/

Новые блоги и статьи Все статьи Все блоги /
SDL3 для Web (WebAssembly): Реализация движения на Box2D v3 - трение и коллизии с повёрнутыми стенами 8Observer8 20.02.2026 Содержание блога Box2D позволяет легко создать главного героя, который не проходит сквозь стены и перемещается с заданным трением о препятствия, которые можно располагать под углом, как верхнее. . .	Конвертировать закладки radiotray-ng в m3u-плейлист damix 19.02.2026 Это можно сделать скриптом для PowerShell. Использование . \СonvertRadiotrayToM3U. ps1 <path_to_bookmarks. json> Рядом с файлом bookmarks. json появится файл bookmarks. m3u с результатом. # Check if. . .	Семь CDC на одном интерфейсе: 5 U[S]ARTов, 1 CAN и 1 SSI Eddy_Em 18.02.2026 Постепенно допиливаю свою "многоинтерфейсную плату". Выглядит вот так: https:/ / www. cyberforum. ru/ blog_attachment. php?attachmentid=11617&stc=1&d=1771445347 Основана на STM32F303RBT6. На борту пять. . .	Камера Toupcam IUA500KMA Eddy_Em 12.02.2026 Т. к. у всяких "хикроботов" слишком уж мелкий пиксель, для подсмотра в ESPriF они вообще плохо годятся: уже 14 величину можно рассмотреть еле-еле лишь на экспозициях под 3 секунды (а то и больше),. . .
И ясному Солнцу zbw 12.02.2026 И ясному Солнцу, и светлой Луне. В мире покоя нет и люди не могут жить в тишине. А жить им немного лет.	«Знание-Сила» zbw 12.02.2026 «Знание-Сила» «Время-Деньги» «Деньги -Пуля»	SDL3 для Web (WebAssembly): Подключение Box2D v3, физика и отрисовка коллайдеров 8Observer8 12.02.2026 Содержание блога Box2D - это библиотека для 2D физики для анимаций и игр. С её помощью можно определять были ли коллизии между конкретными объектами и вызывать обработчики событий столкновения. . . .	SDL3 для Web (WebAssembly): Загрузка PNG с прозрачным фоном с помощью SDL_LoadPNG (без SDL3_image) 8Observer8 11.02.2026 Содержание блога Библиотека SDL3 содержит встроенные инструменты для базовой работы с изображениями - без использования библиотеки SDL3_image. Пошагово создадим проект для загрузки изображения. . .

@НадеждаД 0 / 0 / 0 Регистрация: 11.10.2011 Сообщений: 4

	Помогите правильно разместить текст на странице. 11.10.2011, 08:57. Показов 2830. Ответов 9 Метки нет (Все метки) Добрый день. Я создала на странице разворачивающийся список (один из пунктов списка разворачивается ещё на 3 пункта), при этом весь список зачем-то центрируется по вертикали (получается что от начала страницы большой отступ), а при развороте пунктов весь список смещается в начало страницы (как бы распределяется от центра), подскажите как сделать чтобы список изначально был с начала страницы (не центрировался по вертикали), а при развороте отдельных пунктов все остальные пункты смещались вниз. 0

@Vicont front-end developer 284 / 275 / 39 Регистрация: 31.08.2010 Сообщений: 577 Записей в блоге: 1
	11.10.2011, 12:37
	Код в студию. 0

@НадеждаД 0 / 0 / 0 Регистрация: 11.10.2011 Сообщений: 4
	11.10.2011, 14:23 [ТС]
	если я укажу cellspacing='0px' cellpadding='0px', то таблица будет прижата к левому краю, а мне надо большой отступ слева. Каким-то другим способом можно её сдвинуть? Добавлено через 14 минут onclick="showHide(); return false;" - это для чего и куда ставить? 0

@НадеждаД 0 / 0 / 0 Регистрация: 11.10.2011 Сообщений: 4
	11.10.2011, 16:41 [ТС]
	А скажите ещё пожалуйста, если не пользоваться CSS, то что тогда, сайт будет как-то не так работать, или не правильно выглядеть? А то я не понимаю как пользоваться CSS, может кто-нибудь даст ссылку где это понятно описано. 0

@Alorian 694 / 534 / 40 Регистрация: 22.06.2009 Сообщений: 1,293
	11.10.2011, 18:24
	http://ru.html.net/tutorials/css/ 0