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
-
Списки и картинки
Здравствуйте. Есть код <h3>Заголовок</h3><img src="../image.jpg"> <ul class="sidemenu"> <a href="#">Название ссылки</a></li> </ul> Подскажите, подалуйста, можно ли сделать так чтобы нижняя граница картинки была на одном уровне с низом текста "Заголовка"? Расположение картинки относительно текста справа. Заранее всем впасибо.
0 votes1 answer -
Здравствуйте, уважаемые знатоки! Помогите, пожалуйста, решить проблему с подключением шрифтов используя font-face. Конвертирую шрифты, используя Fon
Здравствуйте, уважаемые знатоки! Помогите, пожалуйста, решить проблему с подключением шрифтов используя font-face. Конвертирую шрифты, через Font Squirrel, вставляю код, в Опере и Хроме все работает, а Мозилле и ИЕ почему-то не хочет. Знаю, что в мозилле иногда случается такая проблема, что это связано с их политикой безопасности и в таком случаи нужно прописывать полные пути к шрифтам, я это и делаю, но все равно нужный шрифт не отображается. В чем причина не подскажите? Вот ссылка на верстку. P.S Версткой начал заниматься относительно не давно (4 мес.) поэтому если что не так не пинайте Блин, накосячил с названием темы, а как отредактировать не понятно...
0 votes1 answer -
css, positions
Здравствуйте. Столкнулся с проблемами вёрстки. Идея: #lmenu нужно position: absolute, что-бы div не скролился вместе с остальной страницей. #mapframe должен быть высотой 50%, но вместе с тем - минимум 400px. #contentframe должен занимать всё свободное место, от #mapframe до #btmenu. #btmenu должен быть всегда внизу родительского блока. После многих попыток, мои проблемы:
0 votes3 answers -
Блок ведет себя не естественно
Пытаюсь сделать блок но он ведет себя не естественно... В общем вот: http://jsfiddle.net/rzR8y/ margin почему то ведет себя как padding, тока он не только шурудит то что внутри, дак он еще и сдвигает как margin и расширяет, как сделать тогда так, что бы он не расширял то что внутри, а всего лишь двигал.
0 votes7 answers -
Это он большой или хостер тупит? Скорость загрузки.
Добрый день всем! Прошу глянуть, может что тяжелое на сайте или я придираюсь? Мне кажется он медленно загружается. Спасибо! сайт: http://wana.com.ua/
0 votes5 answers -
помогите с гугл картой
Доброго времени суток, можно ли стандартными инструментами Гугл реализовать такую карту с метками и закладками на сайте? http://joxi.ru/I-GpUxjKTJAtHxi7ECw - сылка на скрин
0 votes3 answers -
шапка не продолжается при горизонтальнйо прокрутке
http://www.serviceprint-novoros.ru/ Если уменьшить окно со страницей до появления горизонтальной прокрутки то при этой самой прокрутке верхняя полоса обрезается и не продолжается до конца страницы, не подскажите как это исправить? АПД Частично решил проблему добавлением min-width, но хотелось бы чтобы оно автоматом отрисовывало
0 votes5 answers -
[атрибут*="значение"] и [атрибут~="значение"]
По мне [атрибут~=значение] можно заменить используя [атрибут*=значение]. Зачем тогда оно есть? Работает быстрее? [атрибут|=значение]
0 votes2 answers -
div поместить вместо iframe
Доброго времени дня! На сайте в файле index.htm есть код который отвечает за поиск по сайту. Там же имеется iframe - как мне выводить результаты поиска в этот iframe. Вот сами коды/скрипты. <div id="page"> <form id="searchForm" method="post"> <fieldset> <input id="s" type="text" /> <input type="submit" value="Submit" id="submitButton" /> <div id="searchInContainer"> <input type="radio" name="check" value="site" id="searchSite" checked /> <label for="searchSite" id="siteNameLabel">Поиск в</label> <input type="radio" name="check" value="…
0 votes0 answers -
Проблема с nth-child
Коллеги, загвоздка, помогите разобраться. Проблема Суть: идут блоки, у каждого border-top. Задача: первым двум его убрать. Делал через nth-child(1) и nth-child(2), но не вышло.
0 votes2 answers -
обрезать резиновую картинку
помогите пожалуйста решить проблему есть резиновый блок, который содержит 3 картинок, расположенных горизонтально. jsfillde картинки отдаёт сервер и некоторые из них большего размера чем остальные проблема в том, что все картинки должны отображаться с одинаковыми размерами. помогите пожалуйста обрезать у большей картинки лишнюю часть. важно чтобы картинка именно обрезалась и её пропорции оставались без искажений
0 votes5 answers -
search-panel
Всем привет!Посоветуйте,как сделать вот такую панель поиска. http://prntscr.com/90px85 <div class="search-panel"> <form action="#" method="#"> <input type="text"> <button type="submit"> <i class="fa fa-search"></i></button> </form></div> Делаю так,не получается
0 votes5 answers -
Диагональные (или треугольные блоки)
Можете подсказать примеры реализации таких блоков? При ховере картинка должна двигаться.
0 votes1 answer -
Мерзкий вертикальный отступ между блоками
Нужно сверстать такое: https://wireframe.cc/Ua4tOp Я сверстал почти все: https://jsfiddle.net/Lh3u6oye/ Что за мерзкий отступ между блоками header (там, где лого, меню) и блоком filter. (блин, его там быть не должно ). И вообще, зацените верстку, может что лучше можно было сделать или по другому?
0 votes2 answers -
Подскажите с IFRAME
В общем сделал делаю галерею картинок. По середине изображение, вверху полоса картинок для выбора. Это полоса IFRAME. Так вот когда я выбираю картинку,загружаю другую с помощью то есил я после загрузки нажму НАЗАД в браузере то на месте IFRAME остает белое пятно вместо полосы картинок. Подскажите как сдлеать чтоб там все время был IFRAME?
0 votes0 answers -
помощь в css
как с помошью css класифицорвать теги "ul"? т.е. ситуация такая: на странице сайта мне надо расположить инфу. "ul" слева, в нем текст, справа картинка; картинка слева, "ul" српава, в нем текст. Можно в самом html поставить параметры тегу "ul", но тогда css-validator находит ошибку в css, что нету праметров для этого тега.
0 votes2 answers -
Дополнение в код?
Извините, но возникла проблема, для того чтобы рисунок на всех страницах отличался от рисунка на главной странице я добавил строчку <div style="background-image:url(images/fon_10.jpg)"> Но при переходе по страницам в зависимости от того какой длины содержит текст страница, такой длины и появляется новая картинка, а всю остальное пространство продолжает картинка установленная на главной странице. Например: если я перехожу в меню на страницу "контакты", то в центре у меня появляется текста примерно на 1/3 страницы, и на эту часть у меня открывает новый фон, а на остальные 2/3 фон с главной страницы. Как это можно исправить? Спасибо.
0 votes2 answers -
Помогите разобраться с фонами
Помогите пожалуйста разобраться с фонами... Так что бы под левой колонкой не появлялся белый фон... Код HTML: <div id="comp"> <div id="left"> <jdoc:include type="modules" name="left" style="table" /> </div> <jdoc:include type="component" /> </div> Код CSS: #left { width: 300px; float: left; height:100%; background-color: #0420c3; } #comp { width: 98%; background-color:#FFFFFF; } Суть вопроса состоит в том можно ли как-то ограничить фон comp на 300px от левого края или продлить фон left до нижнего края comp. Сейчас эта проблема актуальна http://www.planet-tour.com.ua/
0 votes2 answers -
Вертикальное форматирование, никак не пойму.
Никак не могу понять поведение отрицательного margin'a внутри родительского блока. Вот пример: <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html;charset=UTF-8"> <title></title> <style type="text/css"> p.abz{ margin-bottom:-100px; margin-right:10px; margin-top:0; border:3px solid gray; } div{ width:420px; margin-top:50px; border:3px solid red; margin:50px; } </style> </head> <body> <div> <p class="abz">a paragrapf</p> soderjimoe diva </div> <p>a paragrapf</p> </body> </html…
0 votes2 answers -
Вставка видео (некорректное отображение)
Добрый день, вопрос может быть и глупый, но разобраться сам не могу ;( Суть следующая: (возникавшие вопросы и методы их решения поэтапно) 1. На сайте необходимо разместить видео - решил использовать allvideos. 2. Размещаем видео на ютубе или яндексе - вставляем код и всё работает. 3. Доступ к ютубу и яндексу блокирован в тех местах где просматривают сайт - "жирный" хостинг и заливка видео непосредственно в "локальную" папку для сайта. 4. Снова размещение видео на сайте - код плагина allvideos и видео появляется, НО с явным косяком Проблема в том что видео находится в статье, причем в начале статьи, т.е. непосредственно под выпадающим меню. При отображении видео с того…
0 votes3 answers -
Почему?
Верстаю сайт в Dreamwear там все хорошо, переношу в IE блоки разлетаются и язык непонятный. Почему?
0 votes4 answers -
Интересный эффект, CSS. Требуется помощь
Привет, форум. Наткнулся на интересный эффект на сайте http://www.sape.ru А именно вот здесь: Можете проверить этот эффект у них на сайте. То есть ты нажал на кнопку допустим "купли" и у тебя появляется блок с инструкцией купли. Так же и с продажей. Кто-нибудь может помочь с воплощением?
0 votes4 answers -
Курс по PHP
посоветуйте БЕСПЛАТНЫЙ ВИДЕО курс по PHP, пробовал у Попова учиться он старый ииии.. кароче не смог по нему. ну на крайняк можно и книжку.
0 votes4 answers -
Смена нескольких картинок при наведении
Ребят выручайте! Не могу придумать как сделать смену нескольких картинок при наведении. А именно: При наведении на картинку (А), она должна меняться на другую (А2), при наведении на вторую, должна появляться третья (А3), затем повторно при наведении на А3 должная появляться А. Т.е. должна быть как бы слоеность из 3х картинок. Вот примерно как это должно быть. Там слайдер под текстом: http://vizastil.ru/
0 votes1 answer -
Непонятные причуды стилей
Вот код, не могу понять вроде всё верно, зелёная ячейка 800 пикселей, внутри таблица, ширина 770 бордеры 5 отступы 10, вместе должны заполнить все 800 пикселей, но по непонятным причинам слево 10 отступ, справа 20, визуально они сравниваются, если ширину увеличить до 780 пикселей, где логика? <!DOCTYPE html> <html> <head> <title>aaa</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <link rel="stylesheet" type="text/css" href="css/css.css"> <style> BODY { margin:0px; border:0px; padding:0px; background-color:#D4A984!important; font-family:'Lucida Sans Unicode','Arial'; font-size:16px…
0 votes1 answer