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
-
Расхождение колонок макета в Dreamvweavr
Всем привет! Подскажите где я допустил ошибку при верстке макета, в браузерах отображается нормально, а в dreamweaver почему то правая колон ка отспупает от левой на ширину левой колонки. Да и в правой колонке стали появляться проблемы с расположением элементов.Сам проверял не один раз но увы... <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title> </title> <style type="text/css"> BODY { margin : 0; padding: 0; } .box { width:1146px; color: #FFF; height:980px; margin-left: auto…
0 votes6 answers -
Центрирование горизонтального списка
Всем доброго времени суток. В общем, имеется меню, выполненное в виде списка <ul> и вложенными в него строками <li>, которые отформатированы, помимо прочего, с помощью float: left. Таким образом, имеется горизонтальное меню. И вот это меню нужно выровнять посередине окна, не задавая конкретного значения width тегу <ul> или же обертке. Заранее списибо.
0 votes4 answers -
Нужна помощь знатаков:)
Собственно проблема в следующем, есть сайт, если его(окно бразера) уменьшить и появится горизонтальная прокрутка и прокрутить, фон футера обрезается сам сайт вот http://gsa.spb.ru/ Помогите советом Спасибо заранее)
0 votes2 answers -
Как сделать подобные эффекты?
Как сделать такие эффекты, как на этом сайте http://white-photo.ru/ ? Я имею в виду "выезжание" блоков?
0 votes6 answers -
Проблема с горизонтальным скроллом
Добрый вечер, уважаемые форумчане! Очень хочется услышать от Вас компетентный совет. Заранее прошу не критиковать меня и не говорить о моих низких моральных качествах) Я сейчас работаю на контору, которая занимается раскруткой адалт-вебсайтов. Мне делегировали исправить косяк с горизонтальным скроллом на одном из топовых веб-сайтов. http://i.shotnes.com/a/10/r0ourtbd.uzj_5669bb5ae83cc.png Скролл появился ниоткуда, получается, что какой-то скрипт делает такую штуку. Он исчезает при зум 75%. В верстке вроде все ок, по крайней мере я не нашла явных косяков, которые могли бы вызвать скролл. Помогите, пожалуйста, разобраться в чем дело. На сайте пф просело на 2% и нача…
0 votes3 answers -
Скрытие персональных данных.
Добрый день. Несколько лет whois по моим доменам в зоне .net выдавал private person. Сейчас при продлении домена, мне подсунули некую платную услугу скрытия персональных данных. Естественно я отказался платить и вот уже во whois мои имя и фамилия, почта, телефон и домашний адрес. Спрашиваю у регистратора, почему раздают мои личные данные нарушая ФЗ РФ? Ответ даже комментировать не имеет смысла. Дословно: "....... Если Вы хотите скрыть данные владельца домена в Whois Вам необходимо ее заказать и оплатить." Как защитить свои персональные данные и избежать вымогания денег?
0 votes2 answers -
Вместить элементы в первый экран
При верстке лендинга возникла проблема: необходимо, чтобы первый экран вмещал в себя все элементы, которые представлены на скрине. Однако, по задумке дизайнера круглые плашки с логотипом и брендами должны быть как бы "лампами", которые связаны с фоновой картинкой блока. Дизайн сделан для разрешения 1600х900, меньший не представлен. Соответственно, если попытаться посмотреть на 1920х1024 или 1366х768, то высота первого экрана 900 это слишком много. Как постепенно уменьшать и кружки, и фоновую картинку, чтобы они совпадали и при этом помещались на первый экран? Вариантов перебрали уже много: сделать кружки картинкой, сделать блоками. В первом случае при умень…
0 votes1 answer -
Отображение объекта.
$("button#lol").on('click', function(){ var s = document.getElementById("val1"); var c = document.getElementById("val2"); s.hidden = !s.hidden; c.hidden = !c.hidden; }); В данном коде у объекта с айди val 1, val2 есть аттрибут отображения hidden. Почему изначально объекты на html-страницы скрыты, когда я им этот пустой аттрибут задаю, хотя по стандарту они должны отображаться? Как сделать скрытым и снова открыть объект?
0 votes3 answers -
Выравнивание как проблема верстки
Какой раз я сталкиваюсь с проблемой: если в одном месте вставишь элемент (рисунок, текст), то в каком-то другом месте происходит выталкивание других элементов. Как обойти эту проблему в коде, для того чтобы рисунки (иконки) располагались слева от пунктов меню Каталог товаров (и чтобы пункты меню типа Крупная техника для кухни, Крупная техника для дома располагались по центру блоков): <html> <head> <link rel="stylesheet" href="mysite.css"> </head> <body> <div class="mainwrap"> <div class="mainmenu"> <span> <span> <button data-toggle="dropdown" data-target="#menu" c…
0 votes1 answer -
Картинка img.
img как зделать так чтобы эта img имела главный верхний слой иле задний слой,я в headr поместил img теперь мне нодо положить logo cверху img?
0 votes2 answers -
Веб ссылки на общую папку
Есть общая папка в сетевом окружении, например, \\fs1\software. Как сделать ссылку на неё с сайта? Вариант 1: href="file://fs1/software" Результат: IE - открывает, FF - преобразует в "file:///software" и не отрабатывает ссылку, Opera - просто не отрабатывает ссылку (если вставить "file://fs1/software" в адресную строку, то открывает). Вариант 2: href="file://///fs1/software" Результат: IE - открывает, FF - просто не отрабатывает ссылку (если вставить "file://///fs1/software" в адресную строку, то открывает), Opera - преобразует в "file://localhost/C:///fs1/software" и не отрабатывает ссылку. Как правильно указать ссылку? Можно ли сделать, чтоб тип file из браузера открыва…
0 votes1 answer -
Аудиоплеер
Начну с того, что поиск мне не помог. В одной из тем кинули ссылку на флеш-плеер, но там даже не английский язык. Итак, к проблеме. Что я хочу - при посещении страницы сайта в его верхнем углу отображается аудиоплеер с двумя-тремя простыми кнопка - play/pause/stop - и названием проигрываемой композиции. Композиции, соответственно, не выбираются посетителем, а просто появляются в случайном порядке. Вот, для наглядности. Поясню - вы заходите на сайт, там загружается этот плеер и, если вы того хотите, он проигрывает музыку. Музыка выбирается случайно. Подскажите, пожалуйста, в каком направлении стоит двигаться, какие флеш-плееры стоит мучить или что нового нужно изучить, чт…
0 votes7 answers -
Проблемка с версткой
Есть такая вот тестовая страница: Страница Столкнулся с такой вот проблемой, мне нужно, чтобы центральная часть страницы растягивалась по высоте браузера, в зависимости от разрешения экрана у пользователя. Но когда я ставлю центральному блоку height: 100% то появляется вертикальная прокрутка, как я понял центральный блок принимает за 100% размер body, т.е. если у нас body равен 100%, а именно размерам окна браузера по вертикали, к примеру 890px, то и размер центрального блока становиться 890px…почему хз. Где я допустил ошибку, в чем проблема?
0 votes4 answers -
В чем заключается процесс верстки
Добрый день, недавно начал познавать html и css. Но за верстку браться боюсь, не совсем понимаю до конца что нужно. Вопросы хотел бы рассмотреть на примере макета http://forum.htmlbook.ru/index.php?showtopic=16763 1) Если необходимо для заказчика сверстать такой шаблон то нужно ли указывать путь к ссылкам? 2) Нужно ли делать форму поиска рабочей или только создать ее? 3) Если встретятся формы подписки (например одностраничный сайт) или формы регистрации, формы входа и так далее, то должен я их заставлять работать и как? ______ С праздником!
0 votes3 answers -
CSS и td
Ребят, как организовать чтоб менялся бэкграунд у активной ссылки в ячейке td, вообще возможно ли такое?
0 votes8 answers -
Вопросики по Wp помогите
Здравствуйте. Есть пару вопросов к вам. 1) Есть картинка размером 1024х200 ее нужно поставить там где шапка будет на место стандартной которая сейчас стоит на сайт http://dragoncredit.com.ua/ Друзья, помогите мне пожалуйста. Скажите пожалуйста какие нужно править файлы и что конкретно нужно прописать. Название шаблона Enstyle
0 votes9 answers -
Проблема кодировки русского шрифта
Привет форумчане... Не сможет ли кто мне помочь, вот с чем : в данном мной ниже коде, при его открывании из файла .htm не показываются русский шрифт, а полная белиберда. <html> <head> <meta http-equiv="Content-Language" content="ru"> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <meta name="GENERATOR" content="Microsoft FrontPage 4.0"> <meta name="ProgId" content="FrontPage.Editor.Document"> <title>%%TITLE%%</title> </head> <body bgcolor="#E5E5E5" style="font-family:Times New Roman; font-size: 10pt"> <div align="center"> <center> <table border="1" width="700" cellspacing="0" c…
0 votes4 answers -
Съезжает кнопка после отправки формы в Chrome и Opera
День добрый. На сайте интернет-магазина есть кнопка быстрого заказа (например, здесь: http://pitertel.ru/phones/mobile/sony-xperia-sola-mt27-red.html). Кнопка сейчас работает таким образом, что если не запонять поля, то посетителю выдаётся ошибка ("Пожалуйста, заполните форму перед отправкой бла-бла-бла"). Так вот, эта ошибка работает, как она должна была работать, только в Firefox. В Chrome/Chromium и Opera вместе с показом ошибки форма прижимается к левому краю сайта. Подскажите, пожалуйста, где я запорол вёрстку, и что нужно поправить. Заранее всем спасибо! :-)
0 votes4 answers -
Необычная верстка
Здравствуйте, есть задача сверстать макет с изображениями, похожий на http://www.pixoto.com/. Не знаю, с какой стороны к этому всему подойти. Есть какие-то мысли как сделать такую штуку?
0 votes5 answers -
Растягивающийся по вертикали блок
Добрый день. Вот такой вопрос. Зеленый блок растягивается на высоту страницы. Два голубых блока - фиксированной высоты, между блок, в котором много элементов и вертикальная прокрутка (список). Необходимо, что бы красный блок растягивался и занимал все пространство между синими блоками. Как это сделать? Интересует решение задачи именно на CSS, т.к. делать это через JS - путь к ошибкам и трудностям в будущем. P.S. В идеале, высота голубых блоков неизвестна и может меняться.
0 votes6 answers -
элементы многоугольной формы
для примера http://s1.ipicture.ru/uploads/20130523/BJQAdfsm.png при наведений должен меняться бекграунд. Сейчас думаю использовать map area, но не подходит. Что можете посоветовать?
0 votes5 answers -
Не могу расшифровать документ txt
Доброго времени суток. Нужна помощь, не могу расшифровать данный текст в формате txt: <html><head><meta http-equiv="expires" content="0"><meta http-equiv="imagetoolbar" content="no"><title>Лабораторная работа №1. Упр. 5</title></head><!-- var h="yNc5\"iE&!J%OWv дhjtgь0<=)d;цfM1ЯuwD:3xlSB-pseUrn|kД.2z/qa4>mboIT(?",j="",d=66,o="";function u(i){var e="",m,z,b,r;for(m=0;m<i.length;m++){z=i.charAt(m);b=h.indexOf(z);if(b>-1){r=((b+1)%d-1);if(r<=0){r+=d}e+=h.charAt(r-1)}else{e+=z}}j+=e}u("=e5nEsgдS4|ьw4ьU)i%4 4B5nEsgiдgNsU)igUlgqt4 4e5nEsgim=Jpp\r\nMw|5gEI|дtД?d{4SUng?w|Ue54sU?i(jEeдMw|5gEI|дEeд|Igд4 4ES4oSU2iddцnU…
0 votes1 answer -
hosts не видит один из адресов
помогите пожалуйста настроить /etc/hosts использую apache2. создал 2 сайта. /var/www/html/site1.ru/index.html:<div>site1</div> /var/www/html/site2.ru/index.html:<div>site2</div>конфиги: /etc/apache2/sites-available/000-default.conf: <VirtualHost *:80> DocumentRoot /var/www/html/site1.ru ServerNmae site1.ru Alias www.site1.ru </VirtualHost> /etc/apache2/sites-available/site2-config.conf: <VirtualHost *:80> DocumentRoot /var/www/html/site2.ru ServerNmae site2.ru Alias www.site2.ru </VirtualHost>в файле /etc/apache2/apache2.conf есть строка: ServerName localhost/etc/hosts: 127.0.0.1 site1.ru127.0.0.1 www.site1.r…
0 votes2 answers -
если инпуты выполняют функции чекбоксов
Всем привет, В примере с 3-ем bootstrap-ом http://getbootstrap.com/javascript/#buttons-checkbox-radio инпуты выполняют функции чекбоксов Все хорошо но не всегда сразу очевидно а какие из инпутов кликнуты ? Можно ли рядом с текстом инпута отображать символ/картинку checked? Идея в том, что когда я вижу такие чекбоксы, для меня не очень очевидно какие из них уже чекнуты. С картинкой слева от текста было бы очевидней. Я пробовал сделать но получается совсем не то ... Спасибо!
0 votes6 answers -
Адаптивный фон страницы.
Здравствуйте! Собственно как сделать.
0 votes2 answers
-
Обсуждения
-
Актуальные контакты: Telegram: @Nikker_web E-Mail: tarasevich.email@gmail.com Портфолио https://www.behance.net/d4d4186e Разрабатываю дизайн групп в соц сетях, сайтов, приложений, другой дизайн под заказ -
Актуальные контакты: Telegram: @Nikker_web E-Mail: tarasevich.email@gmail.com Разрабатываю дизайн групп в соц сетях, сайтов, приложений, другой дизайн под заказ Портфолио https://www.behance.net/d4d4186e
-
Доброго всем времени суток. Прошу помощи. Научите принципу изменения футера. Движок Xenforo. Версия 2.2.10. Стиль дефолтный. Что именно нужно в итоге на фото примере. Мой шаблон app.footer less имеет следующее значение. .p-footer { .xf-publicFooter(); a { .xf-publicFooterLink(); } } .p-footer-inner { .m-pageWidth(); .m-pageInset(); padding-top: @xf-paddingMedium; padding-bottom: @xf-paddingLarge; } .p-footer-row { .m-clearFix(); margin-bottom: -@xf-paddingLarge; } .p-footer-row-main { float: left; margin-bottom: @xf-paddingLarge; } .p-footer-row-opposite { float: right; margin-bottom: @xf-paddingLarge; } .p-footer-linkList { .m-listPlain(); .m-clearFix(); > li { float: left; margin-right: .5em; &:last-child { margin-right: 0; } a { padding: 2px 4px; border-radius: @xf-borderRadiusSmall; &:hover { text-decoration: none; background-color: fade(@xf-publicFooterLink--color, 10%); } } } } .p-footer-rssLink { > span { position: relative; top: -1px; display: inline-block; width: 1.44em; height: 1.44em; line-height: 1.44em; text-align: center; font-size: .8em; background-color: #4682B4; border-radius: 2px; } .fa-rss { color: white; } } .p-footer-copyright { margin-top: @xf-elementSpacer; text-align: center; font-size: @xf-fontSizeSmallest; } .p-footer-debug { margin-top: @xf-paddingLarge; text-align: right; font-size: @xf-fontSizeSmallest; .pairs > dt { color: inherit; } } @media (max-width: @xf-responsiveMedium) { .p-footer-row-main, .p-footer-row-opposite { float: none; } .p-footer-copyright { text-align: left; padding: 0 4px; // aligns with other links } } -
Нужны сайты с примерами верстки, типа https://css-tricks.com/. Типовые приемы и нестандартные на все случаи жизни. Накидайте ссылок. -
By Katerina23 · Posted
Да, подходит. Спасибо. -
<input type="number"> -
By Katerina23 · Posted
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-