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
-
Выравнивание двух DIVов по высоте в таблице
Здравствуйте, возможно вопрос элементарный, но к сожалению ответа на него не нашел, Имеем такой кусок css. .roundedcornr_box_919346 { background: #e2e2e2; } .roundedcornr_top_919346 div { background: url(images/roundedcornr_919346_tl.png) no-repeat top left; } .roundedcornr_top_919346 { background: url(images/roundedcornr_919346_tr.png) no-repeat top right; } .roundedcornr_bottom_919346 div { background: url(images/roundedcornr_919346_bl.png) no-repeat bottom left; } .roundedcornr_bottom_919346 { background: url(images/roundedcornr_919346_br.png) no-repeat bottom right; } .roundedcornr_top_919346 div, .roundedcornr_top_919346, .roundedcornr_bottom_919346 div, .rou…
0 votes3 answers -
Проблема с padding у clear:both
Добрый день. Есть интересная проблема. У меня плавающие блоки, всем задан float, а после этих блоков идет блок с clear:both Как всегда во всех браузерах все ок, а вот IE.... <!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" xml:lang="ru"> <html> <head> <title>Goodzabox-Текущие доставки</title> <link rel="stylesheet" type="text/css" href="ex_1.css" media="all"/> </head> <body> <div id="padding_5"> <div class="left item"> Photo </div> <div class="left item"> Price <…
0 votes4 answers -
Меню по центру
Уважаемые, столкнулся с еще одной проблемой в которой перепробовал уже массу вариантов, к сожалению ни один не помог. Очень надеюсь на Вашу подсказку. Хочу сделать меню, что бы оно автоматически располагалось посередине экрана, независимо от разрешения. Приведу код ниже, что бы было понятнее о чем речь. HTML: <div style="padding-bottom:80px; margin-bottom: 210px;"> <ol> <li id="index"><a href="index.htm"></a></li> <li id="connect"><a href="-mod=connect.htm"></a></li> <li id="donate"><a href="-mod=donate.htm"></a></li> <li id="top"><a href="#"></a>…
0 votes9 answers -
input email
При использовании <input type="email" />, при некорректном вводе e-mail адреса, выплывает подсказка: У меня все ок, только сама надпись не отображается? в чем может быть ошибка?! чисто розовый фон.
0 votes5 answers -
Середина сайта уехала в левую сторону
У меня в блоге уехала в левую сторону середина сайта. Сайт по середине должен выравниваться. http://knopka3.lt/ В старом браузере сайт смотрелся хорошо. Я обновила Мозилу и середина уехала в левую сторону, так же в Опере плохо. В фаилах есть div class="main", но firebugom он не виден почемуто и когда меняю стили в base.css для .main он не реагирует. Помогите понять и исправить ошибку.
0 votes2 answers -
IE 8
Добрый день. Я тут говнокожу потехоньку, и столкнулся со следующей бедой: страница нормально отображается на следующих браузерах: IE 10 FireFox Chrome и выглядит так но на IE 8 она почему выглядит так: (самое странное что в textarea залез кусок html.) Подскажите плз как это можно поправить? Заранее спасибо. Исходник можно посмотреть по адресу http://bizon4ik.zz.mu/Contact/
0 votes5 answers -
Модальное окно
Добрый день. Вопрос такой: У меня форма обратного звонка, которая модальным окном открывается поверх индекса. Взял скрипт отсюда Вопрос: Как сделать так, чтобы при нажатии на кнопку "отправить" в том же самом окне загрузилась другая страница с подтверждением о удачной отправки? Заранее спасибо.
0 votes3 answers -
Добавить в БД данные
Доброго времени суток товарищи нуждаюсь в вашей помощи в добавление данныйх в БД. Я хомяк начинающий и по этому не знаю как добавить .doc 1. page_one.php_____________________________________________________________ <html> <head> <title>Add</title> </head> <body> <form enctype="multipart/form-data" action="page_two.php" method="post"> <p>Выбирите файл:<br /><input type="file" name="name" /></p> <p>Введите название:<input name="age" type="text" /></p> <input type="submit" value="Загрузить"> </form> </body> </html> Вот что я на мудил 2. page_two.php___________________…
0 votes1 answer -
Элементы списка по ширине. кроссбраузерно
помогите пожалуйста выровнять блоки articles по ширине так чтобы крайние элементы строки прилипали к краям родительского конейнера(обычно в интернет-магазинах таким образом располагаются товары). здесь я реализовал то, что хочу. но в safari и ie9 расположение ломается(( то же самое, но в jsfiddle, если так удобнее вам будет важно чтобы articles были выровнены не через float, а через inline-block(так как articles могут быть различной высоты)
0 votes5 answers -
Оцените верстку HTML5 и CSS3
Мир вам форумчане, просьба оцените верстку ваша мнение особенно о коде http://versttestter.eu5.org/
0 votes6 answers -
Секмантика
Всем привет есть заголовок в котором два слова. Первое слово заглавными буквами второе прописными. Вопрос с точки зрения семантики правильно ли так писать <h2>слово1<span>слово2</span></h2> потом в ксс h2{ text-transform: uppercase } спасибо
0 votes11 answers -
Бордеры у пунктов меню при наведении
http://jsfiddle.net/dgfzckzh/ Вопрос:Как сделать разделители у меня не картинкой (там проблема в том, что у бордера 2 цвета. Пробовал делать border: ridge; но не получается Как сделать этот разделитель, чтобы у последнего пункта меню он был не только слева, но и справа. Так, как сделано сейчас имхо неправильно (применено не к конкретному пункту, а к самому блоку меню) И самый главный вопрос: как сделать, чтобы при наведении, фон не закрывал собой этот самый разделитель? Делаю margin-left: 2px, но сдвигаются и сами пункты меню при наведении.
0 votes2 answers -
Эффект обводки текста
Здравствуйте! Скажите как добавить эффект обводки тексту средствами css3 ?
0 votes2 answers -
вложенная таблица
Я новичок. Помогите пож. разобраться. Вложенная таблица "прилипла" левым и правым краем к границам ячейки, а нужно, чтобы там были отступы.
0 votes2 answers -
как убрать крайний бордер ?
на странице блок расположен списком , как убрать левый бордер у списка? Ссылка на jpeg : http://itrash.ru/idb/f3ab5cd36ef491cb21bb9...9-20_210334.png CSS .project { position:relative; float:left; width:100%; height:320px; margin-top:35px; } .project ul { list-style:none; margin:0 5px; padding:0; overflow:hidden; display:block; position:absolute; } .project ul li { position:relative; display:block; float:left; width:245px; height:320px; border-left:1px black dotted; } .imagePro { position:absolute; width:180px; height:175px; margin:78px 30px 0 33px; } .textProject { position:absolute; border:none; color:#000; …
0 votes1 answer -
Как провести правильно техническое обслуживание сайта
Здравствуйте. Подскажите пожалуйста, как правильно проводить технические работы на сайте либо на форуме. К примеру возникла ситуация, когда нужно сменить движок сайта, либо подкорреткировать базу данных, либо еще что-то. В данном случае, обычно делают специальную заранее подготовленную страницу, информирующую о технических работах, и перенаправляют туда всех посетителей через htaccess . А поисковым ботам, отдают ошибку 503, чтобы они не посчитали все страницы за дубль, и не повыкидывали их из индекса. Вот собственно вопрос. Как это осуществить в htaccess. Что нужно прописать, чтобы перенаправить всех посетителей на заранее подготовленную страницу, а поисковым роботам отд…
0 votes3 answers -
IE: Не отправляется форма, если кнопка image
Проблема с Internet Explorer. Не отправляется форма, если кнопка image, если же обычный submit, то нормально отправляется. Вот объявление формы: <form action="/on-line" method="post"> ... Вот коды кнопок: <input type="image" class="image" src="/send.gif" value="Отправить" name="go"> <input type="submit" value="Отправить" name="go"> Помогите пожалуйста, впервые с таким столкнулся. — Версия IE8 эм.. понял IE не отправляет имя кнопки в POST а отправляет имя_x и имя_y
0 votes0 answers -
помогите пожалуйста с кнопками
http://htmlbook.ru/faq/kak-sdelat-chtoby-k...avedenii-na-nee - брал образец отсюда в общем на странце http://nevskiy-public.3dn.ru/load синий квадратик - таблица в ячейке 1 должна быть кнопка но почему то её нет хотя всё делал по примеру1 код таблицы: <table style="width: 600px; border-collapse: collapse; height: 400px; border: medium none; background-color: rgb(0, 64, 235);" align="center" width=""> <tbody> <tr> <td style="padding: 15px; width: 120px; height: 55px; text-align: left; vertical-align: top; letter-spacing: 0pt; word-spacing: 0pt; border: medium none;"><p><a href="http://nevskiy-public.3dn.ru/load/antichity/2" class=…
0 votes2 answers -
Макет сайта
Здравствуйте! Сделал сайт Там архитектура следующая: Контейнер, у него BG стоит внизу - имитация Footer. Header, у него фон - верхняя картинка. И "Content" - фон белый и отрицательный margin сверху. Сам понимаю, что не очень... всё это делалось в блокноте и очень хотелось что б "Content" как бы накладывался на фоновые изображения. А ничего лучше придумать не смог. Сейчас решил переделать, но опять не пойму как сделать так, что б всё было правильно и красиво. Подскажите пожалуйста способ реализации этого макета.
0 votes13 answers -
выравнивание div по низу
Доброго дня суток, помогите выровнять блок "two" по низу блока "one" желательно без маржинов и паддингов .one { min-height:285px; margin: 0 auto; } .two { width:960px; height:200px; background:transparent url('blablabla.jpg') no-repeat; } <div class="one"> <div class="two"> </div> </div>
0 votes2 answers -
Горизонтальное меню
Есть блок div с шириной 900px и с высотой 40px. В ней создан список li со ссылками внутри. 5 штук. Как сделать что бы был отступ с левого и правого борта блока на 41px, а остальное растянулись исходя из этого? Да и как выравнить сами ссылки по центру блока?
0 votes11 answers -
Меню дугой
Добрый вечер, заказчик подкинул PSD с меню дугой Кто-нибудь решал такую задачку? Смотрел в сторону AREA, но у текста нужен ховер...и всё это ещё нужно будет адаптировать под CMS, поэтому нужен список... Вот само меню
0 votes7 answers -
Язык
Здравствуйте, скажите пожалуйста почему когда я написала этот тег : <li><a href="#">Title</a></li> <li><a href="#">Title</a></li> <li><a href="#">папа</a></li> <li><a href="#">Title</a></li> <li><a href="#">Маша</a></li> у меня получилось вот что Title Title папа Title Маша, я не понимаю в чем проблема скажите пожалуйста, а то дальнейшее обучение и создание сайта не имеют смысла... • Ответить •
0 votes3 answers -
Перевод верстки на html5
Есть вёрстка вебсайта на html/css как перевести на html5?
0 votes7 answers -
Отступы у текста
У текста есть внутренние отступы, например h1 размером 68px имеет высоту 93px. Как с этим бороться кроме как подбором отступа если хочешь сделать пиксель в пиксель?
0 votes4 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-