Отправляет email-рассылки с помощью сервиса Sendsay

Web-дизайн, верстка, раскрутка - разработка web-сайтов

Подписаться Бесплатный дискуссионный лист Подписчиков 656
←   Июль 2004   →
 1
 2
 3
03.07.2004
09:50:32
14:58:52
 4
 5
 6
 7
 8
 9
10
11
12
13
14
14.07.2004
01:17:06
22:38:58
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
30.07.2004
11:07:17
17:40:39
31


За последние 60 дней ни разу не выходила


Сайт листа: http://blog.nundesign.com
Открыт: 06-08-2003
Пре-модерация: Да
Адрес для писем в лист: inet.webbuild.webbuilding-list@subscribe.ru
Адрес модератора: inet.webbuild.webbuilding-owner@subscribe.ru

Модератор
NunDesign

Статистика

656 подписчиков
0 за неделю

За 2004-07-04

Re: колонки одинаковой высоты

> У меня страничка состоит из двух колонок с одинаковой высотой. Хочу
> сделать ее на слоях,
> Очень не хочется верстать все одной таблицей.

ПАочему в слоях? Чем таблицы не устраивают?

С уважением,
Андрей Попов / Andrew Popov; www.photoreporter.ru
Челябинск / Russia; pap***@p*****.ru; ICQ 19082675





библиотекa сайтостроительства http://www.i2r.ru/static/244/

-*Информационный канал Subscribe.Ru
Написать в лист: mailto:inet.webbuild.webbuilding-list@subscribe.ru
Отписать : mailto:inet.webbuild.webbuilding--unsub@subscribe.ru

http://subscribe.ru/ mailto:ask@subscribe.ru

  
"Andrew Popov"
2004-07-04 21:14:40 (#184002)

Re: колонки одинаковой высоты

Здравствуйте.

M> У меня страничка состоит из двух колонок с одинаковой высотой. Хочу
M> сделать ее на слоях, но у меня левый слой (менюшка) короче правого
M> (текст страницы). Подскажите, пожалуйста, как сделать, чтобы колонки
M> всегда были одинаковой высоты? Очень не хочется верстать все одной
M> таблицей.

Проверено ИЕ6, Мозила1, Опера7.

1. Создай основной блок (#level), залей его любым цветом, лучше тем
которым у тебя блок с меню покрашен. Внутрение отступы (padding) - по
нолям.
2. Потом блок с меню создаешь (div#menu),
он у нас слева, поэтому ему - float:left;

3. Сам контент (div#content):
делаем блок без указания ширины, тогда он заимет все
нужное пространство. Заливаем белым цветом. Отступ с лева - на ширину
меню (200px должно хватить.), осталтные - по нолям.

В Опре внизу страницы появляется промежуток, лечится это вставкой
пустого блока.

Сам код собственно:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>Untitled</title>
<style>
div#level {
width:100%;
padding:0px 0px 0px 0px;
background-color:#99CCFF;
border:1px solid #000000;
}
div#menu {
width:200px;
float:left;
}
div#content {
margin:0px 0px 0px 200px;
background-color:#ffffff;
border:1px solid #ff0000;
}
</style>
</head>

<body>
<div id="level">
<div id="menu">
<ul>
<li>первый</li>
<li>второй</li>
<li>третий</li>
<li>четвертый</li>
</ul>
</div>
<div id="content">
<p> текст текст текст текст текст текст текст текст текст текст
текст
текст текст текст текст текст текст текст текст текст текст
текст
текст текст текст текст текст текст текст текст текст текст
текст
текст текст текст текст текст текст текст текст текст текст
текст
текст текст текст текст текст текст текст текст текст текст
текст</p>
<p> текст текст текст текст текст текст текст текст текст текст
текст
текст текст текст текст текст текст текст текст текст текст
текст
текст текст текст текст текст текст текст текст текст текст
текст
текст текст текст текст текст текст текст текст текст текст
текст
текст текст текст текст текст текст текст текст текст текст
текст</p>
<p> текст текст текст текст текст текст текст текст текст текст
текст
текст текст текст текст текст текст текст текст текст текст
текст
текст текст текст текст текст текст текст текст текст текст
текст
текст текст текст текст текст текст текст текст текст текст
текст
текст текст текст текст текст текст текст текст текст текст
текст</p>
<p> текст текст текст текст текст текст текст текст текст текст
текст
текст текст текст текст текст текст текст текст текст текст
текст
текст текст текст текст текст текст текст текст текст текст
текст
текст текст текст текст текст текст текст текст текст текст
текст
текст текст текст текст текст текст текст текст текст текст
текст</p>
<p> текст текст текст текст текст текст текст текст текст текст
текст
текст текст текст текст текст текст текст текст текст текст
текст
текст текст текст текст текст текст текст текст текст текст
текст
текст текст текст текст текст текст текст текст текст текст
текст
текст текст текст текст текст текст текст текст текст текст
текст</p>
<div id="#"></div>
</div>
</div>
</body>
</html>

  
Rostislav
2004-07-04 15:36:44 (#183805)

ComboBox

Здравствуйте, inet.

делал кто нибудь ComboBox на html
так чтобы было поле для редактирования и ниспадаюший список

вот 2 решения,
но для того чтобы выпал список в первом, нужно кликнуть 2 раза.
<FORM>
<INPUT NAME="menu_owner" TYPE="text" style="width:155px" value="treemenu">
<SELECT NAME="menu_owner_select" style="width:25px;" onfocus="this.form.menu_owner.style.display
= 'none'; this.style.width='180px';" onblur="this.form.menu_owner.style.display
= ''; this.style.width='25px';" onchange="this.form.menu_owner.value=this.value;">
<option value="topmenu" >topmenu</option>
<option value="treemenu" selected>treemenu</option>
<option value="treemenu" selected>usermenu</option>
</SELECT>
</FORM>

а второй хоть и гораздо красивше, но работает только в опере, ИЕ
наверху всегда SELECT, z-index не помогает.
<FORM>
<DIV id="menu_owner_text_div" style="position: absolute;">
<SELECT NAME="menu_owner_select" style="width:180px;" onchange="this.form.menu_owner.value=this.value;">
<option value="topmenu" >topmenu</option>
<option value="treemenu" selected>treemenu</option>
<option value="treemenu" selected>usermenu</option>
</SELECT>
</DIV>
<DIV id="menu_owner_text_div" style="position: absolute;"><INPUT NAME="menu_owner"
TYPE="text" style="width:155px" value="treemenu"></DIV>
</FORM>

помогите чтобы второй пример также выглядел и IE

  
Raphael
2004-07-04 15:06:49 (#183801)

колонки одинаковой высоты

Здравствуйте!

У меня страничка состоит из двух колонок с одинаковой высотой. Хочу
сделать ее на слоях, но у меня левый слой (менюшка) короче правого
(текст страницы). Подскажите, пожалуйста, как сделать, чтобы колонки
всегда были одинаковой высоты? Очень не хочется верстать все одной
таблицей.

С уважением, Magnolia





библиотекa сайтостроительства http://www.i2r.ru/static/244/

-*Информационный канал Subscribe.Ru
Написать в лист: mailto:inet.webbuild.webbuilding-list@subscribe.ru
Отписать : mailto:inet.webbuild.webbuilding--unsub@subscribe.ru

http://subscribe.ru/ mailto:ask@subscribe.ru

  
Magnolia
2004-07-04 12:42:36 (#183759)