Для полосок так не знаю, как у вас в ие7 работает с float - Веб-строительство

675

vandamme

15 января 2011, 21:05

#11

вот так с ресетом будет правильнее

ul {

float: left;

margin: 0 3.5% 0 0;

padding: 0;

width: 31%;

}

ul.last {

margin-right: 0;

}

ul li {

border-bottom: 1px solid gray;

list-style: none outside none;

}

ul li.last {

border: medium none;

}

O

195

ortegas

15 января 2011, 21:06

#12

vandamme, без сброса и в 6 и в 7. Зачем применять float, если inline-block спасет. inline-block по факту делает ul инлайновым, те не переносит его, а li уже идут блочные. Единственная трабла, это то, что блоки упадут вниз, но vertical-align: top все поправит. Могу скинуть примеры в ЛС, просто зачем писать тону кода, если можно стандартными средствами реализовать.

Посоветуйте модуль галереи для Подскажите по верстке в Woocommerce: Как выравнять картинки

A

128

Alkoshenko

15 января 2011, 21:06

#13

Пока менюшка работает так как я хотел у vandamme.

O

195

ortegas

15 января 2011, 21:07

#14

Для полосок так:

ul {owerflow: hidden;}

li {

border-bottom: solid 1px black;

position: relative;

bottom: -2px; }

675

vandamme

15 января 2011, 21:08

#15

не знаю как у вас а у меня в ие7 работает с float

A

128

Alkoshenko

15 января 2011, 21:09

#16

Я правильно сделал?

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />

<title>Документ без названия</title>

<style>

ul {owerflow: hidden;}

li {

border-bottom: solid 1px black;

position: relative;

bottom: -2px; }

</style>

</head>



<body><div>

<ul>

<li><a href="#" title="Photoshop">Главная</a></li>

<li><a href="#" title="Flash">История Белоруси</a></li>

<li><a href="#" title="Статьи">Всемирная история</a></li>

<li><a href="#" title="Шаблоны сайтов">Контакты</a></li>

<li><a href="#" title="Шаблоны сайтов">О сайте</a></li>

</ul>

<ul>

<li><a href="#" title="Photoshop">Главная</a></li>

<li><a href="#" title="Flash">История Белоруси</a></li>

<li><a href="#" title="Статьи">Всемирная история</a></li>

<li><a href="#" title="Шаблоны сайтов">Контакты</a></li>

<li><a href="#" title="Шаблоны сайтов">О сайте</a></li>

</ul>

<ul>

<li><a href="#" title="Photoshop">Главная</a></li>

<li><a href="#" title="Flash">История Белоруси</a></li>

<li><a href="#" title="Статьи">Всемирная история</a></li>

<li><a href="#" title="Шаблоны сайтов">Контакты</a></li>

<li><a href="#" title="Шаблоны сайтов">О сайте</a></li>

</ul>

</div>

</body>

</html>

Если да то менюшка идет не по горизонтале, а по вертикали. Мне бы по горизонтале)

675

vandamme

15 января 2011, 21:10

#17

O

195

ortegas

15 января 2011, 21:13

#18

Alkoshenko, сейчас все напишу и залью к себе на сервер, подождите.

A

128

Alkoshenko

15 января 2011, 21:16

#19

Хорошо, спасибо.

Вот как у vandamme почти то что я хотел http://i048.radikal.ru/1101/7c/d8f6e3e5e436.jpg

Пробовал на 3 браузерах везде так.

675

vandamme

15 января 2011, 21:22

#20

а кеш чистили?

vandamme добавил 16.01.2011 в 00:26

Курс биткоина превысил $50 тысяч

Что такое Power BI и зачем это нужно бизнесу

CSS