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
-
Проблема с версткой
Удалено
0 votes4 answers -
Помогите найти способ решения
Добрый день. Необходимо сверстать подобный макет: Фон у боди - серый. Центральный блок - 930px; Фон у сайдбара - серый ( 640px). Фон контента - белый (290px). Далее, необходимо что бы от левого края страницы до блока с div.content был белый фон, высотой в div.content. Я решил сделать следующим образом: Создал третий блок ( left ), и через jquery меняю ширину и высоту этого блока при загрузке и изменении страницы. http://jsfiddle.net/dioooon/g4v3aL6t/ Но думаю, что есть решение проще. Помогите пожалуйста
0 votes15 answers -
Как сделать стиль для блока с опредленным стилем?
есть 2 блока. нужно, чтобы items-row по разному в них отображался <div class="blog"> <div class="items-row"></div></div>как это сделать в css? вопрос решил, догадался... забыл просто как это делается .blog .items-row .item
0 votes0 answers -
По поводу селектора ul
Я написал следующий код на html и css: <html> <head> <title>Сайт о часах</title> <style> *{ padding:0; margin:0; } ul{ height:60px; width:700px; margin-left:400px; border:5px solid black; } li{ display:block; list-style-type:none; float:left; margin-left:30px; margin-top:15px; } a:link{ background-color:white; color:black; border:2px solid black; padding:5px 10px 5px 10px; display:inline-block; } a:visited{ background-color:white; color:black; border:2px solid black; padding:5px 10px 5px 10px; display:inline-block; } a:hover{ background-color:green; color:whit…
0 votes6 answers -
div с margin-left вылезает за экран но прокрутка не появляется
Здравствуйте Подскажите, пожалуйста, как правильно решить Сверстал страницу как на скриншоте, понадобалось добавить небольшой информационный блок слева от основного контента, выделен зелёным. Для левого зелёного блока выставил отрицательный margin-left и float. В итоге при уменьшении размера окна маленький блок скрывается, а прокрутка не появляется. Можно сделать через side-bar. Но во-первых придётся выравнивать скриптом положение блока по вертикали, чтобы он был напротив зелёного соседа, во вторых на других страницах нет сайдбаров, хотелось обойтись без него чтобы ничего не поломать. Это решаемо?
0 votes9 answers -
0 votes7 answers
-
Помогите с проблемой
Добрый день! Подскажите как выстроить блоки в ряд и чтоб при уменьшении экрана по ширине, текст переходил на новую строку, а блоки оставались на месте. Вот пример - https://jsfiddle.net/damir180/pu9dtpwb/embedded/result/
0 votes5 answers -
Фон на всю страницу
Здравствуйте, подскажите, пожалуйста, есть картинка, которая должна быть на всю ширину экрана, как ее прописать адаптивно в коде, фоном или изображением? и как правильно сделать чтобы она была на весь экран?
0 votes7 answers -
Шапка сайта в телефонах
Здравствуйте, пишу сайт для себя my-steam.ru Столкнулся с такой проблемой, шапка сайта на мобильных телефонах выглядит очень коряво. При этом тело сайта что на компьютере, что на телефоне выглядят одинаково. Подскажите, как поправить вёрстку шапки, что бы она на компьютере и в телефоне выглядела одинаковой?
0 votes1 answer -
div неправильной формы. я в замешательстве.
Добрый день! есть такой сайт , при скролле появляются картинка справа, и вот нужно сделать что бы при переходе было вот так . я в замешательстве, получается что первый слайд должен быть неправильной формы, толи.....даже не могу пока предположить что делать.... может у кого есть мысли какие то? Всем спасибо!
0 votes0 answers -
Теги
Здравствуйте. Я начинающий/нечасто практикующий специалист по html. У меня вот какой вопрос: есть добавить meta тег в обрывок кода (в админке не весь код целиком, а посмтранично), как указано на картинке, то будут ли работать meta теги? Или обязательно этот тег вставлять в head? Поделитесь, пожалуйста, опытом. Спасибо заранее. Ссылка на картинку: https://cloud.mail.ru/public/948i/urfKLepqm
0 votes2 answers -
Почему на ширине экрана менее 768 точек иконка лого не получает отступ?
Здравствуйте! Вы могли бы посмотреть код и сказать, почему изображение лого получает отступ в 15 пикселей слева на мониторах шириной свыше 768 пикселей и как-будто бы не получает на мониторах уже 768 пикселей, хотя в стилях отступ присутствует, но изображение прилепляется к левой границе экрана?
0 votes2 answers -
Как сделать левый блок посередине страницы? (не экрана)
Здравствуйте. Есть страницы с очень длинным текстом. В результате реклама совсем не видна почти. Плавающие блоки запрещены адсенсом. Потому думаю следует разместить левый блок рекламы (lsb) посередине страницы. Т.е. высота страницы 1000px, значит блок разместить на 500 px и так в зависимости от размера контента. пробовал писать всякие top:50%, margin-top:50% но как-то работает все не корректно... Сайт имеет следующую структуру <div id="wrapper"><div id="header"></div><div id="menu"></div><div id="lsb"></div><div id="content"></div><div id="footer"></div></div>#wrapper { margin: 0 auto; width…
0 votes1 answer -
font awesome
Здравствуйте. Делаю вертикальное меню. Добавляю иконки с помощью font awesome. Проблема в том, что ширина иконок варьируется. Из-за этого текст пунктов меню скачет. Как можно задать расстояние между иконкой и текстом меню?
0 votes5 answers -
Пагинация bootstrap
Добрый вечер, уважаемые форумчане! Столкнулись с нестандартной проблемкой. Я сверстала сайт с помощью Bootstap - его приняли, все ок, но сегодня мне заказчик пишет переделать пагинацию - код стандартный <ul class="pagination pagination-lg"> <li><a href="#" aria-label="Первая"><<</a></li> <li><a href="#" aria-label="Предыдущая" ><</a></li> <li class="active"><a href="#">1</a></li> <li><a href="#">2</a></li> <li><a href="#">3</a></li> <li><a href="#">4</a></li> <li><a href="#"&g…
0 votes8 answers -
В домене сайта присутствует надпись "показать сайт"
Сделал сайт,залил его на хостинг,и есть очень серьезная проблема. Адрес сайта таков: you-play71.ru водя такой адрес в адресную строку браузера-ничего не находит Если ввожу you-play71.ru.показать.сайт/index.html то так все работает Вопрос: как избавится от такого,то есть как убрать эту надпись в адресе "Показать сайт"
0 votes1 answer -
Не работает bxslider
Привет, почему не работает слайдер? http://allnet.16mb.com/slider/ Делал всё по инструкции http://bxslider.com/ https://yadi.sk/d/zhaFpwt1go7E9
0 votes5 answers -
Помогите с шапкой сайта в мобильных браузерах
Пишу простенький сайтик, для себя my-steam.ru Во всех браузерах сайт отображается нормально, но на телефоне шапка сайта улетает влево, хотя само тело сайта отображается везде одинаково. Помогите найти ошибку в верстке шапки?
0 votes4 answers -
Не работает contact form (send mail error)
Не отправляется мэил, все поля работают, во время отправки пишет "Отправка сообщения....." и виснет, мэил так и не доходит. Где проблема ? —————————————————--HTML:<h4> Форма: </h4></div><div class="toggle-content"><form method="post" id="contactForm" action="mailto:info@kingsize-trading.com"><input type="text" name="senderName" id="senderName" placeholder="Имя" class="requiredField" /><input type="text" name="senderEmail" id="senderEmail" placeholder="Email адрес" class="requiredField email" /><textarea name="message" id="message" placeholder="Сообщение" class="requiredField" rows="8"></textarea><input type="submit"…
0 votes2 answers -
Поиск на Яндекс
Помогите с кодом: <form method="get" action="http://yandex.ru/search"> <input type="hidden" name="do" value="yandex" /> <input type="hidden" name="subaction" value="yandex" /> <input id="story" class="search_input" name="story" value="Поиск..." onblur="if(this.value=='') this.value='Поиск...';" onfocus="if(this.value=='Поиск...') this.value='';" type="text" /> <div class="h_s_title"><button class="serchb">Найти</button></div> </form>Как сделать что-бы он мое значение перенаправлял на Яндекс? Вот CSS которые здесь применяются: .search_input { margin-left: 10px; float:left; background:#f4f4f4; border: 1px #FCD06E so…
0 votes8 answers -
Странная проблема
Всем привет. Делаю первую свою верстку по макету и столкнулся с непонятной для себя проблемой: на картинке домик должен быть слева перед desctops, а остальные элементы соответственно должны следовать за ним, но он становится по середине и при этом все меню выпадает вниз. Что с этим делать и в чем причина такого поведения? Заранее спасибо. <div class="header-middle"> <div class="header-content"> <ul class="menu "> <li> <div class="menu-icon"></div> </li> <li>&…
0 votes3 answers -
Посоветуйте слайдер
Посоветуйте пожалуйста слайдер такого вида. http://joxi.ru/krDp4x0Iowo5rp чтобы листались только тумбы (которых 2 колонки), и по клику соответственно в первый экран вышло видео. А если тумбы генерирует автоматически - вообще шикарно будет.
0 votes10 answers -
Структура сайта
Привет. Есть ли какой-нибудь сервис, в котором вводишь адрес сайта, а он тебе выводит структуру сайта? Вот в таком виде
0 votes2 answers -
как задать размер ПсевдоЭлементу
Добавляю псевдоэлемент - картинку h2:after{ content:url(../img/bart.png); position:relative; left:0.5vw; } Как задать этому элементу размер? Height, Width всё дело в том, что есть before и after, которые должны быть чётко по краям заголовка, оно всё правильно стоит, но только размер указать не выходит. Если сделать элемент блочным, тогда проблемно расположить его правильно. вот так это выглядит, но если приблизить, псевдоэлементы станут больше.
0 votes11 answers -
text-size-adjust
Текст увеличивается на устройстве samsung galaxy s3, браузер mozilla. А это свойство не помогает. Как можно еще отключиться автомасштабирование текста?
0 votes6 answers