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
-
Помогите с меню!
Добрый день всем. Помогите сверстать эту менюшку... Теоретически понимаю как... А на практике не выходит. Шрифты: Calibri Regular 17 px Вот что уже сделал, но размеры не те..и вообще бред какой то вышел. <div class="menu_1"> <ul class="menu_cont"> <li class="mc_li mc_li_first"><a href="#">Grammar</a></li> <li class="mc_li mc_1"><a href="#">Reading</a></li> <li class="mc_li mc_2"><a href="#">Listening</a></li> <li class="mc_li mc_3"><a href="#">Writing</a></li> <li class="mc_li mc_4"><…
0 votes2 answers -
LESS, SASS, SCSS
Если представить, что у вашего друга верстальщика была лёгкая степень комы. После которой он вернулся в мир верстки зная один CSS, что бы вы ему посоветовали для своего нового суперпроекта? LESS, SASS, SCSS?
0 votes6 answers -
проблема с версткой сайта в ie
http://sitemakers.lo...l/html/comment/ зайдите на эту страницу в IE: тут-то и появились проблемы во всех остальных браузерах - нормально HTML: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Документ без названия</title> <link href="/0.css" rel="stylesheet" type="text/css" /> <link href="/favicon.ico" rel="icon" type="image/vnd.microsoft.icon" /> </head> <body> <div id="layoutblock"> <div id="headerblock…
0 votes11 answers -
Обращение к одной форме из разных мест
Здравствуйте. Прошу помочь со следующей проблемой. Есть скрытая контактная форма (display:none), которая становиться видимой и всплывает с помощью jQuery при нажатии кнопки "Заказать". На сайте несколько таких кнопок, все работает хорошо. Однако есть и несколько кнопок "Подробнее", при нажатии которых всплывает div, состоящий из двух div'ов - слева текстовое описание, а справа должна быть эта же форма. Важно, что бы там была именно та же самая форма, с тем же id и теми же name-атрибутами для полей - это нужно для верификации. Так вот, вопрос - как ее туда вызывать? Раньше я просто несколько раз прописывал в каждое такое окно новую форму, однако когда дошло до варификации …
0 votes6 answers -
Создание календаря на сайте
Всем привет! Есть цель: сделать календарь на сайт. В календаре ячейки с датами. В каждой ячейке возможность записывать что-либо, максимум 4 записи в один день (в одной ячейке). Соответственно минимум ноль записей, максимум 4. Одна запись – это один цвет. Если в одной ячейке одна запись, то ячейка заливается одним цветом. При нажатии появляется запись. Если в одной ячейки две записи – ячейка делится пополам и каждая половина заливается разным цветом. И при нажатии на каждую из половин появляется соответствующая запись. Так же с 3 и 4 записями. Вопрос: как такое лучше сделать? Т.к. уровень ламерства у меня зашкаливает, буду благодарна за все ссылки и советы, которые мо…
0 votes11 answers -
Определить какая функция вызывается в js
Здравствуйте, в консоли разработчика google chrome при нажатии на кнопку можно ли определить какая функция вызывается в js файле ? Непонятно в каком файле вызывается функция
0 votes6 answers -
въехать в позиционирование дивов
подскажите как быстрее всего въехать в магию позиционирования дивов? стоит только сменить inline-block на block и все тут же разваливается
0 votes11 answers -
ie6 div width 100%
Доброго времени суток! Бьюсь весь вечер над проблемой некорректного отображения страницы с 100% шириной div'а. Вот код страницы (упростил, но суть видна): <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><html> <head> <title>title</title> <style type="text/css"> body { margin: 0; padding: 0; } div#header { width: 100%; height: 150px; background-color: green; } div#bigData { width: 3000px; border: 1px solid red; } </style> </head> <body> <div id="header">some text</div> <div id="bigData"> </div> </body> </html> То есть если под блоком div появляетс…
0 votes6 answers -
Вертикальное центрирование многострочного текста
Добрый вечер! Есть вот такой код: <div style="width: 600px; height: 200px; border: 1px solid red;"> Текст текст Текст текст Текст текст Текст текст Текст текст Текст текст Текст текст Текст текст Текст текст Текст текст Текст текст Текст текст </div> Можно ли как-то текст отцентрировать по вертикали БЕЗ техники эмуляции таблицы (display: table)? JS также не интересует. Заранее спасибо!
0 votes4 answers -
Меню
Задача - зделать меню http://img832.imageshack.us/img832/9496/67702019.png У меня получилось зделать почти все, кроме иконки снизу при a:hover , у меня исчезает. http://s2.itrash.ru/idb/b09595d403dad40b1b...Bezymyannyj.png <div id="speedbar" > <div class="speedbarL" ></div> <div class="speedbarR" ></div> <div class="speedbarC" > <ul class="speedbar_menu" > <li><a href="" >Главная</a></li> <li><a href="" >О компании</a></li> <li><a href="" >Наши тарифы</a></li> <li><a href="" >Наши услуги</a></li> <li><a…
0 votes15 answers -
картинка по центру в фиксированном блоке
Есть: http://tmin10.net.ru/1.html. Нужно, чтобы картинка была по центру <div id='add'> по вертикали и горизонтали. По горизонтали помогает margin: auto;, а как по вертикали?
0 votes12 answers -
Не могу понять.
Добрый вечер! Вроде всё просто, но я не могу понять действительные минусы от прописывания цветов как #fff, вместо #ffffff или #f00, вместо #ff0000. Вижу только один плюс, экономия 3 знаков с каждого цвета. Подскажите пожалуйста, чем это чревато? Спасибо...
0 votes19 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 -
Как поднять Div
почему диф в конце списка опустился тем самым увеличивая высоту ли с бордерами *{ margin:; padding:; border: none; } .wheader{ text-align: center; width: 1100px; margin: auto; height: 90px; } .wheader img { margin-top: 20px; } .wmenu{ height: 50px; background-color: #fafafa; border: 1px solid #eee; } .menu{ width: 1100px; margin: auto; height: 50px; } .menu-list{ list-style:none; display:table-row; } .menu-list li{ display:table-cell; width:auto; text-align:center; border-left:2px solid #eee; …
0 votes1 answer -
Как сверстать блок в блоке?
Подскажите как сверстать...
0 votes2 answers -
Открытие ссылки в новом окне
Мне нужно чтобы ссылка открывалась в новом окне. Вот код <table class="mytable"> <tbody> <tr class="mystolb" onclick="window.location.href='%%LitUrlAudio%%'; return false target="_blank"> <td><img src="http://knigobiz.ru/wp-content/uploads/2018/05/LitRes.png" class="laravel-icon">ЛитРес</td> <td>Аудиокнига</td> <td>₽%%LitAudioPrice%%</td> <td><i class="fas fa-shopping-cart"></i></td> </tr> </tbody> </table> То есть при нажатии на строку у меня происходит переход по произвольной ссылке, мне нужно сделать так чтобы она открывалась в новом окне
0 votes7 answers -
Помогите с отображением таблицы
Добрый день. Оч. нужен совет... Нижеследующая таблица хорошо отображается везде кроме долбаного ie! Как добиться того, чтобы и в нем все было 'ок'? Дело в том, что я могу изменять все, что связано с контентом, сами элементы таблицы (td, table, th и т.д.) добавляются программно с передающимся контентом... Таблица: <div class="shopbooks-form"> <table> <thead><tr><th>Автор</th><th>Название</th><th>Год издания</th><th></th> </tr></thead> <tbody> <tr class="odd"><td> <input type="text" maxlength="255" name="filter0" size="50" id="edit-filter0" value="" class="fo…
0 votes3 answers -
Помогите с <div> очень горит.
Добрый день ! Существует задача создать такую конструкцию: Слой с полупрозрачным бекграундом (без использования картинок #CCC). Внутри него существует ещё один слой который должен находится перед этим слоем и не иметь прозрачности и масштабироваться. Как я не курил форум так и не смог данное реальзивать. С ДИВ имею дело мало, во терь понадобилось. Помогите плиз. Вот код: <!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>z-index</title> <style type="text/css"> #layer1, #layer2 { po…
0 votes3 answers -
Рамка в трехколоночном макете
http://soundtrack.org.ua CSS: #tr { border-top: 1px solid #ccc; clear: both; padding: 10px 0 0; width: 892px; } #col1, #col2, #col3 { float: left; } #col1 { border-right: 1px solid #ccc; padding: 0 10px 0 0; width: 180px; } #col2 { padding: 0 10px 0 10px; width: 490px; } #col3 { border-left: 1px solid #ccc; padding: 0 0 0 10px; width: 180px; } Как сделать, чтобы правая и левая рамка тянулась по всей высоте соответственно левой и правой колонки?
0 votes7 answers -
Контактная форма
Все спасибо за помощь и дельные советы)
0 votes6 answers -
После создания сайта
Здравствуйте. Я сделал свой первый сайт на хтмл и цсс. Значит закажу хостинг, домен. Отлично. Загружу туда через фтп сайт. Я читал, что надо оптимизировать страницу 404, но где её взять?, А ведь на этом не заканчивается всё. Я знаю, что надо в гугл и прочие поисковики зарегать сайт, это - то я сделаю, а вот что ещё надо для правильной работы сайта?
0 votes5 answers -
Проблема с 404
Итак, зная отношение форумчан к новичкам на этом форуме, все же рискну задать вопрос: Хостинг - Гудзон - Windows хостинг (почему Windows? потому что новичек и чайник. как и все когда то. При слове Unix - кидает в дрож) Я через .htaccess решил сделать обработку страницы 404 (конечно же перед эти прочел тут: http://htmlbook.ru/faq/?a=29 - автору нужно подробнее описать, чтобы у остальных не возникало таких проблем, как у меня) соответственно в файле - только одна строка следующего вида: ErrorDocument 404 /err404.shtml само собой - файл с 404 ошибкой лежит в корне, называется err404.shtml Самое интересное - локально на денвере - все работает, а в сети - нет. В сети весь са…
0 votes6 answers -
Фиксация высоты ячейки
Подскажите выход - есть таблица из двух столбцов в левом 3 ячейки в правом одна (на весь столбец). В каждой из 3 левых ячеек есть фоновый рисунок, в правой текст. При открытии страницы при разных разрешениях монитора высота таблицы меняется (из-за текста). При этом рисунок который находится в нижней ячейке множится необходимое количество раз. Вопрос - как сделать так, чтоб верхняя и нижняя левые ячейки остовались неизменными, а свой размер меняла центральная.
0 votes6 answers -
как разместить объект вертикально в слое
Всем привет. Помогите пожалуйста! Не работает вертикальное выравнивание по центру. Есть код <div class="photo"> <div style="float:left; width: 80px; height: 260px; background:red; vertical-align: middle;">555 </div> <div style="float:left; width: 840px; height: 260px; background:white"></div> <div style="float:left; width: 80px; height: 260px; background:red; vertical-align: middle;">555 </div> </div><!-- end photo --> 555 находиться сверху слоя. а не по середине. В чем ошибка?
0 votes7 answers -
auto для height и width
Как обсчитывается?
0 votes11 answers