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
-
Ссылка с треугольником справа
Мне нужно сделать ссылку, чтобы справа у неё был треугольник. Я этого добился: <a href="#">Вход</a> a{ cursor:pointer; padding:0 20px; font-size:20px; border-radius:10px 0 0 10px; width:100px; background:#009944; border:0; height:30px; line-height:30px; display:inline-block; text-align:center; color:#fff; position: relative; text-decoration:none; } a:hover{ background:#ebb453; } a::after{ content:''; position:absolute; right:-30px;…
0 votes7 answers -
высота вложенного в table-cell блока
Доброго дня. можно ли как то растянуть высоту вложенного в table-cell блока до высоты родителя. В примере блок .height должен быть по высоте блока .right http://jsfiddle.net/digitalmedia/hokck58k/
0 votes4 answers -
Анонимайзер и зона ".рф"
Как, используя анонимайзер, открыть сайт из зоны ".рф"? Возможно ли это? У меня не получается.
0 votes1 answer -
Скрипт для печати выбранного checkbox
Нужен скрипт, который позволит печатать определенный текст. Использовать отдельные таблицы стилей не подходит, т.к в форме, которую печатаем, есть checkbox. Я хочу передавать в печать только те checkbox, которые были выбраны, а так же выбранные option value Может есть уже готовые скрипты, которые печатают определенный текст? Буду признательна за ссылки, которые смогут помочь.
0 votes30 answers -
Сверстаю за хороший отзыв 3 макета
Добрый день. Я начинающий верстальщик. Нужно набираться опыта и работ для портфолио. Поэтому сделаю верстку бесплатно для 3х форумчан с хорошей репутацией в обмен на положительный отзыв. Освоила HTML5, CSS3. Делаю верстку макетов с фиксированной шириной. Подключаю слайдеры на jQuery. На данный момент есть несколько работ. Проверяю код на валидность. Для того чтобы кода получалось как можно меньше, стараюсь не использовать классы и ид без необходимости. Проверяю верстку на кроссбраузерность. С простым макетом справляюсь за один день. На адаптивную верстку уходит времени больше, но могу взяться и за нее(если без подключения JS). Со мной так же можно связаться через: …
0 votes8 answers -
Адаптивная верстка лендинга
Здравствуйте, хочу научиться адаптивно верстать, взял для примера лендинг и возникла проблема, что делать с элементами которые не влазят на маленьких экранах? (скриншот проблемного момента) Серые черточки ни как не влезают на маленький экран и получается вот так: что с ними делать? у меня есть только 1 мысль, просто удалять их на маленьких разрешениях, а как правильно? И второй такой же момент с кнопкой "I want clients" и изображением мышки, на разрешении 320px они встают друг под друга и получается бред, а рядом при 320 их не поставить...
0 votes1 answer -
Определить какая функция вызывается в js
Здравствуйте, в консоли разработчика google chrome при нажатии на кнопку можно ли определить какая функция вызывается в js файле ? Непонятно в каком файле вызывается функция
0 votes6 answers -
Проблемы с оформлением всплывающих подсказок
Здравствуйте, не могу найти способ как устранить проблему, а именно: На странице формы обратной связи сайта всплывающие подсказки полей формы отображаются где попало. Подскажите пожалуйста как исправить? Заранее спасибо.
0 votes0 answers -
Отображение видео на сайте
Подскажите в чем может быть проблема ! <video class="vlad_video" loop="loop" width="100%" height="auto" autoplay=""><source src="video/formula.mp4" type="video/mp4"></video> Вот так вот все сделал а видео не отображается просто черный экран
0 votes1 answer -
Логотип между пунктами меню (как проще сделать?)
Подскажите, как проще сделать логотип между пунктами меню? У меня получается два ul Код: http://cssdeck.com/labs/9glnryce
0 votes7 answers -
Пространство имен HTML5 для XSLT-преобразований
Здравствуйте! Подскажите, плиз, если знаете, можно ли используя XSLT на выходе получить HTML5? Какое пространство имен (атрибут xmlns) указать для HTML5? Для HTML 4.01 указывалось пространство имен XHTML 1.0 (xmlns="http://www.w3.org/1999/xhtml"): <?xml version="1.0"?><xsl:stylesheet xmlns:xsl="http://www.w3.org/1999/XSL/Transform" version="1.0"><xsl:template match="/"> <html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en"> <div>Any message you like</div> </html></xsl:template></xsl:stylesheet>Будет ли XSLT-преобразование корректным, если включать в него теги HTML5, не указав никакого другого …
0 votes8 answers -
Вопрос знатокам CSS
<style> h1 { width: 700px; border: thick double black; margin-left: auto; margin-right: auto; text-align: center; font-size: x-large; padding: .5em; color: darkgreen; background-image: url("border.png"); background-size: contain; margin-top: 0; } .dtable {display: table;} .drow {display: table-row;} .dcell {display: table-cell; padding: 10px;} .dcell > * {vertical-align: middle} input {width: 2em; text-align: right; border: thin solid black; padding: 2px;} label {width: 5em; padding-left: .5em;display: inline-block;} #buttonDiv {text-align: center;} …
0 votes5 answers -
Вирус на сайте, как избавиться?
Уважаемые форумчане, Уже несколько дней Яндекс присылаем мне письма о том что сайт содержит вредоносное ПО, я свой комп проверила, так же просканировали весь офис, а он все равно за старое.... Вредоносный у вас сайт и все тут. Подскажите как проверить сайт на вирусы, и куда нужно у больного заглядывать (может я не туда смотрела?!)
0 votes6 answers -
Как сделать подобные эффекты?
Как сделать такие эффекты, как на этом сайте http://white-photo.ru/ ? Я имею в виду "выезжание" блоков?
0 votes6 answers -
Помогите с версткой, пожалуйста.
Здравствуйте, уважаемые друзья! Столкнулся с такой проблемой. Я бы хотел добиться одного эффекта, но у меня никак не получается это сделать. Я бы хотел сделать вот такую шапку, как здесь - http://www.templatemonster.com/demo/56108.html. Мне надо, чтобы картинка растягивалась под экран, при уменьшении масштаба она не изменяла свой размер; чтобы на картинке были надписи и навигация, как там. Пожалуйста, помогите. Заранее вам благодарен!
0 votes1 answer -
подскажите слайдер
http://joxi.ru/nAy8GVkhDKZa2Z
0 votes3 answers -
Помогите пожалуйста упорядочить порядок изучаемых технологий
Всем привет, хочу заниматься фронтендом. Сильно запутался, что и как мне надо учить. Одни говорят, что азов HTML хватит, затем надо будет переходить на CSS+CSS3, после на Javascript + Jquery с попутным изучением HTML5. Другие говорят, что после HTML надо сразу начать учить HTML5 попутно с CSS+CSS3, но такой вариант как минимум скучный, т.к пока учить просто HTML уже всё желание пропадёт. В общем как поступить, в каком порядке учить всё для фронтенда? Всем заранее спасибо.
0 votes1 answer -
Вопрос о разметке от новичка
Добрый день. Являюсь очень сырым в вопросе верстки. На данном этапе постигаю разметку страницу. Много теории, все интересно, но когда дело доходит до практики - "залипаешь". Появился такой вот вопрос. Часто вижу подобную структуру на сайте: (прошу прощения за кривоту, быстро набросал в Пейнте) Это картинка отображает часть контента страницы. Т.е. имеются 4 блока с какой-то информацией. Как правильно разметить часть этой страницы? У меня получается слишком большая вложенность. Приведу пример. <div class="main"> <!-- блок со всем контентом --> <div class="container"> <!-- центровщик --> <div class="content-block"> <!-- блок, в котор…
0 votes3 answers -
Несоосность линий
Доброго. Несколько лет назад видел статью про ошибки округления в браузерах, но не смог за давностью лет найти этот материал обратно.. Суть вопроса http://beavers-net.narod.ru/primers/boolean_sch/bool_sch_min_pr.html Стили http://beavers-net.narod.ru/primers/boolean_sch/base.css Есть схемка. Реализовано все на таблицах + чутка блоков. при масштабировании страницы что-то как-то куда-то уезжает все Например: http://beavers-net.narod.ru/primers/boolean_sch/err1.jpg строка таблицы по высоте проставлена 16px, но при уменьшении масштаба становится ниже (см. рис.) Или разъезжаются части схемы: http://beavers-net.narod.ru/primers/boolean_sch/err2.jpg Opera 30, Chrome 43. H…
0 votes4 answers -
Сделал сайт и проблема отображением меню (темы) в IE
Здравствуйте, помогите пожалуйста исправить такую вот проблему. Перенёс тему на wordpress и начались проблемы с отображением только в IE, незнаю как исправить. Вот скриншот отображение в IE и как должно в Mozila: http://mepic.ru/view/?id=d3d33b83c19c26da166e1aac3b232d4b
0 votes1 answer -
Как сослаться на якорь в табе?
Собственно вопрос в заголовке, проблема такова: в пределах таба ссылка работает, а при попытке сослаться на якорь в другом табе, ничего не происходит, как можно решить проблему? типовая страница сайта http://travelsbase.ru/index.php/leningradskaya/goluboe , если нужен исходник вставлю код.
0 votes6 answers -
Откалибровать содержимое дива
Всем привет ) Начинаю разбираться с css. Есть необходимость выровнять содержимое дива .logo_bg_right с теми значениями паддинга, что указаны в коде, а именно 13px 18px. В принципе если поменять значение паддинга слева-справа на 14px получается... Если оставить 18px и приглядеться видно отступ с правой стороны. Не пойму откуда он взялся( Самое удивительное, что код абсолютно одинаков) <!DOCTYPE html><html> <head> <title>Project Name</title> <meta charset="utf-8" /> <link href="main.css" rel="stylesheet" type="text/css" /> </head> <body> <div class="header"> <d…
0 votes3 answers -
font-face в медиазапросе, ошибка при валидации
У меня есть подгружаемый шрифт, но подгружать я его хочу на определенном разрешении, я не хочу, чтобы пользователи мобильного интернета теряли в скорости загрузки сайта и даю им стандартный шрит, а для пользователей стационарных ПК я подгружаю шрифт, но валидатор ругается на подобное подключение, хотя все работает, помогите разобраться, как мне сделать грамотно все в этой ситуации. У меня в основной таблице стилей подключен другой шрифт, там нет ошибки, но при подключении именно в @media screen выдается ошибка.
0 votes4 answers -
Внешний вид кнопки поиска
Здравствуйте! Возможно ли как-то изменить внешний вид кнопки поиска от Яндекса помимо тех настроек который предлагает сам Яндекс, а именно они таковы: И поиск на сайте выглядит таким образом: Хотелось бы что-то типа такого: Возможно ли это реализовать там я не знаю в виде картинки или ещё чего? Вот код поиска: <div class="ya-site-form ya-site-form_inited_no" onclick="return {'action':'убрал адрес сайта','arrow':false,'bg':'transparent','fontsize':16,'fg':'#000000','language':'ru','logo':'rw','publicname':'убрал название поиска','suggest':false,'target':'_self','tld':'ru','type':2,'usebigdictionary':true,'searchid':2224543,'webopt':false,'websearch':fal…
0 votes2 answers -
bxslider в табах
Возникла тут проблема. Есть блок с 3 табами(вкладками), и в каждом свой слайдер. Вроде все сделал, но слайдер работает только в первой вкладке. При переключении на вторую или третью, контент слайдера не показывается, остаются только кнопки управления. Прочитал что нужно при нажатии на таб перегружать слайдер в таком случаи, так как блок был скрыт и он не просчитал размеры. Сделал вот так: var slider = $('.bxslider-product-all').bxSlider();var sliderNew = $('.bxslider-product-new').bxSlider();var sliderSpecial = $('.bxslider-product-special').bxSlider();$('.tabs-link').click(function(){ slider.reloadSlider(); sliderNew.reloadSlider(); sliderSpecial.reloadSlider();}); И…
0 votes5 answers