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
-
Трудности с размерами (width/height)
Здравствуйте. Недавно начал изучать блочную верстку. Сайт-пример получился на отлично. От оригинала не отошел ни на йоту, вроде бы разобрался, а начал свой и столкнулся с некоторыми проблемами. А конкретнее следующее. Для ячейки таблицы прописываю следующие параметры: td.shadow { width: 100%; height: 37px; } и не работает ни один ни второй параметр. Причем по всей таблице несколько таких косяков. В чем может быть проблема?
0 votes14 answers -
Не работает свойство transition при клике на меню
Привет! Подскажите пожалуйста, есть мобильное меню работающее по клику, хочу использовать свойство transition чтобы изменить скорость отображения меню но не получается Демо 1 Демо онлайн там используется jquery для отображения меню $(".mob-menu").click(function(){ $(this).toggleClass("open"); // transform mobile menu icon to X $(".nav-left,.wrapper,.header").toggleClass("openleft"); }); я пробую добавить css эффект transition но не работает, в чем может быть проблема? .nav-left.openleft,.wrapper.openleft,.openleft{ -webkit-transition: all 2s; -moz-transition: all 2s; -o-transition: all 2s; transition:all 2s; }
0 votes2 answers -
Cursor Vs Input Type="file"
Возможно ли сделать курсор с указателем при наведении на поле выбора файла? (cursor: pointer) Все облазил и перепробовал - не получается
0 votes10 answers -
Ломаем мозг :)
Вобщем сижу маленечко верстаю, и при вёрстке у меня возникла такая задача: расположить рядом 2 блока, один фиксированной ширины, а второй резиновой. Я сумел решить эту проблему только используя таблицы. Интересно найдёт ли кто-нибудь решение с блоками. Обязательные условия: Никаких иллюзий и тп, есть масса способов привести результат к такому виду, но задача именно в том, чтобы всё было по честному, никаких z-index'ов и тп. (Кстати на примере, который свёрстан блоками результат достигнут именно через z-index, но этот результат только для примера он не правильный.) На моём хостиге снова глючит FTP так что залить пример не могу, выкладываю код сюда. Делимся мыслями. <…
0 votes28 answers -
Лендинг и типовая верстка
Лендинги сейчас набирают популярность. Также набирает популярность и грамотная верстка. И в связи с этим у меня вопрос - как совместить эти две вещи? Типовая верстка подразумевает примерно вот такой код: <!DOCTYPE html><html lang="ru"><head> <meta charset="UTF-8"> <title>Document</title> <link rel="stylesheet" type="text/css" href="style.css"></head><body><header> ...</header><main role="content"> ...</main><footer> ...</footer></body></html>Однако, у лендингов нет ни "хедеров", ни "футеров", ни мейн-контента. То есть я бы верстал так: <!DOCTYPE html><html lang…
0 votes5 answers -
img в строчном элементе span
Пытаюсь засунуть картинки img в inline элемент span (или <div style='display:inline'>) с заданной шириной. Оберточный элемент схлопывается, картинки слепляются. Самое интересное что в IE все работает как надо, проблема в firefox и хром. Помогите пожалуйста моей беде... При этом элементы обязательно должны быть строчными, так как я не знаю сколько будет картинок, и они могут перейти на другую строку. Код <span style="width: 200px; border: 1px black solid;"><img src="/img/k.jpg" width="50" height="50"></span> <span style="width: 200px; border: 1px black solid;"><img src="/img/k.jpg" width="50" height="50"></span>
0 votes2 answers -
проблема с подключением страницы пхп в блок
Доброго времени суток уважаемые форумчане!...проблема такая, через ссылку пытаюсь вывести на главную страницу контент второстепеноой,если в ссылке указываю body/****.html, страница выдоится если же пишу в адресе ссылки body/****.php то денвер выдает ошибку : Not Found The requested URL /BODY/sozdat_rezume.html was not found on this server. Подсказка Денвера Вы ошиблись при наборе URL в браузере. Вероятнее всего, сервер пытается найти файл Z:/home/test1.ru/www/BODY/sozdat_rezume.html, которого не существует. В случае использования CGI-скриптов, корректные пути к CGI-директориям следующие: URL Куда указывает http://***/cgi-glob/script.cgi /home/cgi-glob/script.cgi http://…
0 votes20 answers -
Нужна помощь со списком select
<div class="hidden-desktop"> <hr /> <select id="collapsed-navbar " class="content span12 collapsed-nav onchange="location.href=this.value""> <option selected="selected" disabled>Выберите пункт меню</option> <option class="page-home" value="">Главная</option> <option class="page-home" value="">Обратная связь</option> <option class="page-home" value="">Реклама на сайте</option> <option class="page-home" value="">Раздел</option> <option cla…
0 votes4 answers -
как привязать див к правому краю таблицы
есть отцентрированная таблица. К ее правому краю нужно привязать див. Идея в том, что сама таблица всегда должна оставаться по центру, при изменении размеров окна браузера. Если в таблицу добавить еще один столбец справа, то основное тело таблицы сместится в лево, что недопустимо. Подскажите можно ли это сделать?
0 votes10 answers -
Footer по нижнему краю
Здравствуйте, уважаемые! Ну никак не могу найти достойного решения следующей задачи: Есть макет: Шапка (фикс. высота и ширина), Блок контента (фикс ширина и на 100% высота) и футер который будет прижат к нижнему край окна (даже при малом и бОльшом количестве контента). Ну никак не соображу как сделать, а готового решения до сих пор не нашел. Верстать надо блоками, ведь 21 век на дворе Буду признателен за помошь!
0 votes9 answers -
Неужели так сложно сделать полоску меню на всю ширину экрана?
Доброго времени суток. Вот уже 2 день не могу осуществить задуманное. В сss я первоклассник! Вот и прошу совета !!! Есть сайт eco-life.by Там есть меню, где Главная, Новости.... и т.д. Так вот, как сделать что бы полоска ЭТОГО меню была на весь экран мониторов (будь то Широкоформ... либо Квадрат...) В общем не важно. ВАЖНО! но при этом все те же ГЛАВНАЯ ... НОвости оставались на своих местах, то есть В ЦЕНТРЕ. Советовали всего и много, но в итоге ничего не работает, конечно было подозрение на "криворукость в СSS" но после 5-7 повторных действий – развеялось. Может кто подскажет нормально, где что убрать что изменить .дописать ... Это, по моему мнению, то где надо что-то м…
0 votes11 answers -
какие есть скрипты для текста: тень, вдавленный и пр...
какие есть скрипты для текста: тень, вдавленный и пр... подскажите пожалуйста, а то в дримвивере МХ только курсив, полужирн и подчеркивание....
0 votes8 answers -
Две "рамки у таблицы"
Помогите, надо сверстать такую таблицу не получается сделать белую рамочку внутри. Получается только так: test.egmelso.ru/templates Кто подскажет какие возможно варианты? Без использования всяких дивов и прочего. Только стили.
0 votes6 answers -
Ссылка на локальный файл
Такая вот проблема. Нужно сделать ссылки на локальные файлы находящие на компьютере в сети, сам портал тоже локальный. Когда пишу: <a href="file:\\Best\Distrib\Windows_XP.iso">Download </a> в IE открывает нормально, а вот в FF и Opera нет. Судя по строке состояния IE пишет file://Best/Distrib/Windows_XP.iso, а FF file:///Distrib/Windows_XP.iso Как сделать нормальную ссылку, чтобы работала во всех браузерах???
0 votes13 answers -
Появление картинки при наведении мыши на текст
Всем привет. Собираю сайт на вордпресс и не могу понять, как сделать одну штуку. Надо чтобы при наведении на раздел в меню, слева появлялась картинка, соответствующая разделу. Нашел пример кода: http://avvdesign.info/blog/?CSS:Kartinki:Primer Прописал в css, работает. Пример на странице http://prostovend.ru/?page_id=192, если навести внизу страницы на ссылку "ICT test", то появится картинка. Гуру, подскажите, как сделать тоже самое с разделами меню? PS Для вывода меню используется плагин wp-dtree.
0 votes5 answers -
Сайт портального типа. Создание шаблонов.
Здравствуйте дорогие форумчане! Я начинающий вебпрограмист, пока это мое хобби... пока. Я хочу создать сайт портального типа, т.е. он будет частично посвящен мне, как создателю и различные части. Эти части я называю проектами. Существует на данный момент несколько проектов, один из них нуждаеться в срочной реализации. Под это дело я использую CMS название не указываю так как может быть воспринято как реклама. Эта CMS использует для вывода инфы шаблоны *.tpl или (можно и так) *.xslt. При том пользовательскую часть сайта я и строю... Задумка такая: Таблица на 100% окна браузера в которой отображаеться вся инфа: ______________________________________________________________…
0 votes29 answers -
Табличная верстка
Как создать таку таблицу: ++++++++++++++++ + + + + + + + ++++ + + + + + + + +++++++++++++++
0 votes8 answers -
Создание начального макета
Нужно создать вот такой вот макет что бы было без разделения (линий) между частями. Когда я делаю больше двух колонок, то у меня начинается белебера из-за недостатка опыта. Может быть есть тема в которой рассказывается по создание колонок. Работаю в Adobe Dreamweaver CS5 заранее благодарна всем.
0 votes33 answers -
как вставить кусок кода из фаила
Подскажите пожалуйста как вставить кусок HTML кода в страничку через подключаемый файл? То есть не фреймы заданой области, а просто кусок кода, записаний в даном файле.
0 votes7 answers -
Как пользоваться спецификацией www.w3.org/TR/html5/
Здравствуйте. Я новичок в сайтостроении. Изучаю html5. Подскажите как и где правильно смотреть спецификацию на этом сайте www.w3.org А когда узнал что разрабатывается html5.1 то вообще перестал все понимать. Если еще не вышел html.5 почему разрабатывается html5.1? www.w3.org/TR/html51/ Помогите пожалуйста мне с этим разобраться. Что какая ссылка значит и как там все смотреть?? Заранее спасибо..
0 votes11 answers -
не могу нарисовать таблицу (
очень большая просьба: нарисуйте мне эту глупую таблицу. ну никак не получается ( бьюсь уже 4 часа (( не получается и все тут. скриншот - нарисовала в фотошопе. очень нужна, помогите девушке, пожалуйста, обещаю научиться и больше не задавать на форуме глупых вопросов. спасибо
0 votes3 answers -
Проверка страницы на валидность
Зашел на сервис http://validator.w3.org Выдает такие ошибки : (Ошибки жирным выделять буду) …рисматривается к Honda</a></span><br><span class='contentpaneopen'><p><img sr <br><span class='contentpaneopen'><p><img src="/images/f1/honda.jpg" border= exican-eyes-honda.html">...</a></span></div> -shockwave-flash" width="240" height="240" wmode="transparent"></embed> - тут не понравилась кавычка почему то... Объясните пожалуйста какие же это ошибки. Они пишут что возможно вы закрываете "/>", но я как раз таки не закрываю так. Вставил код от Youtube - так выдало 50 ошибок в этом коде...
0 votes12 answers -
Альтернатива align в CSS
Всем привет! Подскажите, кто знает, есть ли замена тега align="center" в CSS ?
0 votes11 answers -
Глупый вопрос по class
Часто вижу код типа class="style1 style2" Обьясните принцип, не понял. Прошу прощения за глупый вопрос
0 votes20 answers -
Опытные верстальщики, а как вы проверяете на крассбраузерность?
Не стал поднимать темы с бородой. Какой лучший и удобный, с вашей точки зрения, способ проверки на кроссбраузерность? Стоит ли пихать всё в одну папочку? Будут ли они конфликтовать друг с другом? Или же стоит воспользоваться специальными программами и сервисами? Но стоит ли им доверять? Про случай с какой-то виртуальной машиной вообще не понятно.. В общем нуждаюсь в совете
0 votes39 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-