Krakozavr Member Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору Mavrikii, простите что возврашюсь к безнадежной теме   Но всё-таки. Идея скорее всего дурная, но: можно ли зашить некое действие в URL загружаемой страницы, опираясь на описание нужноко для клика элемента?   выглядит оно вот так: Код:   <div class="customdropdowncontainer"> <p>Galleries</p> <div id="dropdowngalleries" class="customdropdownselected" onclick="javascript: showoptions("galleries");"> <p>All</p> <div> <img src="https://fineartamerica.com/images/ArrowDownCustomDropDown.png"> </div> </div> </div>     Всего записей: 322 | Зарегистр. 02-02-2003 | Отправлено: 05:06 15-04-2016

HeT BonpocoB Advanced Member Редактировать | Профиль | Сообщение | ICQ | Цитировать | Сообщить модератору я полный нуб в css... подскажите, возможно ли соорудить подбную конструкцию с div-блоками?         суть в том, что сайт позволяет редактировать только стили элементов, но не положение-добавление html   задача: пропихнуть левый блок до верха мелких... (в html-е он нижний) т.е. в коде страницы:   <div> мелкий1 <div> мелкий2 <div> мелкий3 ....... 25 штук <div> большой   и естественно большой снизу оказывается, а надо шоб как на картинке...   (  position:absolute; конечно выход, но чёта как-то сложно там потом попасть чтоб не перекрывало) Всего записей: 1342 | Зарегистр. 30-03-2003 | Отправлено: 18:54 30-04-2016 | Исправлено: HeT BonpocoB, 19:01 30-04-2016

stupom Junior Member Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору Цитата: я полный нуб в css... Надо учить, рекомендую htmlbook.ru/css/ Цитата: возможно ли соорудить подбную конструкцию с div-блоками? да Цитата: сайт позволяет редактировать только стили элементов Если HTML код не редактируем, то надо освоить вложенные и дочерние селекторы, а также классы типа :nth-child   Цитата: чтоб не перекрывало надо первому div-у приделать :before плавающий с размерами последнего. Что делать с остальными подсказать не могу, т.к. зависит от содержания блоков. Если будет просто текст ступенчато обтекающий  левый блок, то задача решена. Если надо показать блоки с рамками, то придётся отказаться от адаптивности и рассчитывать на фиксированную ширину, тогда остальные блоки тоже следует сделать плавающими, но с предопределённой шириной.     Всего записей: 182 | Зарегистр. 04-07-2015 | Отправлено: 07:09 01-05-2016 | Исправлено: stupom, 10:50 01-05-2016

HeT BonpocoB Advanced Member Редактировать | Профиль | Сообщение | ICQ | Цитировать | Сообщить модератору Mavrikii Цитата: общий родитель есть? общий родитель есть у всех блоков, отдельно у мелких нету... так-же есть "промежуточный" див, отделяющий мелкие от большого... Цитата: да. смотрите на float, при правильной ширине все выставится как нужно. при выставлении float мелким они начинают "обтекать" сами себя и "распадаются" в горизонталь пробовал каждому: float:right; clear:right; тогда они сами становятся как надо, НО большой пролезает только до высоты нижнего мелкого... тут что-то сложнее...   Цитата: Если надо показать блоки с рамками не,рамки не нужны... в мелких блоках ещё по паре табличных блоков только с текстом...     ладно, покурю по наводкам^.. Всего записей: 1342 | Зарегистр. 30-03-2003 | Отправлено: 10:19 01-05-2016

stupom Junior Member Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору Лучше покажите страницу, будет проще понять что хотите сделать, и придумать более конкретно как это реализовать. Только пусть будет не много кода, а то соображать тяжело. Всего записей: 182 | Зарегистр. 04-07-2015 | Отправлено: 10:53 01-05-2016

HeT BonpocoB Advanced Member Редактировать | Профиль | Сообщение | ICQ | Цитировать | Сообщить модератору Цитата: Лучше покажите страницу, на странице там чёртногусломит... вот попытался изобразить принцип в симуляторе   https://jsfiddle.net/vopros/8tj2acr1/2/   (не уверен что ссылка для всех сработает, но вроде должна)   кароче надо блок с логом ру-борды продвинуть вверх используя только css всё что я смог это позишен-абсолют туда его пририсовать, но это как-то самому не нравится решение.... (стили я естественно перенёс на все (без цветов, бордеров и т.д.), но вроде принцип понятен, не? ) Всего записей: 1342 | Зарегистр. 30-03-2003 | Отправлено: 12:09 01-05-2016 | Исправлено: HeT BonpocoB, 13:02 01-05-2016

stupom Junior Member Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору Кажись я лихо сбрехал на счёт плаванья, так не получится. Можно позиционировать нижний блок, но он не будет влиять на другие блоки, и надо что-то делать с остальными, либо поля им задать, либо ширину и позиционирование. https://jsfiddle.net/pjzxs14p/ -последнему блоку назначена ширина -остальным блокам назначено левое поле равное ширине последнего Всего записей: 182 | Зарегистр. 04-07-2015 | Отправлено: 13:36 01-05-2016

HeT BonpocoB Advanced Member Редактировать | Профиль | Сообщение | ICQ | Цитировать | Сообщить модератору stupom ну тут^ вся "фишка" опять таки в position: absolute; так, понятное дело, можно прилепить при любых размерах что угодно... я думал может есть способ его впихнуть туда "законно", чтоб нижнему контенту потом не подбирать тоже все отступы вручную... вроде кажется так просто, а никак счас пробую с berore-after прилепить, тоже как-то всё криво получается... Всего записей: 1342 | Зарегистр. 30-03-2003 | Отправлено: 13:49 01-05-2016

stupom Junior Member Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору С плаваньем вроде никак. Плавающий блок может быть только прижат влево или в право, тогда остальной контент будет его обтекать. Но плавать будет только на уровне того контента, где он появляется в коде. Можно его сместить вверх-вниз, но это кажется не будет изменять форму обтекания, да и нет способа сделать это адаптивно.   Если есть доступ к редактированию JavaScript, то можно перенести блок в начало, тогда будет хорошо плавать и обтекаться   Добавлено: Можно так https://jsfiddle.net/pjzxs14p/1/ , но надо согласовывать размер :before с последним блоком. Всего записей: 182 | Зарегистр. 04-07-2015 | Отправлено: 13:55 01-05-2016

HeT BonpocoB Advanced Member Редактировать | Профиль | Сообщение | ICQ | Цитировать | Сообщить модератору всех с Днём Победы!   ещё такой вопрос возник... по :nth-child , nth-of-type и т.д.   в html-е имеется куча "сложных" одинаковых див-блоков (с десятком чайлдов,подчайлдов ....) , их можно добавлять-удалять, т.е. их число и последовательность не известна допустим....   можно ли внутри этих "сложных" блоков некоторым под-чайлдам автоматически изменить к примеру float , через один? или их придётся "зеркалить" в самом html-коде вручную??? Всего записей: 1342 | Зарегистр. 30-03-2003 | Отправлено: 11:47 09-05-2016

stupom Junior Member Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору Посмотрите http://htmlbook.ru/css/nth-child табличку с примерами, в принципе можно как угодно, только если угодно будет в некоторой линейной форме выразить счётчик для child-ов. Через один :nth-child(2n) или :nth-child(2n+1) Всего записей: 182 | Зарегистр. 04-07-2015 | Отправлено: 11:56 09-05-2016

HeT BonpocoB Advanced Member Редактировать | Профиль | Сообщение | ICQ | Цитировать | Сообщить модератору stupom, не, это я видел... уже кучу перечитал всего... я имею в виду можно ли сие применить не ко ксяким там li, p... а к внутри конкретных классов   вот к примеру блоки:   (заменил код на jsfiddle)   блоки на странице идут парами (горизонтально) хотелось к .thumbnail применить float:right через один, ну чтоб ини выглядели "зеркально"   html тоже можно подредактировать в этом случае.... но чтоб визуально не пострадало, там всякие картинки, эффекты... Всего записей: 1342 | Зарегистр. 30-03-2003 | Отправлено: 12:04 09-05-2016 | Исправлено: HeT BonpocoB, 12:47 09-05-2016

stupom Junior Member Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору Хреново понял, что хотите, но в общем селектор извращать можно как угодно.   TAG.ИМЯ_КЛАССА:nth-chil(...) - Сперва пишите тег, через точку имя класса и далее псевдо-класс. Тег можно не писать, хотя я считаю, что лучше так не выпендриваться, просто для сохранения контроля над проектом. Всего записей: 182 | Зарегистр. 04-07-2015 | Отправлено: 12:15 09-05-2016

HeT BonpocoB Advanced Member Редактировать | Профиль | Сообщение | ICQ | Цитировать | Сообщить модератору stupom Цитата: Хреново понял     ну вот конструкция: https://jsfiddle.net/vopros/kgw7vnmj/   нужно чтоб аватарка на втором блоке была слева от текста, (а на первом соответственно справа) и так на всех... Всего записей: 1342 | Зарегистр. 30-03-2003 | Отправлено: 12:46 09-05-2016

stupom Junior Member Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору Код: tag:nth-child(odd) > avatar { float: right; } tag:nth-child(even) > avatar { float: left; } Всего записей: 182 | Зарегистр. 04-07-2015 | Отправлено: 13:34 09-05-2016

HeT BonpocoB Advanced Member Редактировать | Профиль | Сообщение | ICQ | Цитировать | Сообщить модератору воу... вроде работает (в эмуляторе пока тока) т.е. вот так правильно для конкретного^ примера? Код:   div:nth-child(odd) > .thumbnail { float: right; } div:nth-child(even) > .thumbnail { float: left; }     я вроде так пробовал, но без знака ">" не работало... надо загуглить что он означает Всего записей: 1342 | Зарегистр. 30-03-2003 | Отправлено: 13:46 09-05-2016

Страницы: 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 Варезник Раздачи и акции Мобильный варезник Андеграунд Игры и фильмы   » Специальные Тестирование