rondew
Newbie-
Posts
18 -
Joined
-
Last visited
rondew's Achievements
Explorer (1/14)
0
Reputation
-
хотелось бы вывести все подсказки ссылок в тексте сбоку от текста. как это можно сделать? можно вставить в текст ссылки <span>, описать там подсказку и с помощью css выводить этот текст слева от текста. но это громоздко. хочется взять именно title ссылки. возможно ли это?
-
спасибо. хороший способ. жаль, что картинку все равно придется обесцвечивать. а это время.
-
сайт на wordpress. вызывается функция, выдающая 15 случайных картинок из страниц. мне нужно сделать так, чтобы они отображались черно-белыми, а при наведении курсора ПЛАВНО превращались в цветные. как это сделать? я находил какие-то похожие свойства, но CSS3. да и как это сделать плавно не знаю. подозреваю, что нужно делать с помощью js. можете помочь?
-
впрочем, есть и разочарование — :nth-child не будет работать в ИЕ, кроме девятого. а жаль. отличная шутка.
-
спасибо. стал было докручивать, но подоспел более интересный вариант. там зависит от ширины контейнера. то есть, если див широкий, а ширина li невелика, то они растянутся по одному пункту. уже можно, но не то. вот самый интересный вариант: <style> li { float: left; margin: 1em; } li:nth-child(2n+1) { clear: both; } </style> <ul> <li> 1 <li> 2 <li> 3 <li> 4 <li> 5 <li> 6 </ul> стирать обтекание я почему-то не догадался. хотя теперь это кажется очевидным)
-
спасибо. попробую. пока сделал криво, с помощью движка wordpress. может, вы сможете ответить на еще один вопрос? он глупый. как сделать так, чтобы элементы списка, не вмещающиеся в контейнер переносились на следующую строку? бьюсь уже больше часа. допустим, есть список из 6 элементов. он помещен в контейнер, в который по высоте вмещаются только два пункта. надо в итоге получить 3 столбца по 2 пункта. я дошел уже до псевдокласса :nth-child, но в этом случае float: left работает как-то странно — переносит третий пункт относительно второго, а не обоих. лесенка получается, короче(
-
привет. подскажите, как реализовать с помощью css такое меню: первый уровень в строку. второй уровень располагается в строку той же ширины, что и первый, то есть не зависит от li-родителя. в общем, надо сделать так, чтобы какой бы пункт я не выбрал, дочерний ul начинался от левого края страницы. я пытался меня position, но окончательно запутался. проблема в том, что у меня центрированная страница и координаты задать точно нельзя, они зависят от разрешения монитора. как это сделать?
-
видел. но ячейку можно слить со следующей и растянуть на 100%. здесь же у меня это не работает. вот, смотрите: если строчка короче ста процентов, то она прижмется к низу, с небольшим паддингом. я это имел в виду под корректным переносом. нужно, чтобы при добавлении еще одного пункта меню он был в следующей строке.
-
подскажите хотя бы в каком свойстве или их сочетании у меня ошибка, будьте так добры. я уже и про наследование почитал и работающие примеры подобного переназначения паддингов видел. а у меня не работает, хоть ты тресни(
-
я именно так изначально и хотел прижимать к нижней границе блока. но у такого способа есть минус — если строка длиннее ста процентов, то не произойдет корректного переноса. в случае с table-cell получается очень удобно и красиво. неужели нельзя заставить li не прилипать друг к другу? очень надеюсь, что такой способ все же есть.
-
привет. есть li с назначенным фоновым изображением (иконка). чтобы прижать текст к низу блока, сделал display: table-cell; теперь при добавлении более одного элемента списка, все они выстраиваются в одну строчку. а нужно, чтобы по одному элементу в строке. как корректно растянуть строки в этом случае? привожу код: #maincontent div.downloads ul { padding-left: 0; text-align: justify; } #maincontent div.downloads ul li { display: table-cell; list-style: none; background: url("/images/pdf.png") no-repeat; height: 32px; padding-left: 32px; padding-bottom: 0.5em; vertical-align: bottom; font-size: 120%; } заранее спасибо.
-
не работает. а как сделать, чтобы отрицательный марджин видел только ие7? очень нубский вопрос, я понимаю, просто я с костылями для ие пока не сталкивался. ох ты ж ежик!© спасибо тебе, psywalker! вот именно за этим я и пришел)
-
psywalker, а какой там код-то? в css прописано для ячейки: td.rant { background-color: #EBE2D3; padding: 4px; border: 2px solid #C2BAAE; } в хтмл пара ячеек из трех имеющихся в таблице имеют class="rant" и все)
-
попробовал задать картинке отрицательный марджин. работает. но это жутко криво, наверное.
-
почему в ie7 при 'padding: 4px' в css нижний отступ выглядит болше пиксела на два. в опере и хроме все нормально. задание марджинов для картинки дает тот же самый результат. как это обойти? заранее спасибо.