HTML Coding
Subforums
-
- 30.1k
- posts
-
- 1k
- posts
-
- Про макеты
- By klierik,
Explore Questions
There are no popular questions to show right now
-
0 votes0 answers
-
0 votes0 answers
-
0 votes0 answers
-
0 votes1 answer
-
0 votes3 answers
29,542 questions in this forum
-
Измерение размеров элементов в psd
Подскажите. У меня имеется psd-макет, на котором я тренируюсь в верстке. В этом макете тени используются часто и густо - для текста и для боксов различных (div, ul, table). Замер размеров элементов в psd-шаблоне, а также расстояния между ними я произвожу по следующей схеме (она мне кажется наиболее удобной и быстрой): устанавливаю направляющие по нужным границам элемента, а затем замеряю размер линейкой. Все это выполняю в Photoshop, естественно. Так вот, при выставлении направляющих к границам элемента (пусть это будет та же table, у которой есть внешняя тень) мне нужно устанавливать эти направляющие по границе тени? Или можно не учитывать ее, а ставить по границе самого…
0 votes1 answer -
зазор между строками
объясните пожалуйста с чем связано появление однопиксельного зазора(зелёный цвет) между строками в пределах .s1 на странице в последней версии FF
0 votes6 answers -
различная длина страница в разных браузерах
Добрый вечер, уважаемые форумчане! Я никогда не занимался версткой, но недавно попросил о помощи человек, которому невозможно отказать. Вроде бы все отредактировал, все хорошо, но возникла такая проблемка: есть три страницы, длина которых отражается по разному в разных браузерах. Точнее во всех нормально, кроме фф (в нем страница короче). При этом первая страница http://vista-edu.ru/galery.html отображается во всех одинаково, вторая - http://vista-edu.ru/buh-nalog.html - короче в фф пикселей на 200 (на глаз), третья - http://vista-edu.ru/buh-basic.html - пикселей на 400. Буду очень благодарен, если сможете подсказать как ее решить.
0 votes6 answers -
помогите сделать структуру
Здравствуйте, помогите пожалуйста сверстать структуру этого макета. Просто я не знаю как расположить блоки чтобы все тянулось как нужно. Вот например вот это крыло с контактами, чтобы оно тянулось за блоком с новостями http://rghost.ru/41787237/image.png и под левой колонкой крыло это тоже нужно как то задать. В общем подскажите как организовать такую структуру.
0 votes1 answer -
Семантика html5
Здравствуйте дорогие эксперты и форумчане! У меня вопрос по поводу семантики, связанный с новыми тегами html5. А конкретно такая ситуация: нужно сделать раздел <section> и, естественно, сделать так, чтобы контент отображался нужным образом. Как, с точки зрения семантики, сделать правильно: - <secton> будет "оберткой" всех блоков, правильно формирующих фон и положение для контента; - <section> вложена в несколько <div>'ов. Тогда <secton> можно спокойно наполнять контентом. Сам пытался разобраться в этой проблеме. Сделал бы <section> "оберткой", но не рекомендуется применять его для стилизации. Вроде как он должен содержать только контент…
0 votes2 answers -
Проблема в скрипте?
http://epicforever.ru/index2.php 3-я новость сверху, там что-то типа блогов. Используется скрипт http://masonry.desandro.com/demos/basic-multi-column.html При обновлении иногда работает нормально, то есть как должно, а иногда не очень, и элементы начинают заезжать друг на друга. Не пойму чо за косяк, есть предположения, что скрипт не успевает прогрузиться.
0 votes2 answers -
Неправильно отображается
привет <body> <div id="container"> <div id="header"> <img src="img/header.jpg" alt="" /> <div id="navigation"> <div id="content"> <div id="footer"> </body> </html> Вот это у меня в html файле. Далее идет css: body { background: #f3f2f3; color: #000000; font-family: Trebuchet MS, Arial, Times New Roman; font-size: 12px; } #container { background: #FFFFFF; margin: 30px auto; width: 900px; height: 1080px; } #header { background: #838283; height: 200px; width: 900px; } и так далее У меня все блоки криво отображаются! Футера вообще не видно. Скажите пожалуйста, в чем может быть ошибка?
0 votes2 answers -
Форма для контакта
Подскажите, где посмотреть, как на сайт воткнуть вот такую форму для контакта с владельцем?
0 votes1 answer -
Лапочка
Самый странный или интригующий сайт который вы видели.
0 votes2 answers -
Попощь по поиску по сайту
Подскажите пожалуйста, у меня есть бордер, в который мне нужно сделать, что бы пользователь мог вводить текст и нажимать на кнопку поиск и искать! Надеюсь суть понятна!
0 votes1 answer -
Ошибка в позиционировании или в z-index, или в overflow?
Опять злой сафари в мак ос меня бесит.. Что в этом коде не так? Из за чего появляется такая картина когда пытаешься открыть скрытое меню на iPad или в Safari (Mac OS)? Код можно увидеть тут http://jsfiddle.net/bqy66jf0/2/
0 votes1 answer -
Блок под блоком
Народ привет, поскжаите, какой тут плагин используется, что бы блоки становились как на сайте —-> http://mirtesen.ru/
0 votes2 answers -
Вертикальное центрирование внутри блока
И снова очередной чудо-макет. http://jsfiddle.net/gcuxgc71/ В макете кнопка у которой содержимое с классом items_name может быть из одной, двух и трёх строчек. Поэтому остальные блоки нужно всегда выводить по центру. Есть ли возможность не используя таблицы выравнивать текстовые элементы по-вертикали по центру?
0 votes4 answers -
Меню "Закладки" по размеру блока
Я пытаюсь сделать меню заезжающих друг на друга закладок, но у меня не получается сделать их по размеру блока. Вот так это должно выглядень: Видите, одна закладка как бы заезжает на другую. И при этом они равномерно распределены по блоку. А у меня происходит смещение. Увеличение размеров блоков-закладок или изменение самого блока результатов не принесли. У меня получается так: Уже всё перепробовала, не получается сделать, как надо. Может я вообще не в ту степь ушла, но помогите, пожалуйста, сделать меню как надо. Код html: <var> <!-- 2 --> <div id="m1"> <!-- 2.a --> Главная <br/> страница </div> …
0 votes2 answers -
Кривое отображение таблицы в Firefox
Сверстал таблицу на сайт, во всех браузерах открывает корректно (даже в IE 6,7), a в Mozila FireFox (версия браузера 33.1.1) такое ощущение, что все рядки отображаются как столбцы. В чем может быть дело? Как выглядит в хрмое: http://kitmaker.tk/files/1.png Как выглядит в ФФ: http://kitmaker.tk/files/2.png Сайт: gl-hotelТОЧКАru/index.php/component/content/article/47.html
0 votes2 answers -
Форма обратной связи с загрузкой файла
Здравствуйте. Такой вопрос: делаю себе сайт, простой, с помощью Adobe Muse. Остановился на вопросе о том, как к форме прикрепить окошко Добавить файл для отправки . Стандартными решениями того не сделать, и начал я разбираться в коде. Прочитал, что то делается обработчиком .php или jquery. ладно, с этим тоже разберемся. но главная загвоздка в том, КУДА будут отправляться эти файлы? просто ко мне будут приходить файлы прим 1 Гб фотографии, если на хостинг мой в папку files например, то тогда нужно заранее позаботиться о большом виртуальном дисковом пространстве, если же сразу на е-меил, то уже лучше, гигов 15-20 будет на первое время. но даже если и на е-меил, то сразу в…
0 votes0 answers -
Выталкивание элемента
Есть контейнер с шириной 1366px, в нём блок с шириной 1170px. Чтобы сделать этот блок резиновым я делю 1170 на 1366 и получаю 86.65%. Но когда ставлю эту 86.65% ширину блоку, элементы в нём не помещаются... почему ведь ширина осталась той же самой? *{ margin:0; padding:0; box-sizing:border-box; } body{ width:1366px; } .q1{ width:370px; height:400px; background:black; float:left; margin-right:30px; } .q2{ background:red; width:85.65%; overflow:hidden; } .q1:last-of-type{ margin-right:0; } <body> <div class="q2"> <div class="q1"></div><div class="q1"></div><div class="q1"></div> </div> </body>…
0 votes2 answers -
Ввод данных и их дальнейшее использование
Как сделать так, чтобы при вводе какого либо текста в поле и нажатия кнопки, которое сохраняет этот текст, выводилось это через алерт в другой функции. Например, я хочу ввести своё имя во время игры. А когда я побеждаю, то выводится alert'ом сообщение "Победил игрок (имя игрока, которое было введено в поле)". Думаю, что понятно объяснил.
0 votes1 answer -
SVG анимация
Здравствуйте. Вопрос по SVG анимации. Есть готовый файл SVG. Это жук. У жука 6 лап. Я хочу заставить лапы двигаться. Для этого использую анимацию атрибута "d" команды path. Я попробовал пока на одной лапе, но движений ни каких. Помогите понять в чём причина. <path style="stroke:#000000;stroke-width:1.02871215px" inkscape:connector-curvature="0" d="m 365.18001,254.32998........ -11.21751,12.78362z" id="path3862"> <animate attributeName="d" id="QQ" begin="1s" dur="3s" repeatCount="indefinite" keyTimes="0;1" values="m 36…
0 votes0 answers -
Нужна помощь в левым колонтитулом
Не знаю как сделать что бы левая колонка была до самого низа независимо от наполнения на основной странице
0 votes1 answer -
Встраивание html5 объектов, в верстку.
Всем добрый день, нужна помощь по верстке. Сейчас занялся перебудовой сайта на html5 вместо флеша, и столкнулся с тем что нужно правильно вставить html5 объекты. Мой сайт - abso-lute.ru, там сейчас 2 элемента вверху (меню и кристал), нужно их правильно вставить. Я полагаю это возможно через iframe, но получилось криво, ещё и при загрузке какие-то полосы прокрутки. Rebuilt В общем.
0 votes1 answer -
IE bug
Здравствуйте, возник вопрос по IE багам.Искал у всезнающего гугля ,он паршивец не нашел ничего. Есть ли у IE 7,6 баг с position absolute, когда он не прижат по умолчанию у левому краю а ведет себе так как блочный? И второй вопрос по background-position в IE6 если применяеш к спрайтам ведет себя не так как хотелось бы?
0 votes3 answers -
Высота блока комментариев от Facebook
Здравствуйте! Кто знает как убрать баг фейсбука, а именно этот отступ:
0 votes5 answers -
как наложить 2 бекграунда и привязать боди к краю браузера?
Здрасте! у меня такая проблема.... вернее две... первая -- как разместить картинку поверх бекграунда если бекграунд уже задан? то есть у меня было вот так: и меня все устраивало,но хотелось добавить справа вертикальную полоску,я добавила вот так: и полоска добавилась но исчезли куски предыдущего фона =((( а как же тогда нужно было ее добавлять? пример страницбез полоски вот: http://avtosik.ucoz.ru/ а с полоской (с моим исправлением) вот такая жуть: http://avtosik.ucoz.ru/index/treasure/0-25 как же мне эту полоску добавить чтобы все остальное осталось как есть? и второй вопрос... у меня почему то на некоторых страницах правая часть привязанна к правой части браузера напр…
0 votes4 answers -
Не выводятся пробелы =(
Здравствуйте у меня следующая проблема: HTML/PHP Code: <div id="logo"> <h1><a href="http://ololol.ru/" title="<?php bloginfo('name');?>"><?php echo"Олол<span id=sky>ЛоЛ</span>";?></a></h1> <h2><?php echo" ололош";?></h2> <h3><?php echo"олололололололололололололололололо";?></h3> </div> CSS Code: /* Logo */ #logo {float:left;width:270px;height:76px;margin:0;padding:15px 0 0 30px;background:url(images/img01.jpg) no-repeat left top} #logo h1 {float:left;margin:0;padding:0;font:normal 30px Georgia, "Times New Roman",Times,serif} #logo h2 {margin:14px 0 0 0;padding:0;text-…
0 votes2 answers