VPF::Ссылки в меню - Форум программистов

Syltan

Дата 2.9.2010, 20:28 (ссылка)

(нет голосов)

Загрузка ...

Опытный

Профиль
Группа: Участник
Сообщений: 301
Регистрация: 31.8.2009

Репутация: нет
Всего: -2

Скажите, как сделать меню как здесь http://ruseller.com
без использования <br> после каждого пункта меню.
Раньше использовал display:block; и каждая ссылка переходила на другю строку, а теперь получаетсья всё вместе.
Ещё проблеммка, шапка уехала от 2-ой строки нужно её соединить, подскажите как.
Заранее благодарю.

Присоединённый файл ( Кол-во скачиваний: 2 )

menu.zip 45,98 Kb

Amphiluke

Дата 2.9.2010, 21:15 (ссылка)

(нет голосов)

Загрузка ...

☽

Профиль
Группа: Завсегдатай
Сообщений: 1253
Регистрация: 26.8.2009

Репутация: 9
Всего: 112

Цитата(Syltan @ 3.9.2010, 00:28

)

.d td img a{display:block;}

Прелесть какая.

Почему бы не оставить всего лишь

Код


.d a{display:block;}

Syltan

Дата 2.9.2010, 22:07 (ссылка)

(нет голосов)

Загрузка ...

Опытный

Профиль
Группа: Участник
Сообщений: 301
Регистрация: 31.8.2009

Репутация: нет
Всего: -2

Если написать так, получаються странные переходы на др.строку 2ячейка какие отступы странные. подскажите, как сделать правильно.
Чего-то код не срабатывает.

Код


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head><title>Видео</title>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<style type="text/css">
* {margin:0; padding:0;}
 body{min-width:770px; overflow:hidden;}
 img {border: none;}
.shapka {height: 155px; background:url(img/header.jpg) no-repeat; }
.shapkafon {height: 155px; background:url(img/fon.jpg) repeat-x; }
.bordur {border-collapse:collapse;}
.bordur td {border:1px solid black;}
.d {width:15px;}
.d a{display:block;}

</style>
</head>

<body class="marginpadding">

<!-- ШАПКА -->
<table class="bordur" width="100%">
<tr>
<td colspan="3" class="shapkafon">
<div class="shapka" ></div>
</td>
</tr>


<!-- СЕРЕДИНА -->
<tr>
<td class="d">
<img src="img/videoyroki.png" >
<div>
<a href="#">Пунтк 1</a>
<a href="#">Пунтк 2</a>
<a href="#">Пункт 3</a>
<a href="#">Пункт 4</a>
<a href="#">Пункт 5</a>
</div>
</td>

<td width="300"> С новым годом!</td>

<td class="d"  valign="top">
<img src="img/videoyroki.png">
<div>
<a href="#">Пунтк 1</a>
<a href="#">Пунтк 2</a>
<a href="#">Пункт 3</a>
<a href="#">Пункт 4</a>
<a href="#">Пункт 5</a>
</div>
</td>
</tr>
</table>

</body>
</html>

Присоединённый файл ( Кол-во скачиваний: 3 )

clip_image002.jpg 25,60 Kb

magelan

Дата 2.9.2010, 22:29 (ссылка)

(нет голосов)

Загрузка ...

потерял xPath

Профиль
Группа: Участник
Сообщений: 393
Регистрация: 5.4.2010

Репутация: 4
Всего: 16

какая версия ослика у вас? 6я? диву в котором лежат ссылки задайте класс, в классе укажите ширину.

Syltan

Дата 2.9.2010, 23:39 (ссылка)

(нет голосов)

Загрузка ...

Опытный

Профиль
Группа: Участник
Сообщений: 301
Регистрация: 31.8.2009

Репутация: нет
Всего: -2

Всё поисправлял уже, последняя проблема в меню. В браузере имено ИЕ6 и ИЕ7, зазор от таблицы, как исправить скажите,условными коментариями может, не получаеться подогнать, убрать отступ, он показан на фото. Вот фото проблемы и архив новый вылаживаю, уже с меню.
http://ipicture.ru/uploads/100903/R5oUaRLLw5.jpg

Присоединённый файл ( Кол-во скачиваний: 1 )

SHAPKA.zip 49,85 Kb

Syltan

Дата 3.9.2010, 00:36 (ссылка)

(нет голосов)

Загрузка ...

Опытный

Профиль
Группа: Участник
Сообщений: 301
Регистрация: 31.8.2009

Репутация: нет
Всего: -2

Точно,вот так сработало:

Код

<img style="display:block;" src="img/videoyroki.png" ><

Теперь я хочу сделать отступ текста от лева на 20 пикселей, во всех браузерах,включая нетскейп, кроме именно И7 и И6, не хочет работать вот это:

Код



.d a{display:block; border-top:1px solid black;

padding:10px; text-indent:20px;

}

Вот эта ерунда text-indent:20px; не срабатывает там(И7,ИЕ6), подскажите что можно сделать?

magelan

Дата 3.9.2010, 02:04 (ссылка)

(нет голосов)

Загрузка ...

потерял xPath

Профиль
Группа: Участник
Сообщений: 393
Регистрация: 5.4.2010

Репутация: 4
Всего: 16

отступ это margin, а text-indent - это красная строка, вам что нужно?

Syltan

Дата 3.9.2010, 02:09 (ссылка)

(нет голосов)

Загрузка ...

Опытный

Профиль
Группа: Участник
Сообщений: 301
Регистрация: 31.8.2009

Репутация: нет
Всего: -2

Последняя проблема, я заметил, что при уменьшении окна, в браузерах Мозила,ГуГхром,нетскейп,сафари,Опера, кроме ИЕ, не появляеться полоса прокрутки, при уменьшении окна до ниже 800....700....600....500 пикселей.Как преодолеть это?

0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| Вёрстка веб-сайтов \| Следующая тема »