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
-
Как поставить 3 блока в ряд
Делаю меню. должно получиться как на первой картинке. Фон белый, на нем слева изображение правее надписи. Получается надписи делать только ниже изображения, либо справа как и нужно, но тогда фон пропадает. Подскажите пожалуйста как делать. HTML: Скрытый текст <div class="top"> <div class="img"> <img src="monopo.jpg" width="100"/> </div> <div class="info"> Главная </div> <div class="info"> Контакты </div> </div> CSS: .top { background-color: #FFFFFF; padding: 10px; } .info { margin-left: 20%; font-size: 20px; }
0 votes1 answer -
Проблема со вставкой изображения
<!DOCTYPE html> <html lang = "eng"> <head> <meta charset = "utf-8"> <link rel = "stylesheet" href = "css/mains.css"/> <title>Шапка</title> </head> <body> <header> <div class = "container"> </div> </header> <section> <div class = "container"> </div> </section> <section> <div class = "container"> </div> </section> <section> <div class = "container"> </div> </section> <footer> <div class = "container"> </div> </footer> </body>…
0 votes1 answer -
Проблема с блоком
При просмотре в ИЕ - 3 блок имеет свойство "падать" вниз если окно браузера изменять,... как можно избежать этого в данном примере? <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /> <title>Untitled Document</title> <style type="text/css"> <!-- body { margin-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; font-family: Arial, Helvetica, sans-serif; font-size: 14pt; } #Container { width:100%; height:50px; z-index:1; float: lef…
0 votes2 answers -
Бегущий title...
У меня вопрос...Понятия не имею,как сделать,чтобы вверху,где название сайта,например,как здесь "HTML форум.....",чтобы когда сворачиваешь браузер,внизу это название имело вид бегущей строки....Подскажите,а...
0 votes2 answers -
Обрезать div
Нужно обрезать div и поднять его в верх. То есть есть информация в divе мы ее обрезаем на 100px и поднимаем вверх на 100px. вот так не катит <img src="white.gif" style="width: 100%;height:100px;" /> <div style="margin: -102px 0 0 0;"> тут что то </div> вверху есть таблица на которую наложится белый гиф и будет не красиво, гуру помогите плиз.
0 votes2 answers -
как отделить друг от друга одинаковый элемент?
вот наглядно http://jsfiddle.net/F2ayV/ не могу понять как 1, 2, 3 и 4 можно удалить на разные расстояния друг от друга) еще и 1,2,3,4 получаются через переменную i в скрипте( в тупике... начинающий) и еще как сделать не прокрутку влево, а что бы одно тухло изображение, другое на его месте появлялось или что то в этом роде) где почитать можно
0 votes5 answers -
Плывущие облака на фоне
Доброго времени суток. Выделил с сайта код, но работает только в Chrome и Firefox, а в Safari и IE не работает. Помогите сделать его кроссбраузерным. Пример
0 votes3 answers -
Можно ли оптимизировать мой код?
Доброе время суток. Я вот тут налобал такую штуку http://jsfiddle.net/Bizon4ik/28hLG/ Все выглядит так как я хотел, но меня терзают смутные сомнения что у меня слишком большой код как для такого задания... Прошу высказать ваше мнение можно ли что то опимизировать/переписать полностю но при этом почуть код поменьше. Может быль я слишком много использвал дивов или идентификаторов. В любом случае будет интересно услишать вашу критику по этому коду, заранее спасибо.
0 votes8 answers -
Шрифт A&S Black Swan
Подскажите. Есть такой код - http://jsfiddle.net/...tPCz8CJv/t3KGP/ Но он почему-то не подключается, не работает в браузере. Почему? Может, синтаксис неверен? MyriadPro-Regular работает, все нормально.
0 votes6 answers -
Как делать перенос слов, если не помещается строка в теге <option> ?
Здравствуйте возникла необходимость переноса слов в теге option. Пробовал word-wrap: break-word. - не работает!. Что делать подскажите. Пробовал задавать вручную ширину и для селекта и для optiona'a не работает перенос. подскажите что делать ? Чем это лечиться вообще. Не работает во всех браузерах. Думал может класс не тот задаю - ан нет все работает нормально.
0 votes1 answer -
На IPAD не отображается рамка у <fieldset>
Всем привет! Столкнулся с такой проблемой: На сайте у <fieldset> закруглены углы и изменен цвет рамки. Но на IPAD рамка вообще не отображается (Safari, Chrome). Кто-нибудь сталкивался с подобной проблемой или знает что с эти можно сделать или как это отловить? (Может какие специализированные инструменты есть для подобных случаев). Спасибо.
0 votes1 answer -
сдвинуть элементы в право
Привет, подскажите пожалуйста, как сдвинуть к примеру: ul.share{width: 376px;height: 27px;margin-top: 15px;} в право! И ещё если не сложно ответить, подскажите как у элемента (перед ним) добаить - Поделиться :
0 votes5 answers -
Png изображение и раскройка по классам
Решал практикум на htmlbook. Вот это задание. Полез в ответы за подсмотром решения и наткнулся на одну очень интересную вещь. То решение я перенёс на codepan: http://codepen.io/pojar/pen/dMEbdZ Разметка, позиционирование расчётное, это понятно. Суть вопроса: там есть у каждой такой иконки два class: icon и класс соц. сети. Вот цельная картинка иконок. Вот этот png применяется в решении один раз прямо ко всем подобным элементом с классом icon как background. Далее происходит обращение по классам к конкретному значку. Но как это происходит? Ведь это цельное изображение. С псевдоклассом :hover ситуация идентичная. В коде нету никаких таких объявле…
0 votes5 answers -
Какой хостинг под блог выбрать?
Доброго времени суток всем! С некоторого времени начал изучать вёрстку сайтов. И наконец решил сделать свой первый сайтик. И выбор пал на сайт типа блог. Сайт то я сделал, а вот с выбором хостинга появились проблемы. Вначале я так думаю посетителей будет не очень много. Да и неизвестно, когда их станет много. Вот я и подумал брать бесплатный хостинг бессмысленно. Значит нужен платный. Но для начала хотелось бы выбрать какой-нибудь недорогой хостинг, там с оплатой 200-300 рублей в месяц ( ну максимум до 500). А уж потом, если сайт раскрутится перенести его на более крутой хостинг. Просто не люблю тратить деньги, если не уверен в их окупаемости. Не подск…
0 votes4 answers -
Как сделать псевдо 3д эффект? Изображения объекта в разных ракурсах.
Здравствуйте, делаю сайт, хочу сделать чтобы в центре экрана появлялся объект, и когда крутишь ниже этот объект крутился вокруг оси. То есть достигался бы псевдо 3д эффект, а по суди это много кортинг этого объекта в разных ракурсах которые меняются в зависимости от позиции скролла. Подскажите как правильно сделать? Сделать див с position: absolute и на js в зависимости от позиции скролла менять фото? Может есть готовые примеры? Не могу найти сайты на подобие, помню давно видел сайт, где машина так ехала по всему сайту. Буду благодарен за примеры сайтов.
0 votes1 answer -
Не знаю как вставить корзину с покупками в кнопку
Не понимаю как вставить корзину покупок wicart в a href. Или же это нужно делать через другую команду?
0 votes1 answer -
вывод нужного текста в текстовом поле при нажатии на кнопку!
собственно есть несколько радио кнопок, кнопка баттон и пустая форма для текста. процесс будет такой: выбирается радио кнопка, затем нажимается на кнопку и в текстовом поле выводится текст, который должен быть привязан к радио кнопке. Как это осуществить??? помогите пожалуйста, я в этом не сильна, но мне жизненно важно это сделать =(
0 votes2 answers -
<embed />
на одной и той же странице данным тегом разместил два разных файла - видео и аудио после чего при попытке просмотра видео - реал плэер пытается открыть файл не там где он размещён непосредственно,а там где должен открываться аудио файл...при запуске аудио обратного эффекта не происходит всё играет ,как надо ... В результате чего это происходит ? - может быть использовать <object></object> для корректности ? p.s. зарание благодарен
0 votes0 answers -
Работа поисковиков...
Добрый день! На одном из форумов нашел информацию о том, что если на сайте располагается материал с другого сайта(например, видеоролик который грузиться с ютуб), то поисковики обходят сайт выходя на первоисточник. И таким образом при запросе "видео" в поисковике будет выскакивать первоисточник, а не мой сайт. Хотел узнать это действительно так?
0 votes4 answers -
Countdown
Здравствуйте, не знаете ли, как установить на одну из страниц сайта обратный отсчет типа "до Нового года осталось 45 дней"?
0 votes3 answers -
Списки форм + Ссылки (я наверное дурак?)
Хочу сделать так, чтобы список, который выпадает с формы, по клику на него, срабатывал, как ссылка. Если не правильно объяснился, я думаю из кода все станет понятно. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <title>Группа</title> </head> <body> <p><b>Приключения электронников</b></p> <form> <select> <option>Выбрать альбом</option> <option><a href="http://#">Прекрасное далёко</a></option> <option>&…
0 votes3 answers -
Странное отображение
Всем привет! У меня странная ситуация, переделал свой сайт - http://vs-aqua.ru/ На компьютере отображение супер, а вот если открыть на айпаде, то весь сайт съезжает влево и сбоку остается свободное место, причем если крутить айпад и сайт должен перевернуться - ему пофиг. Когда вставлял в шапку всякую штуку - у меня появился скролл - убрал его с помощью тега: overflow-x: hidden; body { margin: 0px; padding: 0px; border: 0px; background:#E6E6E6; overflow-x: hidden; Подскажите что не так я сделал? и как можно если что убрать этот скролл без этого тега.
0 votes6 answers -
Проблема с отображением в IE 8
Здравствуйте! Всего пару дней изучаю HTML и CSS, пытаюсь сверстать свой первый сайт. На первых же порах столкнулся с проблемой неправильного отображения в IE 8, в Chrome всё в порядке. Подскажите пожалуйста, что делаю не правильно? Где ошибся? Заранее спасибо! Вот мой код: http://jsfiddle.net/Uqvgj/
0 votes17 answers -
Смещение текста относительно строки без помощи <sub>
Добрый день, у меня возникла проблема при смещении части текста в строке, в макете текст выглядел вот так: но при смещении текста вниз тегом <sub> или стилем vertical-align: sub; текст смещается не на четверть высоты символа, а почти на один символ вниз. Посоветуете, как решить эту проблему?
0 votes7 answers -
псевдоэлемент :hover
Здравствуйте. Подскажите пожалуйста, есть ли возможность применить псевдоэлемент :hover встроенным способом.
0 votes8 answers