Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #11 (permalink)  
Старый 20.11.2011, 20:02
Профессор
Отправить личное сообщение для Артем125 Посмотреть профиль Найти все сообщения от Артем125
 
Регистрация: 01.10.2009
Сообщений: 158

лады

Последний раз редактировалось Артем125, 20.11.2011 в 20:29.
Ответить с цитированием
  #12 (permalink)  
Старый 20.11.2011, 21:11
Лаборант :-)
Отправить личное сообщение для Pavel M. Посмотреть профиль Найти все сообщения от Pavel M.
 
Регистрация: 08.11.2011
Сообщений: 806

Сообщение от Артем125
подскажите, пожалуйста, есть меню

<div>
ссылка 1 ссылка 2 ссылка 3
</div>

необходимо чтобы сслыка 1 была притянута к левом краю, сслка 2 к правому, а что заключено между ними, переменное число ссылок было равномерно по середине
не это нужно
<div style="text-align:justify;">
    <a href=#>левая</a>
    <a href=#>ссылка</a>
    <a href=#>ссылка</a>
    <a href=#>ссылка</a>
    <a href=#>правая</a>
    <span style="display:inline-block;width:100%">&nbsp;</span>
</div>
Ответить с цитированием
  #13 (permalink)  
Старый 20.11.2011, 21:14
Аватар для ksa
ksa ksa вне форума
CacheVar
Отправить личное сообщение для ksa Посмотреть профиль Найти все сообщения от ksa
 
Регистрация: 19.08.2010
Сообщений: 14,217

Сообщение от Pavel M.
display:inline-block
;
Это не во всех версиях браузеров работает...
http://htmlbook.ru/css/display

Но + однозначно.
Ответить с цитированием
  #14 (permalink)  
Старый 21.11.2011, 15:05
Профессор
Отправить личное сообщение для Артем125 Посмотреть профиль Найти все сообщения от Артем125
 
Регистрация: 01.10.2009
Сообщений: 158

Спасибо, это как раз то,что нужно

не могли бы Вы растолковать, что здесь делает span

вот выдержка из мануала, непонятно

inline-block Это значение генерирует блочный элемент, который обтекается другими элементами веб-страницы подобно встроенному элементу. Фактически такой элемент по своему действию похож на встраиваемые элементы (вроде тега <img>). При этом его внутренняя часть форматируется как блочный элемент, а сам элемент — как встроенный.
Ответить с цитированием
  #15 (permalink)  
Старый 21.11.2011, 15:06
Аватар для ksa
ksa ksa вне форума
CacheVar
Отправить личное сообщение для ksa Посмотреть профиль Найти все сообщения от ksa
 
Регистрация: 19.08.2010
Сообщений: 14,217

Сообщение от Артем125
что здесь делает span
А ты убери его и увидишь...

<div style="text-align:justify;">
    <a href=#>левая</a>
    <a href=#>ссылка</a>
    <a href=#>ссылка</a>
    <a href=#>ссылка</a>
    <a href=#>правая</a>
</div>


Теоретически может помочь

<div style="text-align:justify; text-align-last: justify;">
    <a href=#>левая</a>
    <a href=#>ссылка</a>
    <a href=#>ссылка</a>
    <a href=#>ссылка</a>
    <a href=#>правая</a>
</div>

http://htmlbook.ru/css/text-align-last

Но браузеры такого пока не понимают...

Последний раз редактировалось ksa, 21.11.2011 в 15:10.
Ответить с цитированием
  #16 (permalink)  
Старый 21.11.2011, 17:14
Профессор
Отправить личное сообщение для Seva1986 Посмотреть профиль Найти все сообщения от Seva1986
 
Регистрация: 01.10.2011
Сообщений: 422

Сообщение от ksa
А ты убери его и увидишь...
Для это псевдо элементы есть, а для отстойных браузеров в условных комментариях спан засунуть.
Ответить с цитированием
  #17 (permalink)  
Старый 21.11.2011, 22:59
Аватар для ksa
ksa ksa вне форума
CacheVar
Отправить личное сообщение для ksa Посмотреть профиль Найти все сообщения от ksa
 
Регистрация: 19.08.2010
Сообщений: 14,217

Сообщение от Seva1986
Для это псевдо элементы есть
Таки покажи свой вариант... С "псевдо элементами". Кстати что это такое?
Ответить с цитированием
  #18 (permalink)  
Старый 21.11.2011, 23:58
Профессор
Отправить личное сообщение для Seva1986 Посмотреть профиль Найти все сообщения от Seva1986
 
Регистрация: 01.10.2011
Сообщений: 422

Сообщение от ksa
Таки покажи свой вариант... С "псевдо элементами". Кстати что это такое?

Ну ты лишний спан добавляешь по тому что text-align:justify; чтоб нормлаьно работал, последний элемент должен переноситься на другую строку поэтому ты и ставишь <span style="display:inline-block;width:100%">&nbsp;</span>

в css 3, как ты уже говорил, для этого ввели специальное свойство text-align-last: justify;"

но поддержка пока плачевна для ie 8 например...

Вместо этого спана можно сделать так например...


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="ru" xml:lang="ru">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>1</title>
<style type="text/css">
.div{
text-align:justify;
font-size:0; 
}
.div>*{
font-size:12px; 
}
.div:after{
content:"";
display:inline-block;
width:100%;
}
</style>
</head>
<body>

<div class="div">
    <a href=#>левая</a>
    <a href=#>ссылка</a>
    <a href=#>ссылка</a>
    <a href=#>ссылка</a>
    <a href=#>правая</a>
</div>





</body> 
</html>



ну псевдо элемент это элемент созданый сss его нет в исходном html. http://specs.operafan.net/css2.1RU/CSS21/generate.html

Последний раз редактировалось Seva1986, 22.11.2011 в 00:54.
Ответить с цитированием
  #19 (permalink)  
Старый 22.11.2011, 00:07
Профессор
Отправить личное сообщение для Seva1986 Посмотреть профиль Найти все сообщения от Seva1986
 
Регистрация: 01.10.2011
Сообщений: 422

ksa,


а зачем это делаеться так, через justify , какая задача?
Ответить с цитированием
  #20 (permalink)  
Старый 22.11.2011, 00:45
Профессор
Отправить личное сообщение для Seva1986 Посмотреть профиль Найти все сообщения от Seva1986
 
Регистрация: 01.10.2011
Сообщений: 422

Сообщение от Артем125
который обтекается другими элементами веб-страницы подобно встроенному элементу.
что это за перевод или мануал такой? скаких пор инлайн блоки, картинки в часности, стали флоатами, с каких пор их другие эелменты обтекают?
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Находится ли мышка над дивом ? (выпадающее меню) advsm jQuery 31 24.09.2014 17:50
Ищу jQuery плагин для создания меню Zeboton jQuery 9 15.09.2014 15:31
Выпадающие меню like2dev Общие вопросы Javascript 9 21.10.2011 14:09
Проблема с аккордионом и меню Tie ExtJS 3 01.09.2011 14:36
Всплывающее меню (проблемы) Барин Элементы интерфейса 8 07.07.2011 09:22