panig
-
Posts
87 -
Joined
-
Last visited
Content Type
Profiles
Forums
Calendar
Store
Everything posted by panig
-
Очень давно верстал что-то похожее, посмотрите http://panig.modf.ru/nplanet/home.html
-
Можно сделать изображение, в центре которого будет белый цвет, а по краям синий и повешать на #container. Будет илюзия, что центр растянут до низу, а на самом деле, он зависит от количества содержимого.
-
А у вас итоге все так и будет однотонными цветами, никаких градиентов и прочего? Если да, то было бы удобно сделать изображением и повешать его на #container
-
Есть один способ, но в нем присутствует один минус — 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;
-
1px разницы между Firefox и Opera, Webkit
panig replied to tini.kRyptoNite's question in HTML Coding
Опустить на пиксель вниз? -
Поменяйте в #container {} height:100%; на min-height:100%;
-
Наверное нужно было, чтобы травка касалась основного блока сайта, а не была где-то внизу. Тогда не понятно, зачем такая большая высота прописана. На скриншоте явно не контент так растянул страницу. (как нравится гадать)
-
Нет, все с нуля начинать не надо. Просто в той части, где три колонки, уберите у всех элементов отступы. Создайте струкруту трехколоночного макета. Наполните содержимым. Пропишите отступы и готово.
-
Правильно, так в коде разместили. Почитайте про трехколоночный макет, удобно будет. Его делать не долго, не сложно.
-
Думаю нет. Чтобы вы ни сделали, ваше аболютное позиционирование все испортит. Хотя можно, только если сайт фиксированным сделать.
-
Убрать абсолютное позиционирование и сверстать в три колонки.
-
Еще зависит от того, какой левый и правый край у всего меню. Но вообще, если забыть про них, то можно на li повешать фон и при наведении на li менять цвет фона, а ссылку сделать блочной, прописать ей бордеры и тоже изменять цвет, при наведении на ссылку. Нижние части «фиолетового» фона не будут ссылками, но там пару пикселей, не заметно даже.
-
Можно ли выучить стандарты w3c не зная английского
panig replied to LXVDXXXVI's question in HTML Coding
Да, английский лучше, но есть там ссылки на переведенные спецификации. http://www.w3.org/MarkUp/html4-updates/translations#Russian Посмотрите, там и русский есть. Не оффициальный. -
Можно ли как то отменить overflow hidden для определенного блока?
panig replied to JosePerez's question in HTML Coding
Попробуйте так: <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; } -
Можно ли как то отменить overflow hidden для определенного блока?
panig replied to JosePerez's question in HTML Coding
А в чем проблема, у вас нет доступа к css? У вас нижнее всплывающее окошко обрезается, правильно? Может когда вы убираете overflow:hidden то у блока родителя фон теряет высоту, в этом проблема? -
Если на изображении есть то, что вы хотели скрыть, подняв фон на 240px то вам скорее нужно сделать тег, отдельный, поставить на задниц план, убрать позиционирование, но высоту указать точную, без той части, что вы отрезать собираетесь ну и изображение прижать к нижу позиционированием фона background-position: bottom. Ну а сам блок уже абсолютным позиционированием прижать к низу страницы. Или лучше не создавать отдельный блок, а просто в графическом редакторе обрезать фон и прижать к низу позиционированием фона.
-
Зависит от содержимого. Если для одних и тех же элементов будут прописаныы разные стили, то отобразится лемент украшенный теми стилями, которые были прописаны ниже. Например: <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, тогда расположенность не важна. Ну а если в отдельном файле прописаны одни стили, а во встроеннй конструкции другие стили, то они просто суммируются. Теоретически, можно себе представить, что они образуют один файл.
-
<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, не нужен никакой другой файл.
-
На .main повешайте фон, отцентрируйте его. .content выровняйте так, чтобы накидать в него все внутренние записи и выровнять margin'ами. Все внутренние надписи, кнопки сделать блочными и составить обычный сайт используя float. Двухколоночный макет. Главное .content ровно разместить.
-
По быстренькому тут не выйдет. Нужно убирать абсолютное позиционирование. Переверстать если только сначала.
-
Сьезжающие вниз блоки(Глюк margin:0 auto и/или border:1px solid black)
panig replied to ilaga's question in HTML Coding
Эм, почему так происходит не скажу, но решается так: добавить в #logo display:inline-block; -
Здравствуйте. Есть способ верстки, когда составляешь код так, чтобы потом одним кликом можно было изменить его с трехколоночного, на одноколоночный. Делается это, наверное, скриптом, но сама верстка тоже не обычная. Если вы знаете статьи на эту тему, напишите пожалуйста. Изображение. По клику на схему сайт перестраивается или вот так. Был такой шаблон wordpress, давно видел его, который при добавлении нового материала вставлялся произвольно на страницу и все — маленькие, большие материалы смешивались и образовывали такой пазл. Это даже верстка не та, что меняется при изменении размера экрана, не знаю точно. Мне представляется, что нужно много классов стилей и скрипт, который будет при выборе одной из схем, менять классы у соответсвующих элементов.
-
У меня 1Гб, включаю фотошоп, нотепад++, фф, хром, опера, ие8 и iTunes и нормально. 512 это да, это не удобно.
-
f
-
Лучше бы конечно как страницу загрузил. Юкоз ее подпортил, ничего не понятно, всмысле не красиво.