X   Сообщение сайта
(Сообщение закроется через 3 секунды)



 

Здравствуйте, гость (

| Вход | Регистрация )

Открыть тему
Тема закрыта
> Вопрос по div'ам
Валериан
Валериан
Topic Starter сообщение 13.3.2010, 14:49; Ответить: Валериан
Сообщение #1


Как сделать так, чтобы блоки меню1, область и меню2 находились на одной линии с помощью дивов?
Вот исходник:
<html>
<head><title>Заголовок</title>
</head>
<body>
<table border="1" cellpadding="0" cellspacing="0" width="800" align="center">
<tr>
<td>
<div align="center">
Тут будет шапка
</div><br>
<div align="left">
Меню1
</div>
<div align="center">
Область
</div>
<div align="right">
Меню2
</div>
</td>
</tr>
</table>
</body>
</html>
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Zippovich
Zippovich
сообщение 13.3.2010, 14:52; Ответить: Zippovich
Сообщение #2


(Валериан @ 13.3.2010, 16:49) *
Как сделать так, чтобы блоки меню1, область и меню2 находились на одной линии с помощью дивов?
Вот исходник:
<html>
<head><title>Заголовок</title>
</head>
<body>
<tabfle border="1" cellpadding="0" cellspacing="0" width="800" align="center">
<tr>
<td>
<div align="center">
Тут будет шапка
</div><br>
<div align="left">
Меню1
</div>
<div align="center">
Область
</div>
<div align="right">
Меню2
</div>
</td>
</tr>
</table>
</body>
</html>


1. tabfle - исправьте опечатку
2. установить ширину и использовать float: left (right)
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Валериан
Валериан
Topic Starter сообщение 13.3.2010, 14:59; Ответить: Валериан
Сообщение #3


Сделал вот так:
<html>
<head><title>Заголовок</title>
<style>
#1 {float:left;}
#2 {float:center;}
#3 {float:right;}
</style>
</head>
<body>
<center>
<div align="center">
Тут будет шапка
</div><br>
<div id=1>
Меню1
</div>
<div id=2>
Область
</div>
<div id=3>
Меню2
</div>
</center>
</body>
</html>


Меню 1 с Областью выравнялись, а вот меню2 нет.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Валериан
Валериан
Topic Starter сообщение 13.3.2010, 15:10; Ответить: Валериан
Сообщение #4


Если сделать границы дивов отображаемыми, то получится так:
[IMG]http://i081.radikal.ru/1003/6e/91d5c85821c7.jpg[/IMG]
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Licoric
Licoric
сообщение 13.3.2010, 16:57; Ответить: Licoric
Сообщение #5


#2 {float:center;}
попробуй поменять на left
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Zippovich
Zippovich
сообщение 13.3.2010, 22:13; Ответить: Zippovich
Сообщение #6


(Валериан @ 13.3.2010, 17:10) *
Если сделать границы дивов отображаемыми, то получится так:
[IMG]http://i081.radikal.ru/1003/6e/91d5c85821c7.jpg[/IMG]


1. установите ширину, я не зря про это написал
2. начинайте id с буквы, никак не с цифры

Замечание модератора:
Эта тема была закрыта автоматически ввиду отсутствия активности в ней на протяжении 100+ дней.
Если Вы считаете ее актуальной и хотите оставить сообщение, то воспользуйтесь кнопкой
или обратитесь к любому из модераторов.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Открыть тему
Тема закрыта
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0


Свернуть

> Похожие темы

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Моя div-ная верстка соответствует ли стандартам
Хотелось бы конструктивной критики
10 muratastana 1545 14.1.2023, 1:16
автор: xweb
Открытая тема (нет новых ответов) Вопрос - платное размещение баннеров на сайте
10 WGN 3126 14.12.2020, 14:20
автор: Peterson
Открытая тема (нет новых ответов) Вопрос по рекламе в "инстаграме"
Только активные аккаунты могут создавать или редактировать рекламу
8 Zubkov 16021 17.1.2020, 17:49
автор: Forumacc
Горячая тема (нет новых ответов) Тема имеет прикрепленные файлыВопрос-ответ о работе форума
307 dos1k 43057 9.11.2019, 17:59
автор: heks
Открытая тема (нет новых ответов) Жена логопед, собрался ей приводить клиентов. Встал вопрос, куда приводить.
В теме перечисление доступного мне продвижения, но с чего начать?
9 memeplex 3693 16.2.2019, 15:45
автор: zyzy


 



RSS Текстовая версия Сейчас: 29.3.2024, 16:44
Дизайн