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
29542 questions in this forum
-
Как убрать отступ в меню на CSS?
Доброго времени суток, имеется горизонтальное меню на CSS. HTML <div id="menu"> <ul> <li><a href="">Главная</a></li> <li><a href="">Главная</a></li> <li><a href="">Главная</a></li> <li><a href="">Главная</a></li> </ul> </div> CSS /* Menu ———————————————--*/ #menu { height: 40px; list-style: none; background-color: #000000; } #menu li { display: inline-block; float: left; } #menu li a { display: block; line-height: 40px; color: #EEEEEE; padding-left: 10px; padding-right: 10px; } #menu a:hover { background-color: #CCCCCC ; text-shadow: 2px 2px 1px #…
0 votes6 answers -
полупрозрачный фон div'а
Хочется, чтобы под фоном div'a был виден фон body Как такое сделать? Следующий код не работает нигде, что тут не так? html: <body> <div class="opacity_div"> ... </div> </body> css: body { background: url(/img/bg.jpg); } .opacity_div { background: #FFF; opacity: 0,3; }
0 votes30 answers -
fullpage.js помощь в настройке
мне нужно сделать станицу, наподобие лендинга, но там только будет скроллинг между областями. не нужны никакие визуальные эффекты нашел либу https://github.com/alvarotrigo/fullPage.js все подходит кроме того что либа запускает кучу эффектов на страницу вот демка http://alvarotrigo.com/fullPage/ мне тут нравится как сделан скролл по областям, но моя страница разлазится потому что она не приспособлена под лендинг подскажите как настроить или подскажите другое решение
0 votes4 answers -
Белый экран вместо сайта. Локальный сервер opensrever
Здравствуйте, помогите разобраться, пожалуйста. Есть сайт на wordpress. Тестировала на openserver все было хорошо, потом что-то произошло, сама не имею понятия что и теперь, когда открываю сайт в браузере вижу только полностью белый экран. Три дня не могу ничего сделать. Где может быть проблема? Прошу объяснять по слогам, простым языком))
0 votes14 answers -
Веб-программист, верстальщик, а кто еще есть в сфере сайтостроения?
Хотел в разобраться в этом. Итак, кто такой верстальщик, кто такой веб-программист и кто еще есть под сайтостроение в общем(И поставить на сервер сайт, управлять сайтом, создавать сайт, всякие крутые штуки добавлять). Как я думаю, веб-программист, он работает уже над готовым сайтом, он добавляет различные функции на сайт, и В общем, занимается тем, чтобы сайтом управлять можно было удобно. Верстальщик , просто создает сайт, дизайн для него, В общем придает форму сайта, контент, футер и т.д. Скиньте ссылку или здесь напишите, кто есть кто и чем занимается. И главный мой вопрос: можно ли быть верстальщиком, веб-программистом и т.д. сразу?
0 votes45 answers -
fontsquirrel не хочет конвертить шрифт в кириллицу
Добрый день. Столкнулся с проблемой при работе с сервисом fontsquirrel. При добавлении шрифта выдает Нашел решение - переконвертить в otf с помощью сервиса. Прокатило - белка шрифт схавала. И вроде бы вот оно счастье! Ан нет! Полученный кит не поддерживает кириллицу (в настройках указывал конечно. нет не первый раз это делаю). Уже всю голову сломал. Может кто сталкивался или что дельное подскажет? или я туплю где-то? Вобщем буду рад любой помощи. Название шрифта agLettericaUltraCompressed Вот тут выложил ttf и otf
0 votes8 answers -
Как правильно верстать? (много вопросов по пунктам внутри)
Господа, требуется ваша помощь! Я просто запутался, голова идет кругом! Суть проблемы такова, я посмотрел уже достаточно много курсов и до сих пор не могу понять как правильно верстать! Вроде неплохо знаю теорию, различные инструменты, пишу на js небольшие приложения, но вот основы верстки никак не могу понять! Саму базу. В принципе, я могу взять любой макет и сверстать по нему сайт, но разве какой-нибудь margin-top: -3px и right: 7px являются правильным подходом? Это ведь говнокод! Но зато я сделаю как на макете. Но ведь так верстать полюбому неправильно! Я не могу понять именно как ПРАВИЛЬНО верстать! Попробую структурировать вопросы: 1. С чего начинается …
0 votes3 answers -
Drupal и Smarty
Для сайта webimg.ru, который построен на Друпале, использовал шаблонизатор Smarty. Однако столкнулся с некоторыми затруднениями. Дело в том, что в Друпале вид различных элементов дизайна прошит в ядре и чтобы поменять их на свой лад применяется набор шаблонов и PHP-файлов. Однако для Smarty многие вещи просто не работают. Пришлось перевести свою тему на PHPTemplate, встроенную по умолчанию, благо штука простая. После чего сайт стал работать быстрее, потому как Друпал криво кэшировал шаблоны Smarty, да и остальные фичи заработали. Обзор вопроса выявил, что хотя Smarty действительно можно подключать, это еще не гарантирует, что сайт будет полностью поддерживать все возможно…
0 votes2 answers -
Как нарезать сайт?
Доброго времени суток! Есть шаблон сайта, но сверстать не могу, есть все инструменты под рукой, учебники, статьи, по тому как расположить с дивами и таблицами смогу, но вот правильно нарезать не знаю как. Там есть на менюшках тени и все прочее, с чем я не могу справиться и нарезать так, как нужно, чтобы потом это все сверстать... Может кто поможет привести пример того, как нужно эти дела прокручивать? На примере желательно, нечто вроде этого http://www.pastukhova.com/lesson1.php Но тут уж слишком все просто, нужно чтобы примерно понять как сверстать дизайн посложнее.
0 votes4 answers -
frD-Вертикальный интервал между ячейкам (ПОМОГИТЕ!)
Мы сделали сайт nrbiz.ru Нарисовали и закинули его в движок, в IE отображение происходит отлично, а во всех остальных меняется интервал , поле меню вертикально растягивается. Подскажите что делать? HTML код страницы привожу ниже, подскажите что прописать в CSS??? <html> <head> <style> a {text-decoration: none; color: FFFFFF } a:hover {text-decoration: underline; color: FFCC33 } </style> <style type='text/css'> .gmtbl {background-color: #ffffff; border: 1px solid #ffffff;} .gmtdttl {font-size: 70%; font-weight: bold;color: #0e52ea; text-align:center; background-color: #ffffff} .gmtdtext {font-size: 70%; font-weight: normal; color: #00…
0 votes5 answers -
Выравнивание по центру в IE6
Понимаю, что может вызвать смех знатоков, но я зашёл в тупик, первый раз такое вижу! Внешний лист стилей, всё на дивах, всё как в лучших домах Парижу и Лондону. В Файрфоксе 3, в ИЕ7, в Опере 9.х - идеально, а в ИЕ6 нету выравнивания по центру, выравнивает слева код в css: —————— #head { margin: 0 auto; width: 1000px; height: 30px; } —————— Люди, в чём причина? Я уже два дня голову ломаю... Или перед собой не вижу или не знаю чего-то важного.
0 votes9 answers -
Картинка с float:left вылазит из div
Есть у нас такой HTML код: <div id="big-cont"> <div id="img-cont"> <img src="images/thumb.jpg" width="50" height="100" /> </div> </div> #big-cont { border: 1px solid black; } #img-cont { float:left; } В результате картинка вылазит за пределы блока: А задача стоит простая - картинка должна идти слева в блоке с текстом. Если текст большой - то все ок:
0 votes11 answers -
выпадающие меню без JavaScript
Помогите сделать выпадающие меню текстом! Без формы и изображений!
0 votes10 answers -
HasLayout
Да, все ищут, что это такое и как его использовать, как включить... А мне нужно отключить. =) Т.е. по умолчанию в ie6 zoom: 1; имеется у img. Как его отключить? =))) Никогда не сталкивался с такой задачей...
0 votes30 answers -
Не работает Lightbox
Здравствуйте! У меня сложилась такая ситуация: 1. Скачал и установил лайтбокс с официального сайта, далее по этой инструкции его установил: http://webors.in.ua/31-instruktsii/49-podklyuchenie-lightbox-2-6-k-stranichke-sajta.html 2. Вот мой хэд: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <!-- Design by Free CSS Templates http://www.freecsstemplates.org Released for free under a Creative Commons Attribution 2.5 License Name : OfficialWork Description: A two-column, fixed-width design with dark color scheme. Version : 1.0 Released : 20121012 --> <html xmlns="http://www.w3.org/199…
0 votes9 answers -
Последовательность загрузки css и js и вытекающие из этого вопросы
В какой последовательности загружается сайт? Например, сайт с графикой (что-то сделано в графике, что-то - с помощью css) и с js. Наверняка ответ на вопрос как-то связан со следующими: 1.В какой части html-страницы подключать css и js: в <head> или в <body>? И каким образом подключать (в html5, кажется, только один оставили - через link)? 2.Отличие описания в <style> и в css? 3.Для каких html-тегов описывать стили в самих атрибутах этих тегов, а для каких - выносить в css?
0 votes5 answers -
Повергнуть Myriad Pro
Myriad Pro очень любят наши ру дизайнеры, словно не замечая миллионы нецензурных коментов по этому поводу. Кто-нибудь сумел разобраться с этой напастью? Как отконвертировать во все форматы этот замечательный шрифт для вэб бесплатно, что бы счастливые верстальщики могли на всех ру сайтах радостно и кроссбраузерно использовать фонт фэйс такого вида: @font-face { font-family:'MyriadPro-Regular'; src:url('../fonts/MyriadPro-Regular.eot'); src:local('O'), url('../fonts/MyriadPro-Regular.woff') format('woff'), url('../fonts/MyriadPro-Regular.svg') format('svg'), url('../fonts/MyriadPro-Regular.ttf') format('truetype'), url('../fonts/MyriadPro-Regular.eot') format('embed…
0 votes18 answers -
Проблема: отображение шрифта в сафари
Здравствуйте! Столкнулся с проблемой, Во всех браузерах смотрится подключенный шрифт нормально, а в сафари (мак) вот так Свойства :hover которые меняют шрифт нет. В чем может быть дело, поделитесь, пожалуйста. upd: шрифт подключен через гугл, обычный open sans...
0 votes17 answers -
Резиновый, БОЛЬШЕ 3-х колонок, РАВНАЯ ВЫСОТА, не работает в Опере :(
Вс? время добивался одного и тогоже... то что есть в таблицах и это элементарно в цсс это что-то сверхестественное.. дизайн состоит из 5 колонок (4 колонки в одной) , почему? из-за фоновых изображений, можно было сделать из 3-х колонок, но решил сэкономить на размерах изображений, тем более если сделал 3, то 4, 5, 6 и больше ты тоже сделаешь. КОРОЧЕ: Там у меня в красном прямоугольнике типа как плавающий подвал, который всегда находится внизу... тока он работает только в Эксплорере и ФФ, в Опере почему-то не работает... Кто-то может тыкнуть пальцем где нужно исправить чтобы в Опере заработало ? сайт
0 votes11 answers -
Как реализовать кнопку mute?
Как реализовать кнопку mute? добавил фоновый звук на страницу <embed src="http://www.podst.r/user_files/2/3800/snow_wind_128.MP3" hidden="true"></embed>хочу сделать отдельную кнопку для включение выключение звука на странице.. для вместо <button> использую обычный рисунок (с hover в стиле), а вот как задать команду для остановки аудио не знаю.. Уважаемые форумчане, помогите нубу
0 votes9 answers -
статический фон
Здравствуйте. Вот хочу узнать как сделать статический задний фон в css. При скролинге вниз текст прокручивается, но фон страницы остается статичным. В css у <body> нету bgproperties. Как сделать чтоб для всех страниц установить bgproperties="fixed"? Спасибо.
0 votes4 answers -
Html кнопка
Здравствуйте! Сам ковыряю сайт, новичок в этом деле, если залез не в ту ветку заранее извиняюсь. К вам с таким вопросом: Есть кнопка, которая открывает новую вкладку с нужным товаром <p align="center"><a href="ссылка на товар" target="_blank" class="btn btn-primary btn-xs" role="button"><i class="material-icons-"></i>Добавить</a></p> Возможно ли сделать что то подобное, только что бы кнопка выполняла функцию "положить товар в корзину" в заранее указанном количестве. Пример: нажимаем на кнопку, указанный товар в кнопке идет в корзину в количестве 2 шт. (или 3, чтобы можно было это прописать в кнопке)?
0 votes3 answers -
Кликабельный div
Здравствуйте. Задача сверстать это: Необходимо: Картинка и название темы, а также кавычка-елочка кликабельны и ведут по ссылкам. Вся остальная область также кликабельна и ведет туда же, куда ведет название темы. Как я сверстал: <div class="thread hand" onclick="window.location='http://абсолютная_ссылка_на_тему_с_адресом_сайта'"> <a href="ссылка_на_картинку"><div class="thumb" style="background-image: url('ссылка_на_превью');"></div></a> <a href="просто_ссылка_на_тему_без_адреса_сайта_но_от_его_корня">$4</a> [9999] <a href="просто_ссылка_на_тему_без_адреса_сайта_но_от_его_корня#end">»</a><br /> <s…
0 votes5 answers -
В чем отличие # и . в css?
Когда писал код в css при изменении знаков с # на . код не переставал работать, но он и наоборот работает для отдельных случаев. В чем их разница и для чего используются?
0 votes36 answers -
отправка письма Form action mailto
День добрый. хочу написать отправку текста на почту. использую простенький код: <form action=mailto:mypost@po4ta.ru enctype=text/plain> <input type=text> </form> ввожу текст в окошко, нажимаю enter. открывается почтовик по умолчанию ( у меня это стандартный виндосный outlook express), в поле куда послать - аддресс отображается верно, но в поле письма текста нету. почему так происходит, может, чтото неправильно делаю?
0 votes10 answers