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
-
Как title, только с дивом. Как сделать, чтобы выходило рандомно?
http://codepen.io/anon/pen/tFqwE# как сделать, чтобы не было всегда справа? а рандомно отображало. Ставил, чтобы показывало только с одной страны и не думал о последствиях. Теперь хз как сделать чтобы показывало случайно. Нужны скрипты? Код начинается отсюда: .infoMain:hover .TitleMain{} Тест: feniks000.myjino.ru Пример брал с мегого :megogo.net/ru
0 votes7 answers -
Изменение цвета фона меню
Всех приветствую! Друзья, пытаюсь немного подкастумайзить в одной из тем Wordpress. Подскажите, пожалуйста, каким образом можно изменить цвет отдельного списка меню? Вот нужный кусок: <li class="menu-item menu-item-type-custom menu-item-object-custom current-menu-ancestor current-menu-parent menu-item-has-children menu-item-1558" id="menu-item-1558"><a>Меню</a><ul class="sub-menu"> <li class="menu-item menu-item-type-post_type menu-item-object-page current-menu-item page_item page-item-1464 current_page_item menu-item-1541" id="menu-item-1541"><a href="#1">Подменю1</a></li> <li class="menu-item menu-item-type-post_type m…
0 votes2 answers -
адаптивная верстка и рассчет пикселей
Добрый вечер Решил заполнить пробел в своих знаниях о адаптивной верстке - сверстал простенький макет под 1024/980/640/320 px ширины - на мониторе, что на работе, тестировал, уменьшая размер окна при открытом инспекторе, в Chrome - изменения происходят в тех точках, что и нужно - а вот дома решил протестировать - и изменения происходят, если верить инспектору, совсем не в тех точках ширины - то есть они происходят последовательно, при уменьшении/увеличении масштаба, но не так, как хотелось бы. К примеру, изменение вида при переходе на ширину 640px происходит где-то в точке 450px. Есть предположение, что это из-за разных мониторов и разрешений - но точно не знаю. На работе…
0 votes2 answers -
В меню не отображается русский текст
Доброе время суток !!! Такая проблема товарищи : В этой части кода не работает русский язык <ul> <li class="active"><a href="index.html"><span>Home Page</span></a></li> <li><a href="support.html"><span>Support</span></a></li> <li><a href="about.html"><span>About Us</span></a></li> <li><a href="blog.html"><span>Blog</span></a></li> <li><a href="contact.html"><span>Contact Us</span></a></li> </ul> если я вместо <span>Home…
0 votes2 answers -
Как оптимизировать скорость загрузки картинок без сжатия веса?
У меня из галереи отбирается пять случайных картинок и показывается пользователю, эти картинки имеют довольно солидный вес до 300 кб. При извлечении картинки становятся миниатюрными с помощью php тега getImageSize и увеличиваются если щёлкнуть по картинке, вес никуда не девается он по прежнему 300 кб. Как мне оптимизировать изображения так, чтобы ускорить загрузку сайта? Прочла вот эту статью https://habr.com/ru/post/189764/. Она мало мне чем помогла, правдо я использовала только два первых примера вот этот <div> <img src="comicbookguy.jpg" alt="" onload="imgLoaded(this)"/> </div> и вот этот <div id="Slideshow"> <img src="slid…
0 votes3 answers -
Помогите сверстать!!! За символическую тему...
Здравствуйте люди добрые. Буду краток так как времени нету а так попробывал бы сам да и что пробывать))) кому не лень сверстайте малек кто сверстает получает маленьку блогадарност в размере 8$ верстка фиксированная! Все сверстано кроме этого куска. Заказчек просил сделать до завтра а времени нету вообще ухожу очень надо сделать до утра а я ближе к обеду буду дома.
0 votes1 answer -
Прыжок
не хочу делать кнопку на страничке ххх.narod.ru на страничку .ru подскажите хтмл код чтоб заходя на сайт xxx.narod.ru ничего не нажимая поподать на www.xxx.ru
0 votes1 answer -
переопределение br
Можно как то высоту между сроками задать которые он переносит?
0 votes1 answer -
Сложные классы
задано <p class="class1 class2 class3"> нужно указать стиль именно для параграфа, у которого заданы ВСЕ 3 аргумента. p.class1 class2 class3{} - не работает p.class1, p.class2, p.class3{} - сработает если параграфу присвоен хотябы один из классов. Как правильно сделать?
0 votes8 answers -
задание двух и более классов элементу
столкнулся с такой проблемой: пишем в css: .imp {color:green;} .cent {background:#f90;} .imp.cent {border:2px solid red;}/*ставится красная рамка при одновременном использовании классов imp и cent */ в html: <p class="imp">Сonsectetuer adipiscing elit, sed diam nonummy</p> <p class="cent">Сonsectetuer adipiscing elit</p> <p class="cent imp">Сonsectetuer adipiscing elit</p> в первом случае будет параграф с зеленым текстом. во втором параграф с оранжевым background'ом. а в третьем получится параграф с зеленым текстом, оранжевым background'ом и по правилам css добавляется красная рамка. но всеми любимый IE6 по-своему воспринимает правило…
0 votes2 answers -
Как имитировать (создать) 3х-угольные image (картинка внутри)
Идея такая: на странице будет рис.1 , рис. 2 расположенные таким образом. Как сделать так, чтобы при наведении на рис.1 он, например менялся, при наведении на рис.2, рис.2 менялся. "onmouseover" это понятно, но специфика рисунков то, что они - ТРЕУГОЛЬНЫЕ. 1. Как детектить пересечение мышки с треугольником 2. Как ухитриться расположить 2 рисунка (прямоугольных по определению) так, чтобы создалась иллюзия 2х треугольников рядом? flash не предлагать
0 votes7 answers -
Проблема с горизонтальными изображениями
Подскажите, что может быть не так: Вот как выглядит часть странички форума в браузерах Chrome, Maxthon 2 и Maxthon 3: А вот как колбасит Opera, Firefox и Internet Explorer 8: Код наипростейший, за "горизонтальность" картинок отвечает класс addthis_default_style: <td width=84px align=right nowrap> <div class='addthis_toolbox addthis_default_style'> <a class='addthis_button_vk' title='Отправить ссылку в ВКонтакте'></a> <a class='addthis_button_twitter' title='Затвиттить'></a> <a class='addthis_button_livejournal' title='Отправить ссылку в ЖЖ'></a> <a class='addthis_but…
0 votes11 answers -
Заказчики и IE6
Вопрос для работающих верстальщиков. Как часто попадаются заказчики требующие поддержку IE6? Я понимаю, что браузер практически мертв, но работодатели в объявлениях о найме, бывает, требуют это.
0 votes6 answers -
напишите как сделать так что бы ссылки на страницы были неже картинок
напишите как сделать так что бы ссылки на страницы были неже картинок (см.ниже) <table cellpadding="0" cellspacing="46px" border =0 > <tr> <td width="170px" height="140px" align="center" style="background: url(./filez/pict2010/Turkey.JPG)"> <a href="?id=10056" ><font color=#FFFFFF><font size=+1><b>Турция</b></font></font></a> </td> <td width="170px" height="140px" align="center" style="background: url(./filez/pict2010/tunis.jpg)" > <a href="?id=10048" ><font color=#FFFFFF><font size=+1><b>Тунис</b></font></font></a> <br> </td> &l…
0 votes11 answers -
Варианты применений стилей
Всем добрый день. Вопрос к опытным специалистам: Правильно ли прописывать отдельные стили непосредственно в теге, не хочется злоупотреблять классами или идентификаторами. Правильно ли так делать, ведь весь CSS будет находится целиком в отдельном файле. Пример кода для болей ясности. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <style> html{ width:100%; height:100%} body{ width:100%; height:100%;} #wrap ul{ margin:0; padding:0; width:100px;} #wrap ul li ul{ width:100%;} #wrap li li{ padding-left:0px; list-style-type:none;} #wrap li{ padding:5px 0 5px 20px; border-b…
0 votes6 answers -
Небольшой вопрос о Notepad++
Здравствуйте! Я начинающий пользователь. На курсах HTML мы работаем в Notepad++, установил её у себя на компьютере. Собственно сам вопрос. Как в Notepad++ включить функцию (незнаю как называется) которая окрашивает код в синий и красный цвет. Дабы это подсказка как я понял. Создал документ с форматом html, теги прописываю правельно но почему то все в черном шрифте. А вот если открыть файлы с которыми я работал на занятиях то всё в порядке. А то сложновато уследить не допустил ли я где ошибку в коде. Спасибо!
0 votes3 answers -
font-face
Добры день. Пытаюсь использовать шрифт для сайта кастумный через font-face, однако с кириллицей проблемы. Почему то какие то буквы отображаются кастумным шрифтом, какие то нет. Шрифт использую BauhausCTT Regular Генератор http://www.fontsquirrel.com Подскажите, что не так?
0 votes3 answers -
Построение URL
Подскажите пожалуйста: как бы вы посоветовали строить урлы и "хлебные крошки" с точки зрения удобства навигации? Допустим, подразумевается следующая структура: Заметки | |___Компьютеры | | | |___NIX | | | |___Windows | |___Веб | |___html/css | |___cms Сначала хотелось структуру а-ля /заметки/компьютеры/никс/имя_статьи, но эта конструкция кажется слишком длинной, хоть и позволяет прямо из адресной строки перейти в родительский раздел. Но, с другой стороны, есть же еще breadcrumbs. Может, оставить что-то вроде /заметки/имя_статьи (только верхний раздел) или никс/имя_статьи (только родительский), а остальную с…
0 votes4 answers -
Такст по вертикали
Возможно ли без картинки сделать такой "Feedback"? http://clip2net.com/s/23jou Т есть текст в блоке расположить вертикально.
0 votes6 answers -
Как правильно растянуть фоновую картинку?
Есть вот такой макет - http://s003.radikal.ru/i203/1207/e8/5b53232f4837.jpg Я решил его сделать резиновым - фоновую картинку сделать резиновой, а меню и текст поцепить на нее с помощью абсолютного позиционирования. Картинку решил растянуть без помощи JS и PHP, только CSS. В сети нашел 4 способа сделать это, но они не дают нужного эффекта. Помогите разобраться. Вот пример верстки - http://divverstka.16mb.com/ Применяя background-size картинка неправильно масштабируется - пришлось отказаться. Во всех способах, которые нашел для свойства background используется position:fixed; - но тогда пропадает боковой скроллинг и картинка на экране отображается не полностью. Вместо posit…
0 votes6 answers -
Испольщование тега fieldset
Насколько корректно использовать тег fieldset чисто в декоративных целях, как уже стилизованную рамку? Как например это реализовано на скриншоте
0 votes5 answers -
Проблема с transition
Здравствуйте. На сайте етсь проблема при наведении на эти инконки http://joxi.ru/xAeeR31SaB4bAy Странно себя ведёт. Кто-то сталкивался с таким? Внизу есть тоже такое наведение, там всё хорошо. http://joxi.ru/1A59OwzSOW81AE
0 votes4 answers -
Втиснуть блок, если есть место, а если нет,то оставить 100%
Вот сделал рыбу, что есть: <div class="wrapper"> <div class="wrapper2"> <div class="photo"></div> <div class="param"></div> </div><div class="desc"></div></div>.wrapper {width:500px; height:1000px; background:pink; margin:0 auto;}.photo {background:yellow;float:left;height:300px;width:200px;}.param {background:green;float:left; height:200px;width:200px;}.desc {background:black;float:left; height:400px;width:100%;}тоже, онлайн: http://cssdeck.com/labs/usgkdfyd задача: если тех. характеристики товара (param) короткие, т.е. есть полно свободного места, то втиснуть описание (desc), чтобы карточка товара …
0 votes9 answers -
rand(); refresh - рандом; обновление rand(); refresh - рандом; обновление
$mass[1]= "test1 "; $mass[2]= "test2 "; $mass[3]= "test3 "; $rd = rand(0,3); echo $mass[$rd]; Всем приветос!! Выручайте ребята проблемка такая: есть определенный ДИВ на странице в котором выводится случайный текст из массива(код прилагается). Необходимо сделать так, что бы раз в минуту не обновляя страницы в этом ДИВ-е происходило обновление на другое рандомное сообщение. Каким образом это реализовать? Только прошу не говорите загадками) а то туго доходит
0 votes0 answers -
Помогите с одной функцией
При нажатии на определенную ссылку на первом листе переходит на второй где есть несколько блоков вниз. Как сделать так чтобы при нажатии на эту ссылку переходило не только на этот второй лист но и опускался к определенному блоку вниз Заранее спасибо!
0 votes3 answers