Jump to content

rondew

Newbie
  • Posts

    18
  • Joined

  • Last visited

rondew's Achievements

Explorer

Explorer (1/14)

0

Reputation

  1. хотелось бы вывести все подсказки ссылок в тексте сбоку от текста. как это можно сделать? можно вставить в текст ссылки <span>, описать там подсказку и с помощью css выводить этот текст слева от текста. но это громоздко. хочется взять именно title ссылки. возможно ли это?
  2. спасибо. хороший способ. жаль, что картинку все равно придется обесцвечивать. а это время.
  3. сайт на wordpress. вызывается функция, выдающая 15 случайных картинок из страниц. мне нужно сделать так, чтобы они отображались черно-белыми, а при наведении курсора ПЛАВНО превращались в цветные. как это сделать? я находил какие-то похожие свойства, но CSS3. да и как это сделать плавно не знаю. подозреваю, что нужно делать с помощью js. можете помочь?
  4. впрочем, есть и разочарование — :nth-child не будет работать в ИЕ, кроме девятого. а жаль. отличная шутка.
  5. спасибо. стал было докручивать, но подоспел более интересный вариант. там зависит от ширины контейнера. то есть, если див широкий, а ширина 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> стирать обтекание я почему-то не догадался. хотя теперь это кажется очевидным)
  6. спасибо. попробую. пока сделал криво, с помощью движка wordpress. может, вы сможете ответить на еще один вопрос? он глупый. как сделать так, чтобы элементы списка, не вмещающиеся в контейнер переносились на следующую строку? бьюсь уже больше часа. допустим, есть список из 6 элементов. он помещен в контейнер, в который по высоте вмещаются только два пункта. надо в итоге получить 3 столбца по 2 пункта. я дошел уже до псевдокласса :nth-child, но в этом случае float: left работает как-то странно — переносит третий пункт относительно второго, а не обоих. лесенка получается, короче(
  7. привет. подскажите, как реализовать с помощью css такое меню: первый уровень в строку. второй уровень располагается в строку той же ширины, что и первый, то есть не зависит от li-родителя. в общем, надо сделать так, чтобы какой бы пункт я не выбрал, дочерний ul начинался от левого края страницы. я пытался меня position, но окончательно запутался. проблема в том, что у меня центрированная страница и координаты задать точно нельзя, они зависят от разрешения монитора. как это сделать?
  8. видел. но ячейку можно слить со следующей и растянуть на 100%. здесь же у меня это не работает. вот, смотрите: если строчка короче ста процентов, то она прижмется к низу, с небольшим паддингом. я это имел в виду под корректным переносом. нужно, чтобы при добавлении еще одного пункта меню он был в следующей строке.
  9. подскажите хотя бы в каком свойстве или их сочетании у меня ошибка, будьте так добры. я уже и про наследование почитал и работающие примеры подобного переназначения паддингов видел. а у меня не работает, хоть ты тресни(
  10. я именно так изначально и хотел прижимать к нижней границе блока. но у такого способа есть минус — если строка длиннее ста процентов, то не произойдет корректного переноса. в случае с table-cell получается очень удобно и красиво. неужели нельзя заставить li не прилипать друг к другу? очень надеюсь, что такой способ все же есть.
  11. привет. есть 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%; } заранее спасибо.
  12. не работает. а как сделать, чтобы отрицательный марджин видел только ие7? очень нубский вопрос, я понимаю, просто я с костылями для ие пока не сталкивался. ох ты ж ежик!© спасибо тебе, psywalker! вот именно за этим я и пришел)
  13. psywalker, а какой там код-то? в css прописано для ячейки: td.rant { background-color: #EBE2D3; padding: 4px; border: 2px solid #C2BAAE; } в хтмл пара ячеек из трех имеющихся в таблице имеют class="rant" и все)
  14. попробовал задать картинке отрицательный марджин. работает. но это жутко криво, наверное.
  15. почему в ie7 при 'padding: 4px' в css нижний отступ выглядит болше пиксела на два. в опере и хроме все нормально. задание марджинов для картинки дает тот же самый результат. как это обойти? заранее спасибо.
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy