Jump to content

DStereo

User
  • Posts

    83
  • Joined

  • Last visited

Everything posted by DStereo

  1. IE 6 поддерживает ховер только для элементов 'a'.
  2. Двигать можно и с помощью position:absolute. Другой вопрос, что достигается разный эффект. Для того, чтобы просто добавить отступ от блока, и сдвинуть соседствующие блоки, то целесообразнее использовать margin, если нужно сдвинуть блок, но так, чтобы соседствующие блоки остались на месте, то лучше использовать position:relative. Ну, а position:absolute просто вырывает блок из потока и позиционирует его где вам захочется.
  3. Смысл в том, что реализовать то, что вы хотите, можно либо через таблицы, либо через javascript. Есть еще метод faux columns, т.е. физически мы не растягиваем боковые колонки, а добавляем фон для блока которые содержит все колонки (боковые и центральную), который тянется по высоте контента. Таким образом создается впечатление, что колонки растянуты идентично центральной.
  4. Использование псевдо-элемента заключается в дабавлении кода к блоку outer #outer:after{ clear:both; content:'.'; display:block; height:0; visibility:hidden; } Но этот код не работает в ie7, так как ie ниже 8 версии не поддерживает псевдоэлементы :after и :before.
  5. Пробелы в названиях файлов или папок использовать нельзя, вместо них лучше пользоваться дефисом, ну или нижним подчеркиванием. Не знаю как на счет русских букв, возможно браузеры и поддерживают кирилицу в названиях файлов, но лучше от них тоже отказаться, так как это плохая практика. Так что напишите как-то так: "img/1/white-threats-on-black.jpg".
  6. . В большинстве случаев распространен вариант добавления overflow:hidden для родительского блока, т.е. для outer в вашем случае. Но у него есть свои подводные камни. Можно так же добавить элемент который будет отменять обтекание, как сейчас у вас предложено, но это дополнительная разметка. Есть еще вариант с добавлением псевдо-элемента.
  7. Самый простой способ - это требовать от заказчика предоплату. Обычно 30% от общей стоимости вашего труда, вначале достаточно, но это уже вам смотреть, можете и больше запросить. Как правило кидалы сразу отсекаются, потому как не хотят ничего платить. Если вы работаете с клиентами через какую-либо биржу труда, типа free-lance.ru, то там есть "безопасная сделка".
  8. Тогда используйте display:inline-block.
  9. Я так понял, что вам важно чтобы контент оставался как можно ближе к верху страницы, так как это полезно для сео? Если это так, то есть варианты, как можно сделать чтобы контент был вверху, а все остальные части отсавались по бокам. Вот здесь очень много примеров как можно разместить блоки.
  10. Разве что использовать абсолютное позиционирование и фиксированную высоту для сайдбара и блока меню.
  11. Не забывайте, что элементы "a" являются строчными, так что добавить им высоту и ширину просто так не получится. Сначала нужно сделать их блочными. #Nav5 li a{ ... display:block; } Потом, для "li" лучше всего так: #Nav5 li{ ... float:left } а строчку с display:inline вообще удалить. Ну и чтобы меню не схлопывалось по высоте: #Nav5{ ... overflow:hidden; }
  12. С кодом. Лучше бы ничего не писал, чем умничать. Понятное дело что с кодом, но где даже представления не имею. Вам человек правильно ответил - проблема в коде. Другой вопрос, что вы его нам не показываете, а читать мысли мы пока не научились. Покажите код (html + css), чтобы выяснить в чем может быть загвоздка.
  13. Потому что span является строчным элементом и padding не добавляет внутренние верхний и нижний отступы, только слева и справа. Чтобы span был строчным элементом, но мог вести себя как блок, то задайте для него display:inline-block. .statistics{ ... display:inline-block; } А по-хорошему, сделайте padding для блока .standart и удалите элемент .statistics
  14. DStereo

    Тень

    position:relative;z-index:1
  15. Обычно чтобы не наезжали блоки один на другой, нужно делать padding или margin для блока который содержит блок с отрицательным margin или просто соседний с ним, такой же величины как этот отрицательный margin. Приведу простой пример. У вас есть два блока, определенной ширины - один прижимается к левой границе экрана, border:1px solid #000;float:left;width:200px другой прижимается к правой границе экрана. border:1px solid #000;float:right;width:200px;margin-left:-20px Эти блоки могут иметь фоновый цвет или границы. При сужении окна браузера правый блок будет двигаться в сторону левого, пока не достигнет его границы, плюс еще будет смещен влево на 20px, тем самым будет перекрывать левый блок. Чтобы такого не происходило, нужно левому блоку добавить margin-right:20px, тогда перекрытия не произойдет.
  16. Сходу ответить на ваш вопрос тяжело, нужно видеть код.
  17. Тогда создайте отдельный класс, например .form-bg{background:url(...)} и потом при нажатии на эту кнопку, присваивайте этой форме этот класс.
  18. Как правило высота букв немного меньше высоты шрифта, особенно это заментно при большом размере шрифта - это связно с тем, что в наборе шрифта могут размещаться такие символы как % * и т.д, которые больше по размерам чем прописные буквы, поэтому браузеры (и не только) как бы резервируют это место для этих символов. Так же еще стоит обратить внимание на свойство line-height для текста, которое добавляет дополнительные отступы от верхней и нижней границы текста, чтобы многострочный текст не слипался.
  19. Отрицательное значение для margin - это нормальное явление, если вам нужно сместить блок относительно текущего положения в обратную сторону или так чтобы края блока выглядывали из-за текста и т.д. Только учитывайте, что поведение при смещение при помощи margin и position:relative отличаются.
  20. Стандартными средствами css такого не получится сделать. Копайте в сторону lesscss, там реализована возможность создавать переменные.
  21. Нужно кнопку заключить в блок обертку, который будет тянуться по всей ширине и для блока обертки указать text-align:center
  22. DStereo

    div в divе

    Добавьте для блока container overflow:hidden
  23. Чтобы class3 имел те же свойства, что и предыдущие два нужно записать так: .class1,.class3{} .class2,.class3{} .class3{} /* стили отличающиеся от стилей class1 и class2 */
×
×
  • 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