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
29,542 questions in this forum
-
Применение стилей div для require информации
Доброй ночи уважаемые, обращаюсь в первую очередь к верстальщикам: ситуация - в файле-виде который отвечает за отображение блоков <div>, для вывода определенной информации воспользовался инклюдом другого файла, в котором непосредственно осуществляется выборка информации с базы. Все работает таким образом очень даже хорошо (т.е. выводится список), но вся проблема что стили, которые прописаны в CSS стилях для файла вида не работают для тех что выводятся в другом. Сейчас попытаюсь яснее объяснить. <div id="nav"> <ul> <?php require_once "/views/vmenu.php" ; ?> </ul> </div> такую форму имеет часть кода в файле виде который отвечает за вывод …
0 votes4 answers -
Форма ввода
Переделываю шаблонную форму ввода. В неактивном состоянии отображается нормально, после ввода e-mail и перехода к вводу пароля, e-mail отображается на фоне картинки, как сделать чтобы отображался на белом фоне? {$FORM_ACTION} <div class="loginformEmail"> {$FIELD_EMAIL} </div> <div class="loginformPass"> {$FIELD_PWD} </div> <div class="LoginButton"> {$BUTTON} </div> {$FORM_END} .loginformEmail input { background-image: url(img/Background_login.gif); background-repeat:no-repeat;} .loginformEmail input:focus, .sffocus, .sffocus { background-image:url(img/Background_login_focus.gif); background-repeat:repeat-x;} .loginformPas…
0 votes4 answers -
Растягивающийся по высоте div при вертикальной прокрутке
Уважаемые гуру, подскажите пожалуйста. Дизайн состоит из двух колонок фиксированной ширины, расположенных по центру экрана. Левая колонка маленькая - для меню, рекламы и прочего, имеет цветной фон. Правая колонка для контента. Изначально колонки растянуты но вертикали на 100%. Верстка сделана следующим образом: левая колонка имеет внутри несколько div-ов с абсолютным позиционированием для вывода фиксированных бэкграундов, а потом идет див, у бакграунда которого стоит repeat-y, для заполнения до низа браузера. Однако, если контента больше, чем на экранную страницу, то при скроллинге левая колонка съезжает вверх, отрываясь от нижнего края браузера: Верстка тут: http://fil…
0 votes4 answers -
спрятать сверху и снизу белый фон
как спрятать сверху и снизу белый фон http://ws-host.com/1.html под рамку <html> <head> <title></title> <style> body { background: #f00; } .page { height: 500px; width: 500px; } .bg1 { background: #fff; margin: 50px; } .bg2 { background: url(border.png); margin: -50px; height: 500px; width: 500px; } .content { padding: 100px; } </style> </head> <body> <div class="page"> <div class="bg1"> <div class="bg2"> <div class="content"> khkhh i gyi gi gi gi i i o oo ho h hp <br /> khkhh i gyi gi gi …
0 votes4 answers -
Проблемы при вёрстке меню с разделителями
Здраствуйте. Есть меню вот скриншот При его вёрстке столкнулся с рядом проблем, долго мучался и пытался сделать по примерам из интернета, не вышло. Вот ссылка что на то что у меня получилось http://css.disgt.com/free-lance/menu/ . 1.В Ie7 элемент li растягиваеться и рушит меню.В ие7 вообще не получаеться без проблем сделать это меню.Обьясните что за ошибка в ie? 2.При наведении увеличиваеться размер меню и кажется что элементы скачут ,еще прыгает бордер ссылки. Кто может помочь сделать 1 в 1 как на картинке в ie7? Заранее спасибо.
0 votes4 answers -
Как верстать подобный сайт? (пример)
Здравствуйте! Подскажите новичку, как сверстать такой сайт www.lecristal.com.ua? Это таблица или что? Спасибо)
0 votes4 answers -
Почему?
Верстаю сайт в Dreamwear там все хорошо, переношу в IE блоки разлетаются и язык непонятный. Почему?
0 votes4 answers -
ИМ Связной и способ их работы
Доброе утро всем! и с наступающим НГ и "концом света" Такой вопорос, до меня дошел слух что магазин Связной тянет свои карточки товаров Ноубуков ( _http://www.svyaznoy.ru/catalog/notebook/1738) от другого сайта, но вот понять как он это делает и найти в коде те моменты которые на это бы указывали у меня не получается. Можно ли по коду страницы точно определить от куда берется контент (фотографии товара, характеристики и возможно описание) и как? Вопрос собственно больше для интереса, чем попытка "что-то кому-то доказать". вот на примере этой хотя бы страницы _http://www.svyaznoy.ru/catalog/notebook/1738/1419155
0 votes4 answers -
FLASH + MYSQL
На сайте есть флэш файл с картинками внутри. Мне нужно, чтобы те картинки, которые купил пользователь, отображались в этом флэш файле. 1. Во первых надо как-то сделать так, чтобы флэш прочитал куки,а именно взял оттуда имя пользователя. 2. Затем по этому имени обратился в базу и получил переменные купленных картинок (например: стакан - 0, значит стакан не куплен, и соответственно мы его не отображаем) 3. И наконец написать скрипт отображения (я буду использовать на картинках MovieClip и ставить им статус visible true/false в зависимости от полученного из бд результата). Спасибо за соучастие. P.S. Первый пункт кажется мне нереальным, а без него дальше, наверное, ничего не …
0 votes4 answers -
проблема с float
промлема в том, что когда я прописываю картинке float, она становится как бы не видимой для блоков которые следуют после неё... помогите кто чем может)) вот код: <div id="content"> <h1>Home</h1> <img class="line" src="img/line.png" alt="дет сайт" /> <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Suspendisse sagittis. Donec dictum, magna ullamcorper eleifend dapibus, lectus purus condimentum tellus, eu blandit nisl augue et massa. Mauris nisl diam, placerat vel, lacinia eu, luctus at, orci.Cras eget libero at sapien molestie condimentum. Ut interdum elit in risus. Pellentesque nisi. Aenean mauris nisl, interdum eu,tempor f…
0 votes4 answers -
Индексация и robots
Здравствуйте! Как закрыть от индексации все внешние ссылки через robots.txt или иным любым способом? Заранее благодарю за ответ!
0 votes4 answers -
Проблема при загрузке сайта
Доброго времени суток.Помогите, пожалуйста, чайнику!!! Попробовала создать свой сайт. Создала во фреймах. С сентября живет. Две недели назад появились проблемы: indeх сайта слетает на страницу МЕНЮ. Грузится несколько минут,потом слетает. Последние обновления делала 2 дня назад. Пробовала заходить в разных браузерах - результат один и тот же. Правда бывает, что сайт загружается нормально, но очень редко. Раньше такой проблемы не было!!! Подскажите, где ошибка и как ее исправить Адрес сайта:http://младшаяшкола.рф
0 votes4 answers -
Горизонтальное меню
Пример. Как сделать в первом, а потом и в последующих подпунктах меню, текст в 2 строки. То есть, <span>Back to home</span> переместить на новую строку первого подпункта, прям под слово "Home", и граница левая должна вниз продолжиться. Скрин - здесь, так как должно быть. Спасибо
0 votes4 answers -
Построение URL
Подскажите пожалуйста: как бы вы посоветовали строить урлы и "хлебные крошки" с точки зрения удобства навигации? Допустим, подразумевается следующая структура: Заметки | |___Компьютеры | | | |___NIX | | | |___Windows | |___Веб | |___html/css | |___cms Сначала хотелось структуру а-ля /заметки/компьютеры/никс/имя_статьи, но эта конструкция кажется слишком длинной, хоть и позволяет прямо из адресной строки перейти в родительский раздел. Но, с другой стороны, есть же еще breadcrumbs. Может, оставить что-то вроде /заметки/имя_статьи (только верхний раздел) или никс/имя_статьи (только родительский), а остальную с…
0 votes4 answers -
hidden в IE
Блин. Только что совершенно случайно обнаружил, что мой код вида <?php echo('<input value="'.$titl.'" name="titl" hidden />'); ?> не работает в IE 9 (в других версиях не проверял). ИЕ не скрывает инпуты!!! Писал всё под ФФ, сайт уже неск. месяцев работает, а только заметил. Вот фак!!! Как исправить, кто знает? Рано паниковал. Извините )) Можно удалить тему. Решил вопрос через visibility: hidden
0 votes4 answers -
Crisp, smooth и sharp в вёрстке
Дизайнеры страсть как любят в фотошопе сглаживать шрифты. Насколько я знаю, нет возможности повторить те же эффекты средствами css. Гуглинг результатов не дал. Может, у кого-то есть толковые способы имитации?
0 votes4 answers -
clear внутри float-блока
Вот суть моей проблемы: при использовании div:clear внутри блока контента, все съезжает вниз, ровно на высоту левой колонки. если div с параметром clear находится внутри таблицы, то такого не происходит.
0 votes4 answers -
Маркер списка странно себя ведёт
Смотреть в Огнелисе Комментарии выводятся нумерованным списком. В ФФ почему-то номер комментария вынесен на отдельную строку. В чём прикол о_О?
0 votes4 answers -
Как сделать разный стиль для каждой страницы сайта?
Код главной страницы: <head> <title>Сайт</title> <link rel="stylesheet" type="text/css" href="StyleN.css"></link> </head> <body class="home"> <div id="container"> body.home {url Общий фон.jpg);} body.home#container {background: url(Главная.jpg);} следующая страница: <head> <title>Сайт</title> <link rel="stylesheet" type="text/css" href="StyleN.css"></link> </head> <body class="somepage"> <div id="container"> body.somepage {background: url(Общий фон.jpg);} body.somepage#container {background: url(Страница.jpg);} Картинка пропадает,что не так?
0 votes4 answers -
Кнопки "В контакте", "Facebook" и тд.
Подскажите, как установить кнопки на сайт?
0 votes4 answers -
Всплывающая ссылка в списке
Господа ученые , подскажите пожалуйста как мне сделать чтобы при наведении мышкой на ссылку, открывалась "подссылка"? В инете порылся, не получается воспользоваться той информацией, которую нашел... <ul> <li><a href="#">Наружная реклама</a></li> <ul class="submenu_sidebar"> <li><a href="#">Вывески</a></li> <li><a href="#">Билборды</a></li> <li><a href="#">Баннеры</a></li> <li><a href="#">Светодиодный экран</a></li> <li><a href="#">Реклама на/в транспорте</a></li> <li><a href="#"&g…
0 votes4 answers -
Не могу разобраться
Всем привет, к сожалению не могу понять что случилось, вставил движок jqwerry на этот раздел, но он почему то не работает на серве, на локальном работает, на сервере есть ещё разделы где есть jqwerry и там все работает, что делать? http://www.vs-aqua.ru/chudo.html
0 votes4 answers -
разрывы в таблице
Собственно, ссылка http://www.174help.ru/ и, собственно, логичный вопрос - что ентому коду html ещё надо, чтобы разрывов между строками таки не было? что-то подсказывает, где-то надо убрать границы таблиц либо.... хз
0 votes4 answers -
Плавное изменение картинки при наведении мыши
Как сделать чтобы при наведении на картинку, она плавно переходила в другую. После увода курсора с картинки, так же плавно применяло свое прежнее обличье. <!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=utf-8" /> <title></title> <style> a.rollover { background: url(bez.PNG); display: block; width: 295px; height: 295px; } a.rollover:hover { background: url(s.PNG); } </style> </head> <body bgcolor="#89afe5"> <center><p><a href="" class="rollover"> </a></p></center&g…
0 votes4 answers -
по поводу книги
Влад Мержевич, предлагает книгу по рецептам и "справочнику" по CSS. Вот рецепты я видел, а справочник не совсем понял, о чём, речь. Собственно хотелось бы узнать ради чего эту книжку стоит покупать, у меня вот по поводу "вёрстки" сотни вопросов и я хочу, к примеру, найти какие то ответы на них в этой книге - как мне соориентироваться? P.S. А вдруг под справочником понимают те два столбца на сайте, теги HTML и CSS, очень бы хотелось бы видеть комментарии по каждому, а то как бы новичка в HTML'е могут некоторые запутать и увести в прошлый век. P.P.S. В данный временной промежуток очень сложно соориентироватья в спектре знаний, даже на фоне простейшего html/css. Ещё сложнее …
0 votes4 answers
-
Обсуждения
-
Доброго всем времени суток. Прошу помощи. Научите принципу изменения футера. Движок 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть. -
Решение нашел. Заменил на Всем привет. Список выходит из дива. При этом, другие элементы в диве отображаются корректно. Не могу найти причину. Нужно чтобы список был под кнопкой ПЛЕЙ... -
Здравствуйте! Мы команда программистов с многолетним опытом разработки. Работая с нашей командой, Вы получаете порядок условий и развитие с обеих сторон: разработка проекта и продолжение сотрудничества на долгосрочной основе, так же специалисты всегда готовы предложить различные идеи и дополнения. Разрабатываем проекты любой сложности: скрипты для автоматизации рутины, боты, сайты, админ панели, ico, ldo, разработка криптовалюты, смарт контракты, приложения, игры. Ответственность, качество, соблюдение дедлайнов - это про нас! Наш контакт: https://t.me/MadFury (https://t.me/madfury) (TG) TG: https://t.me/2e7.io Сайт: https://code-r.io/
-