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

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

Подписаться Бесплатный дискуссионный лист Подписчиков 656
←   Июль 2005   →
 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


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


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

Модератор
NunDesign

Статистика

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

позиционирование таблицы

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

В верхней части сайта, который я делаю, у меня предполагается такое
расположение:
| | |
| | * menu1 * menu2 * menu3 |
||||||
| LOGO | |
| | |
| | * menu4 * menu5 * menu6 |
|_____________________________|______________________________________|

лого я позиционировала с помощью блока
#logo {
margin-left: 6px;
float: left}

меню делаю таблицей, так как иного способа я не вижу (а может он есть?)
Так вот вопрос в том, как сделать резиновую таблицу меню по всей длине
оставшейся части от лого? Пыталась задавать размер таблицы в процентах
- не помогает, она все равно занимает около 70 процентов остающейся
от лого площади. Если задавать длину таблицы в пикселях, то при
уменьшении размеров страницы, таблица с меню съезжает вниз.

как решить эту проблему?

Ответить  
Nastia
Thu, 21 Jul 2005 12:53:48 +0400 (#405079)

 

Ответы:

Здравствуйте, Настя!
А почему бы вам не сделать шапку таблицей шириной 100%?? Тогда всё будет
резиниться без проблем и в опере, и в ИЕ, и в лисе...
Ваш Евгений





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

Ответить  
Евгений В. Комаров
Thu, 21 Jul 2005 14:30:13 +0400 (#405160)

 

Здравствуйте, Евгений.

Вы писали 21 июля 2005 г., 14:30:13:

Пыталась, но там получаются проблемы опять таки с шириной ячеек. не
слушаются они процентов, а в пикселях задавать - она опять же съедет.
самое главное - не пойму в чем проблема.

Ответить  
Nastia
Thu, 21 Jul 2005 14:58:01 +0400 (#405205)

 

Пришлите код, пожалуйста. Посмотрим что можно сделать.
Ваш Евгений





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

Ответить  
Евгений В. Комаров
Thu, 21 Jul 2005 16:01:54 +0400 (#405210)

 

Здравствуйте, Евгений.

Вы писали 21 июля 2005 г., 16:01:54:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>
<head>
<title>Untitled</title>
<style type="text/css">
<!-- ну тут я пропускаю, чтоб не слишком много было-->
#top {
background: #6C8EBE;
width: 100%; heigt: 60px; padding-top: 10px}
#logo {
margin-left: 6px;
float: left}
</style>
</head>

<body>

<div id="top">
<div id="logo">
<img src="images/logo_r96_white_sh.gif" width="283" height="60" border="0">
</div>
<div id="menu">
<table border="1" align="right">
<tr>
<td><img src="images/bul.gif" ALT="bul" WIDTH="8" HEIGHT="8" BORDER="0">&nbsp;<a
href="company.html">О компании</a></td>
<td><img src="images/bul.gif" ALT="bul" WIDTH="8" HEIGHT="8" BORDER="0">&nbsp;<a
href="partner.html">Партнеры</a></td>
<td><IMG SRC="images/bul.gif" ALT="bul" WIDTH="8" HEIGHT="8" BORDER="0">&nbsp;<a
href="prod.html">Продукция</a></td>
</tr>
<tr>
<td><IMG SRC="images/bul.gif" ALT="bul" WIDTH="8" HEIGHT="8" BORDER="0">&nbsp;<a
href="kons.html">Консультации</a></td>
<td><IMG SRC="images/bul.gif" ALT="bul" WIDTH="8" HEIGHT="8" BORDER="0">&nbsp;<a
href="zakaz.html">Заказы</a></td>
<td><IMG SRC="images/bul.gif" ALT="bul" WIDTH="8" HEIGHT="8" BORDER="0">&nbsp;<a
href="kontakt.html">Контакт</a></td>
</tr>
</table>
</div>
</div>
<!-- тут тоже пропускаю-->
</body>
</html>

Ответить  
Nastia
Fri, 22 Jul 2005 20:41:58 +0400 (#405925)

 

Hello Nastia,

Friday, July 22, 2005, 7:41:58 PM, you wrote:

href="company.html">>О компании</a></td>

href="partner.html">>Партнеры</a></td>

href="prod.html">>Продукция</a></td>

href="kons.html">>Консультации</a></td>

href="zakaz.html">>Заказы</a></td>

href="kontakt.html">>Контакт</a></td>

У меня в IE при просмотре этого кода появляются белые отступы вокруг
шапки - это поля страницы. Если это то, о чём мы говорим, то
избавиться от них можно следующей строкой в стилях страницы:
body{margin: 0px; padding: 0px;}

И вообще, в таких важных элементах, как основа страницы - шапка или
ещё что-то, - лучше "плавающие" блоки не использовать - от греха
подальше. Гораздо лучше воспользоваться советом Евгения В. Комарова
<ksenomorf_dra***@m*****.ru> и сделать шапку таблицей с двумя ячейками -
в одной логотип, во второй - ещё одна таблица, с меню.

Ответить   Alex Sun, 24 Jul 2005 16:45:06 +0300 (#406571)

 

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

<html>
<head>
<title>Untitled</title>
<style type="text/css">
<!-- ну тут я пропускаю, чтоб не слишком много было-->
#top {
background: #6C8EBE;
width: 100%; heigt: 60px; padding-top: 10px}
#logo {
margin-left: 6px;
float: left}
</style>
</head>

<body>

<table width=100% height=60 cellspacing=0 cellpadding=0 border=1>
<tr>
<td width=283 height=60>
<img src="images/logo_r96_white_sh.gif" width="283" height="60"
border="0">
</td>
<td>
<table border="1" align="right" width=100%>
<tr>
<td><img src="images/bul.gif" ALT="bul" WIDTH="8" HEIGHT="8"
BORDER="0">&nbsp;<a
href="company.html">О компании</a></td>
<td><img src="images/bul.gif" ALT="bul" WIDTH="8" HEIGHT="8"
BORDER="0">&nbsp;<a
href="partner.html">Партнеры</a></td>
<td><IMG SRC="images/bul.gif" ALT="bul" WIDTH="8" HEIGHT="8"
BORDER="0">&nbsp;<a
href="prod.html">Продукция</a></td>
</tr>
<tr>
<td><IMG SRC="images/bul.gif" ALT="bul" WIDTH="8" HEIGHT="8"
BORDER="0">&nbsp;<a
href="kons.html">Консультации</a></td>
<td><IMG SRC="images/bul.gif" ALT="bul" WIDTH="8" HEIGHT="8"
BORDER="0">&nbsp;<a
href="zakaz.html">Заказы</a></td>
<td><IMG SRC="images/bul.gif" ALT="bul" WIDTH="8" HEIGHT="8"
BORDER="0">&nbsp;<a
href="kontakt.html">Контакт</a></td>
</tr>
</table>
</td>
</tr>
</table>
</body>
</html>

Ваш Евгений





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

Ответить  
Евгений В. Комаров
Mon, 25 Jul 2005 11:26:33 +0400 (#406900)

 

Здравствуйте, Евгений.

Вы писали 25 июля 2005 г., 11:26:33:

с

border="0">>

BORDER="0">>&nbsp;<a
href="company.html">>О компании</a></td>

BORDER="0">>&nbsp;<a
href="partner.html">>Партнеры</a></td>

BORDER="0">>&nbsp;<a
href="prod.html">>Продукция</a></td>

BORDER="0">>&nbsp;<a
href="kons.html">>Консультации</a></td>

BORDER="0">>&nbsp;<a
href="zakaz.html">>Заказы</a></td>

BORDER="0">>&nbsp;<a
href="kontakt.html">>Контакт</a></td>

Спасибо!
ПОка еще не опробовала, как опробую обязательно напишу

Ответить  
Nastia
Mon, 25 Jul 2005 18:55:10 +0400 (#407209)

 

Hello Nastia,

Thursday, July 21, 2005, 1:58:01 PM, you wrote:

Пришлите, пожалуйста, код. Я уверен, что-то да и выяснится...

Ответить   Alex Thu, 21 Jul 2005 15:58:42 +0300 (#405256)