dariusii Silver Member Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору Вопрос про кликабельность ссылок, чьи блоки повернуты на определенный угол.   дано. изначальные блоки с width:142px на height:66px. внутри блоков изображение и картинка и текст, как ссылки. расстояние между блоками - от начала первого блока до начала второго - 40px. то есть, меньше, чем ширина. но так как блоки находятся в абсолютном позиционировании и повернуты против часов на 45 градусов, они как бы между собой не ссорятся, за исключением одного но - ссылки кликабельны лишь в нижнем левом их углу.   Подробнее...         margin'ом зону не увеличить (вернее, увеличть-то можно, но как только начнешь восстанавливать позиционирование, проблема кликабельности возвратится вновь), а яву сюда тащить очень не хочется.   как растянуть высоту блоков так, что бы и конфликтов не было и кликабельность была? Всего записей: 2490 | Зарегистр. 08-11-2003 | Отправлено: 22:30 02-04-2014 | Исправлено: dariusii, 22:34 02-04-2014

Cheery .:МордератоР:. Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору dariusii Цитата: ссылки кликабельны лишь в нижнем левом их углу значит блоки перекрывают друг друга, возможно. восстановите страницу для просмотра, например тут www.jsfiddle.net   ps: http://jsfiddle.net/k38Jc/ у вас картинки идут поверх ссылок, видимо.. поиграйтесь с z-index ---------- Away/DND Всего записей: 52737 | Зарегистр. 04-04-2002 | Отправлено: 22:33 02-04-2014 | Исправлено: Cheery, 22:35 02-04-2014

dariusii Silver Member Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору Cheery Цитата: значит блоки перекрывают друг друга, возможно.   да. в том-то и дело. Всего записей: 2490 | Зарегистр. 08-11-2003 | Отправлено: 22:35 02-04-2014

Cheery .:МордератоР:. Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору dariusii ссылки то в самом низу   ---------- Away/DND Всего записей: 52737 | Зарегистр. 04-04-2002 | Отправлено: 22:38 02-04-2014

dariusii Silver Member Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору Cheery и да - у текста z-index "ближе" к мыше.   Я так понял, что css3 - это лишь декор. в реале блоке как бы остаются горизонтальными (в поведении под линки)? так? Всего записей: 2490 | Зарегистр. 08-11-2003 | Отправлено: 22:39 02-04-2014

Cheery .:МордератоР:. Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору dariusii Цитата: так? думаю, что нет (не разбирался глубоко с этим).. но у вас там получается, все равно, что один блок находится над другим, поэтому ссылка задействована на вся. может надо переделать структуру как то ---------- Away/DND Всего записей: 52737 | Зарегистр. 04-04-2002 | Отправлено: 22:45 02-04-2014 | Исправлено: Cheery, 22:45 02-04-2014

dariusii Silver Member Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору Cheery у текста самый приоритетный позишн. у остальных блоков более маленький z-index. единичка и двойка.   как-то надо, вот только как)))     от задачи-то этой никуда.   Добавлено: А возможно ли выстроить текст вертикально, без css3 способа? а уже потом его и наклонить через css3. ? так получится, что ширина будет меньше и конфликтов не будет. с таблицами. пусть и див в диве. таблицы ж с позишн не пойдут в одном указателе. ну и не беда.   просто, не смог найти такого метода. - выстраивание текста по вертикали, без css3. может, оно и рядом, но не вышло. Всего записей: 2490 | Зарегистр. 08-11-2003 | Отправлено: 22:47 02-04-2014 | Исправлено: dariusii, 22:48 02-04-2014

Cheery .:МордератоР:. Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору dariusii ну вот смотрите, никакого перекрытия нет http://jsfiddle.net/k38Jc/2/ понятно, что избавился от блоков.. но ваши картинки должны быть в самом низу, чтобы не перекрывали линки никак.   то есть отдельный див для картинок.. и затем, поверх него, див с линками. либо картинки можно фоном вставить в ссылки - так будет даже проще.   сейчас ссылки как блоки, оборачиваете каждую в див, делаете див чуть больше, вставляете фоном картинку карандаша. и все, никакой сложной структуры.   ps: если дадите картинку карандаша отдельно - могу набросать ---------- Away/DND Всего записей: 52737 | Зарегистр. 04-04-2002 | Отправлено: 22:53 02-04-2014 | Исправлено: Cheery, 23:03 02-04-2014

dariusii Silver Member Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору Cheery А. Ну я понял. Блоки нарисовать выше и оттащить их за пределы родительского блока. наверное, так. благодарю за подсказку.   хотя))) если это сново не перекроет текст. странно. у родителей z-index-то ниже..   Добавлено: Cheery а, смотря что. так-то, карандаш вот https://www.dropbox.com/s/wj6lr9hhiejlu1k/0019.png   Добавлено: Цитата: сейчас ссылки как блоки, оборачиваете каждую в див, делаете див чуть больше, вставляете фоном картинку карандаша.   и все, никакой сложной структуры.     так, они разделены <div id="pencilb01">     <div id="linkimg"><img src="images/0017.png" width="142" height="66" alt="0017png"></div>     <div class="pencilt01"><a href="http://linuxportal.ru">Главная</a></div> </div> ..   я пробовал линком делать не текст, а изображение. тож самое. Всего записей: 2490 | Зарегистр. 08-11-2003 | Отправлено: 23:03 02-04-2014 | Исправлено: dariusii, 23:10 02-04-2014

Cheery .:МордератоР:. Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору dariusii Цитата: а, смотря что. так-то, карандаш вот ну если вы уж текст поворачиваете, то зачем карандаш повернут ?)   сейчас, набросаю кое что. ---------- Away/DND Всего записей: 52737 | Зарегистр. 04-04-2002 | Отправлено: 23:11 02-04-2014

dariusii Silver Member Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору Cheery карандаш не я поворачивал. он уже так был нарисован. изначально и текст растром был (так же повернут). но убила гребенка в "шрифте" и решил сделать текстом. Всего записей: 2490 | Зарегистр. 08-11-2003 | Отправлено: 23:13 02-04-2014

Cheery .:МордератоР:. Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору dariusii http://jsfiddle.net/k38Jc/4/ это наспех, просто показать идею.   и с изменением картинки по :hover, если надо, не будет проблем. ---------- Away/DND Всего записей: 52737 | Зарегистр. 04-04-2002 | Отправлено: 23:16 02-04-2014 | Исправлено: Cheery, 23:20 02-04-2014

dariusii Silver Member Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору Однако. Не думал, что тут такая экстренная помощь)))))   Добавлено: Cheery Премного Благодарен. Как отблагодарить еще, даже, не знаю. Мой родной ru-board. лучше всех года с 2к. Всего записей: 2490 | Зарегистр. 08-11-2003 | Отправлено: 23:17 02-04-2014 | Исправлено: dariusii, 01:50 03-04-2014

dariusii Silver Member Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору Еще такой вопрос. Возможно ли в css делать не так:   .link01,link02,link03 {position:absolute;} link01 {left:30px;} link02 {left:60px;} link03 {left:90px;}   а   .link01,link02,link03 {position:absolute;а тут как-то ~left:n+30px~} кто понял, тот понял. что бы не плодить море координат+30px.   ну, несколько имен классов тут я условно вывел. что бы не указывать еще и html. понятно, что тогда .link {position:absolute;а тут как-то ~left:n30px~}   ну и без php в css. ибо один фик сложности будут с именами классов. то есть, конечно можно)) но не нафик ли)) Всего записей: 2490 | Зарегистр. 08-11-2003 | Отправлено: 01:57 03-04-2014 | Исправлено: dariusii, 01:57 03-04-2014

Cheery .:МордератоР:. Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору dariusii да без проблем http://jsfiddle.net/k38Jc/5/ ---------- Away/DND Всего записей: 52737 | Зарегистр. 04-04-2002 | Отправлено: 02:01 03-04-2014

dariusii Silver Member Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору Cheery если не с позишн, а с флоат, то их не "уловить" отрицательным margin))) они, будут сжиматься (margin-left: -95px;), а уже при 94px начнут наоборот расжиматься и никак не впишутся в равномерную последовательность)))             десятичных значений в margin не выставить и нашел, что там принимаются лишь пиксели. им надо что-то в духе ~ -94.5px, но как так точно выдержать размер.   еще пробовал, меняя ширину блока, ака, так сделать поправку/уточнение - тож не сахар. прыгает размер, как карась на сковороде. Всего записей: 2490 | Зарегистр. 08-11-2003 | Отправлено: 09:59 03-04-2014 | Исправлено: dariusii, 10:05 03-04-2014

Cheery .:МордератоР:. Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору dariusii автоинкремента у абсолютного позиционирования нет. равномерная последовательность чего? если картинка идет фоном в блоке ссылки, то там все равно какой сдвиг.   или вы о фоне? ну так и его можно сделать аналогично, загнав в нужный див. ---------- Away/DND Всего записей: 52737 | Зарегистр. 04-04-2002 | Отправлено: 10:10 03-04-2014 | Исправлено: Cheery, 10:12 03-04-2014

dariusii Silver Member Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору ясно. значит, свой класс для каждого блока. Всего записей: 2490 | Зарегистр. 08-11-2003 | Отправлено: 10:35 03-04-2014

Weinaum Silver Member Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору приветствую, посмотрите плз вот на этом сайте меню, никак не найду, как выровнять по длине - т.е. вот сейчас там 4 пункта меню, надо сделать, чтобы каждый занимал одинаковое расстояние  по длине, т.е. по 25%. Сейчас же это зависит от длины имени и от параметра padding: 8px 85px; в #mainmenu ul li a И второе - направьте, что добавить, чтобы корректно работало dropdown в браузерах устаревших версий. Снкс Всего записей: 2155 | Зарегистр. 18-06-2006 | Отправлено: 11:16 18-04-2014 | Исправлено: Weinaum, 16:31 18-04-2014

OLEX Silver Member Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору Weinaum   #mainmenu ul { border-left: 1px solid #ededed; border-right: 1px solid #ededed; float: left; width: 100%; }   #mainmenu ul li { width: 25%; white-space: nowrap; }   #mainmenu ul li a { display: inline-block; display: block; } Всего записей: 3591 | Зарегистр. 09-07-2002 | Отправлено: 13:02 18-04-2014 | Исправлено: OLEX, 13:03 18-04-2014

Страницы: 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 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129

Компьютерный форум Ru.Board » Интернет » Web-программирование » Вопросы по CSS

Переход по форумам  Закладки   » Компьютеры Цифровое изображение Программы Microsoft Windows UNIX Другие OS Hardware В помощь сисадмину Прикладное программирование Игры Форумные игры   » Интернет Web-программирование В помощь вебмастеру Графика Хостинг Зацените-ка!   » Тематические Ikonboard v.2 Ikonboard v.3 Invision Board Другие форумы PHP-Nuke и другие порталы Мобила   » Общие Спорт Флейм Темы по региональным встречам Музыка и Кино Юмор Литература и Живопись   » Ru.Board Новости Помощь по форуму   » Андеграунд eBookz Варезник Раздачи и акции Мобильный варезник Андеграунд Игры и фильмы   » Специальные Тестирование