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
-
почему размеры шрифта на макете и на сайте так различаются?
Например: 1. В фотошопе смотрю параметры шрифта: 2. пишу в css: span {font: 12pt Arial, sans-serif} 3. текст на макете: отображение в хроме (в других примерно также): Подскажите пожалуйста, почему такие различия?
0 votes13 answers -
Имитация нажатия F11
Привествую Ребята, есть кнопка <input type="submit" value="F11"> при нажатии нужно с имитировать реальное нажатие на клавиатуре клавиши F11. Как это сдлеать на js или может по-другому?
0 votes9 answers -
Как сверстать нахлёстом
Хтелось бы спросить Вашего мнения, дорогие форумчане. Как, по Вашему, лучше всего реализовать такой вот нахлёст картинки с надписью "Новые коллекции" на хэдер, как показано на рисунке ? Макет резиновый.
0 votes22 answers -
О теге <BGSOUND>
Один человек мне задал вопрос по тегу <BGSOUND>. Сам я этим тегом не пользовался. И мне это заинтересовло. Нашел в инете такой вот HTML-код: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <title>Тег BGSOUND, параметр src</title> <bgsound src="E:/MUSIK/Audio2.mp3" volume="-1000"> </bgsound> </head> <body> ... </body> </html> Испытал. Обрадывался. Играет. Показал его человеку. У него тоже заиграл. Однако потом мы заметили, что музыка звучит только в IE. Пробовали в Oper'e и Мozill'e. В них тишина. Вопрос: тег <BGSOUND> только в IE работа…
0 votes6 answers -
Как залить фон градиентом?
Здравствуйте! Я начинающий верстальщик. Столкнулась с такой проблемкой. Есть полосочка - градиент, для фона. Размер 1500Х1. Градиент заливается, но он не растягивается на всю высоту, то есть если не уменьшать масштаб, все отлично, а когда уменьшаешь, то градиент как обрывается. Repeat делать смысла нет, как я поняла... Помогите пожалуйста. Есть ли выход из этой ситуации??
0 votes12 answers -
bootstrap колонки + рамка
Добрый день, форумчане! Необходимо сверстать данную страничку. Нужно, чтобы некоторые колонки были обвернуты рамкой + логотип. Есть мысля делать это все при помощи fieldset+legend. Но, как видно по картинке, блоки должны располагаться непосредственно от рамки и лого, не внутри филдсета. Также еще нужно, чтобы при наведении на блоки применялся hover-эффект (по дефолту на них стоит фильтр размывания, при наведении этот фильтр должен исчезать). Собсна, в чем вопрос: как реализовать подобную рамку и лого, чтобы еще и до колонок смог достучаться ?
0 votes3 answers -
Галерея для Pop-up
Ребят, помогите, пожалуйста, уже 2й день зависаю над проблемой. Я создал тестовый сайт для портфолио http://my-tasks.cu.cc/. На сайте в разделе "Галерея" есть кнопка "Посмотри работу". При нажатии на кнопку должно появиться Pop-up окно с галереей изображений ( смотреть тут http://prntscr.com/axydgn ) Но при нажатии кнопки появляется только такое окно ( смотреть тут http://prntscr.com/axyi4w ). Если нажать на стрелку "лево" или "право", то прогружается и сам слайдер. Без Pop-up слайдера все работает без проблем. Сам слайдер я создал при помощи Slick Slider. Pop-up установил Magnific-popup Если кому нужен архив с файлами, вот он (https://drive.…
0 votes5 answers -
список лезет на рисунок
есть конструкция типа <img align="left"> <ul> <li>blabla</li> <li>blabla</li> </ul> этот список маркерами лезет аккурат на картинку. то есть текст в элементах списка начинается без отступа, также как обычный текст, а маркеры накладываются на рисунок. как избавиться от этого чуда? в принципе наверно "list-style:none; background: blabla" поможет решить, но хотелось бы более грамотного решения. на форуме пробовал искать - не нашел, если что, извините =)
0 votes19 answers -
убрать бекграунд из под текста
Не знаю возможно ли это, вобщем есть текст. Под ним стоит бекраунд. Надо чтобы под текстом его не было! Причем текст разной длины, текста довольно много и поэтому вручную делать не выгодно.
0 votes25 answers -
Правая граница блока
Здравствуйте! У меня возникла проблема с сообщениями на сайте! Основной блок сообщения состоит из левого блока (инфа о юзере) и правого (текст сообщения). У правого блока задана правая граница, так вот с ней то и проблема... Проще будет объяснить по скриншоту: В первом сообщении правая граница идет не до конца блока всего комментария, из-за большого сообщения... Как ее расширить на всю предоставляемую ей высоту??? Так не работает: height:100%; display:block; Если что то вот сайт http://109.87.26.150/fiestadle/ (там небольшие проблемы с кодировкой, ставьте utf-8 если что) Заранее спасибо!
0 votes28 answers -
Как убрать горизонтальный скролл
Не могу понять откуда появляется горизонтальный скролл, помогите понять в чем проблема пожалуйста) Ширина 100% не помогает, есть ли другие спопобы? index.html main.css bootstrap.min.css
0 votes4 answers -
Оптимизация
Доброго дня суток Что входит в оптимизацию html документа, ну кроме уменьшения обьема кода? Как на это влияет размер css файла, и насколько удлиняется загрузка документа от запутанности страницы? Буду очень благодарен.
0 votes23 answers -
газетная (журнальная) верстка
подскажите как можно реализовать отображения основного материала на странице в 2 колонки, как в журалах?
0 votes8 answers -
Пунктир вокруг... кнопок (submit, button) в FF
С пунктиром вокруг ссылок все понятно a { outline: none; } Эта тема обсуждалась на форуме. А вот как убрать ту же рамку кнопок (при нажатии)? И вообще, возможно ли это? Короче говоря, что написать сюда: input[type="button"], input[type="submit"]{ ??? } Только меня-то уж в песочницу посылать не надо))) Все знать невозможно.
0 votes16 answers -
Проблемы html таблиц в Outlook
Всем привет!) Когда отправляю письмо на аутлук, то почему-то происходит небольшой сдвиг влево! Сдвигается картинка конверта, она состоит из нескольких порезаных картинок, помещенных в таблицу. Подскажите плиз в чем дело то?? как должно быть http://juliastepanets.com/email/email.html как в реале:
0 votes5 answers -
Перенаправляющая страница
Привет всем ! Мне необходимо написать страничку, зайдя на которую она перенаправляла бы на другую страницу внутри локального сайта. Как эта возможность называется и как это сделать ?
0 votes3 answers -
выстроить li в два столбика
здравствуйте. подскажите, пожалуйста, как можно вот на этой картинке сделать список в два столбика: вот его код (li я сократила немного, чтобы вас не утомлять): <div class="za-post-inner"> <h2 class="za-postheader"> <div class="za-postcontent"> <div class="za-article"> <div id="article-index"> <h3>Article Index</h3> <ul> <li> <li> <li> <li> <li> <li> </ul> </div> </div> <div class="za-article"> </div> <div class="cleared"></div> <div class="za-postfootericons za-metadata-icons"> </div> <div class="cleared"></div> что нуж…
0 votes7 answers -
Вопрос по перекатываниям
Всем привет,у меня такая ситуация:решил сделать кнопки с эффектом перекатывания,но через CSS и с помощью идендификаторов,с JS ещ? не знаком,так вот первые две кнопки отображаются нормально,но когда я делаю третий идентификатор с указанием картинки и функцией hover,то кнопки изчезают,в ч?м дело?Буду очень благодарен за ответ. Вот код: A#rollover{ background: url('Глава1.gif'); display: inline; width: 80px; height: 40px; border: 0px solid #000; position:absolute; left:140px; top:20px; } A#rollover:hover{ background: url('Глава1(актив).gif') } A#rollover2{ background: url('Глава2.gif'); display: inline; width: 80px; height: 40px; border: 0px solid #000; position:absolute; l…
0 votes15 answers -
Как выровнять один div по высоте относительно другого DIVа
У меня сейчас вот так сверстано на DIVах Нужно сделать чтобы было вот так: Как реализовать ???
0 votes12 answers -
Выравнивание картинок с помощью Float:left и float:right
Здравствуйте, есть код <html> <body> <style type=text/css> .box{ border:1px solid red; height:50px; width:100%; } .box IMG { float:right; width:50px; height:50px; border:1px solid black; } </style> <div class=box><img src="url"></div> </body> </html> Почему картинка не вплотную прилегает к правому краю? или это из-за того что у меня IE 6.0 ? Как обойти эту проблему, и как вообще выравнивать картинки по правому или левому краю?
0 votes5 answers -
Виртуальная машина
Решил поставить виртуальную машину. Не знаю, какую выбрать. На данный момент нужно конкретно для тестирования верстки на кроссбраузерность и на кроссплатформенность. Чтобы на одной машине стояло несколько образов с разными системами. Подскажите, какую выбрать и на что нужно обратить внимание? Нужно для домашнего использования, желательно бесплатную. Вроде как есть 3 популярных: Sun VirtualBox VMware Player Microsoft Virtual PC Подскажите, на что ориентироваться? Спасибо.
0 votes29 answers -
Объединение начертаний шрифта
Приветствую профессионалов и новичков верстки. Столкнулся на днях со проблемой использоапния шрифтов на сайте. Прежде активно пользовался гугловским сервисом, однако последнее время стали наблюдаться перебои в его работе и в итоге на странице текст отображается шрифтом по умолчанию, что никак не устраивает (это я еще молчу про время, которое требуется из-за этого на открытие страницы). Поэтому появилась необходимость отказаться от гугла и грузить шрифт с сервера. Вот тут и появилась сложность. К примеру шрифт Dosis. У него различные начертания (Dosis-Book, Dosis-Medium, Dosis-Light, Dosis-SemiBold ...) расположены в разных файлах. Когда шрифт подключался через гугл, то ис…
0 votes2 answers -
Как вывести 2 значения VALUE (HTML)
Доброго времени суток необходимо вывести выпадающий список, при выборе вариантов должна выводится картинка и отдельно ссылка(или слово, 2 картинки или все что угодно), цель вывести 2 значения. И еще одно условие код должен быть на html. пример моего кода: <img src="1.jpg" name="pic" id="pic"> <select onchange="document.getElementById('pic').src=this.value"> <option value="1.jpg">1</option> <option value="2.jpg">2</option> <option value="3.jpg">3</option> </select> сейчас при выборе 1 выводит картинку, нужно добавить, что бы выводило картинку и например какое то слово или ссылку
0 votes7 answers -
Валидатор что-то хочет
Вот "This page is not Valid XHTML 1.0 Strict!" я не понимаю что он хочет (в обоих случаях он выделяет жирным ковычки:
0 votes3 answers -
увеличение таблицы вверх, а не вниз
<div class="id1"> <div class="id2"> <table><tr><td>Растягиваем<br><br><br></td></tr></table> </div> </div> id1 с помощью js меняет свои координаты, а id2 должен от него зависеть.То есть куда id1 туда и id2. В чём проблема: таблица в id2 меняет свой размер постоянно и соответственно растягивается вниз, нужно сделать так что бы её фундамент был внизу и любое изменение размера проявлялось к её вытяжке вверх. В css я не силён, поэтому прошу терминологией не кидаться
0 votes20 answers