panig

User
  • Content count

    87
  • Joined

  • Last visited

Everything posted by panig

  1. Очень давно верстал что-то похожее, посмотрите http://panig.modf.ru/nplanet/home.html
  2. Можно сделать изображение, в центре которого будет белый цвет, а по краям синий и повешать на #container. Будет илюзия, что центр растянут до низу, а на самом деле, он зависит от количества содержимого.
  3. А у вас итоге все так и будет однотонными цветами, никаких градиентов и прочего? Если да, то было бы удобно сделать изображением и повешать его на #container
  4. Есть один способ, но в нем присутствует один минус — margin:0 auto не станет выравнивать footer по центру. У вас фиксированный макет, может и footer можно зафиксировать, а отступ сделать не автоматический, а вручную прописать? В общем нужно: Поменять в #container {} height:100%; на min-height:100%; Поменять в #main {} margin:0 auto -90px; на margin:0 auto; Добавить в #footer {} position:absolute; bottom:0; Добавить в #container {} position:relative;
  5. Опустить на пиксель вниз?
  6. Поменяйте в #container {} height:100%; на min-height:100%;
  7. panig

    Поблема с фоном

    Наверное нужно было, чтобы травка касалась основного блока сайта, а не была где-то внизу. Тогда не понятно, зачем такая большая высота прописана. На скриншоте явно не контент так растянул страницу. (как нравится гадать)
  8. Нет, все с нуля начинать не надо. Просто в той части, где три колонки, уберите у всех элементов отступы. Создайте струкруту трехколоночного макета. Наполните содержимым. Пропишите отступы и готово.
  9. Правильно, так в коде разместили. Почитайте про трехколоночный макет, удобно будет. Его делать не долго, не сложно.
  10. Думаю нет. Чтобы вы ни сделали, ваше аболютное позиционирование все испортит. Хотя можно, только если сайт фиксированным сделать.
  11. Убрать абсолютное позиционирование и сверстать в три колонки.
  12. panig

    Верстка CSS меню

    Еще зависит от того, какой левый и правый край у всего меню. Но вообще, если забыть про них, то можно на li повешать фон и при наведении на li менять цвет фона, а ссылку сделать блочной, прописать ей бордеры и тоже изменять цвет, при наведении на ссылку. Нижние части «фиолетового» фона не будут ссылками, но там пару пикселей, не заметно даже.
  13. Да, английский лучше, но есть там ссылки на переведенные спецификации. http://www.w3.org/MarkUp/html4-updates/translations#Russian Посмотрите, там и русский есть. Не оффициальный.
  14. Попробуйте так: <div class="page"> <div class="main"> <div class="left"></div> <div class="left"></div> <div class="left"></div> </div> </div> .main { width:1100px; background:#000; margin:0 auto; padding:20px; } .main:after { clear:both; display:block; overflow:hidden; height:0; content: '.'; visibility:hidden; } * html .main { height:1%; } *+html .main { min-height:1%; } .left { width:300px; height:200px; background:#fff; margin:0 20px 0 0; float:left; }
  15. А в чем проблема, у вас нет доступа к css? У вас нижнее всплывающее окошко обрезается, правильно? Может когда вы убираете overflow:hidden то у блока родителя фон теряет высоту, в этом проблема?
  16. panig

    Поблема с фоном

    Если на изображении есть то, что вы хотели скрыть, подняв фон на 240px то вам скорее нужно сделать тег, отдельный, поставить на задниц план, убрать позиционирование, но высоту указать точную, без той части, что вы отрезать собираетесь ну и изображение прижать к нижу позиционированием фона background-position: bottom. Ну а сам блок уже абсолютным позиционированием прижать к низу страницы. Или лучше не создавать отдельный блок, а просто в графическом редакторе обрезать фон и прижать к низу позиционированием фона.
  17. Зависит от содержимого. Если для одних и тех же элементов будут прописаныы разные стили, то отобразится лемент украшенный теми стилями, которые были прописаны ниже. Например: <head> <title>title</title> <style type="text/css"> body { background-color: #fff; } </style> <link rel="stylesheet" href="style.css" type="text/css" /> </head> В файле style.css прописан body { background-color: #e7983f; } В этом случае фон body будет цвета #e7983f. <head> <title>title</title> <link rel="stylesheet" href="style.css" type="text/css" /> <style type="text/css"> body { background-color: #fff; } </style> </head> А в это случае фон body будет цвета #fff Можно использовать !important, тогда расположенность не важна. Ну а если в отдельном файле прописаны одни стили, а во встроеннй конструкции другие стили, то они просто суммируются. Теоретически, можно себе представить, что они образуют один файл.
  18. <link type="text/css" rel="StyleSheet" href="/_st/my.css" /> это ссылка на файл стилей. Прописываешь ее в html файле, а редактируешь css в другом файле. <STYLE type="text/css"> это начало части кода, в которой записаны css стили. Имеет окончание и «начинку». Примерно так: <STYLE type="text/css"> .page { width:400px; overflow:hidden; } </STYLE> Прописываешь эту конструкцию в html файле и тут же редактируешь css, не нужен никакой другой файл.
  19. panig

    Кнпки сьезжают

    На .main повешайте фон, отцентрируйте его. .content выровняйте так, чтобы накидать в него все внутренние записи и выровнять margin'ами. Все внутренние надписи, кнопки сделать блочными и составить обычный сайт используя float. Двухколоночный макет. Главное .content ровно разместить.
  20. panig

    Кнпки сьезжают

    По быстренькому тут не выйдет. Нужно убирать абсолютное позиционирование. Переверстать если только сначала.
  21. Эм, почему так происходит не скажу, но решается так: добавить в #logo display:inline-block;
  22. Здравствуйте. Есть способ верстки, когда составляешь код так, чтобы потом одним кликом можно было изменить его с трехколоночного, на одноколоночный. Делается это, наверное, скриптом, но сама верстка тоже не обычная. Если вы знаете статьи на эту тему, напишите пожалуйста. Изображение. По клику на схему сайт перестраивается или вот так. Был такой шаблон wordpress, давно видел его, который при добавлении нового материала вставлялся произвольно на страницу и все — маленькие, большие материалы смешивались и образовывали такой пазл. Это даже верстка не та, что меняется при изменении размера экрана, не знаю точно. Мне представляется, что нужно много классов стилей и скрипт, который будет при выборе одной из схем, менять классы у соответсвующих элементов.
  23. panig

    Оцените

    Лучше бы конечно как страницу загрузил. Юкоз ее подпортил, ничего не понятно, всмысле не красиво.
  24. Не могу подсказать как сделать это стилями, но только хочу спросить, почему нельзя сделать их перед загрузкой 100x100 и выровнять как нужно? Тем более, что активная область ссылки будет лучше, по-моему, как раз 100x100.
  25. Можно еще абсолютным позиционированием. У тех блоков, что сзади, вырезать ту часть которая не относится к ним ну или оставить, но если кривовато будет, каша получится еле заметная.