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
-
Комментарии
Привет ребят. Расскажите пожалуйста, трудно ли сделать на сайте комментарии по типу как на Wordpress блогах? Ну я думаю вы поняли, что бы не регистрироваться а просто ввел имя и комментарий, и он запостился. Заранее спасибо.
0 votes10 answers -
Выравнивание по вертикали
Необходимо выровнять блоки по вертикали. У меня верстка пока получается вот так http://skrinshoter.ru/s/160418/UDCfQwYu Подскажите, как это сделать? Верстка респонсив. Причем нужно чтобы и заголовки и цены тоже были на одном уровне Почему то на codepen это немного по другому выглядит. Но все равно нужно это как то выровнять
0 votes7 answers -
Как отключать полностью кеш в браузерах
Народ, кто знает как делать? нужно полностью отключить кеш в браузерах?
0 votes2 answers -
align в ie7
<td align="center" style="width: 250px; border-right:1px dotted #e1e1e1;" valign="top"> <a href="...."> <img src="....."/> </a> </td> Картика встает по центру блока во всех браузерах, кроме ie7. В ie7 слева. Как сделать по центру?
0 votes5 answers -
вертикальное выравнивание
картинка находится внутри рамки, надо чтобы горизонтально и вертикально стояло по центру, но БЕЗ таблицы, блоками <style type="text/css"> .box{ width: 200px; height: 200px; border: 1px solid #000; text-align: center; vertical-align: middle } </style> <div class="box"> <img src="img.jpg" alt="" align=""/> </div>
0 votes6 answers -
Как выровнять три блока для ИЕ 5.5 и 6 ?
Всем доброго здравия, хорошего дня и прекрасного настроения. Мои познания = 0.0001. Прошу не пинать, а если все-таки, то, пожалуйста, не ногами и не по голове. Вопрос. Имеем три <div>. Задаем одному float:left, другому - float:right и отступ слева третьему и во всех браузерах они встают - как и ожидается - на одно линию по горизонтали. Однако в ИЕ 6 (и ниже) третий блок всегда смещается на "строку" - т.е. на высоту др. блока - вниз. Как с этим бороться? Вот код: HTML: <body> <div id="div-raum"> <div id="div-cont-links"> </div> <div id="div-cont-mitte"> </div> <div id="div-cont-rechts"> …
0 votes8 answers -
как настроить пути в локальном сервере
Когда делаю сайт на локальном сервере, то если ставлю начальный слэш в путях к файлам в тегах html, например, <link rel="stylesheet" href="/engine/mark.css" />, то файлы не находятся (в данном примере не работают стили), а вот если слэш убрать, то всё работает. Проблема в том, что на хостинге настроено по-другому и там как раз начальные слэши нужны. Как настроить локальный сервер, чобы он работал так же? Юзаю easyphp.
0 votes3 answers -
Резина или фиксированный?
Собственно начал верстать шаблон, ранее таких проблем не возникало...даже не знаю почему, В общем такой вопрос, есть макет Сверстал я его как резину, но вот проблема - криво кажет на разных браузерах, все отступы делал в %, также проблема выявляется на маленьких мониторах -меньше (1280 x 1024), как решить собственно вопросик-то? Вот что получилось на выходе HTML
0 votes2 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 -
Количество <header> на одном сайте
Начал присматриваться к html 5..Возник вопрос.В инете не нашел. Если на одном сайте используется несколько шаблонов(например главная страница один шаблон, внутренние другой и т.п.).Создаю для главной страницы тэг header . В CSS стили прописываю для header.Если в другом шаблоне понадобится данный тэг. У него уже будут свои стили. В <p> тупо можно было брать и менять id или class. А как тут быть??
0 votes6 answers -
Тег CODE
Народ помогите? Весь день Гуглил и Яндексил не могу найти нужной информации... В общем такая беда, пишу статью и в нужное место мне надо вставить код. Код я уже разобрался как вставить но он выглядит ужасно и нечего не понятно. Вижу на многих сайтах вот такую форму где все ясно отображается еще и пронумеровано. Наверное это делается через тег code только надо ему накинуть bodi со стилями или нет? Если можно помогите!
0 votes5 answers -
Оцените верстку HTML5 и CSS3
Мир вам форумчане, просьба оцените верстку ваша мнение особенно о коде http://versttestter.eu5.org/
0 votes6 answers -
Помогите разобраться с кодом
div#main{width: 200px; background:#fff url(12.png) top repeat-x; padding: 0 ;margin: 0px} div#main-open_left{float:left; width: 8px; height: 8px; background: #fff url(side1.png) bottom left no-repeat; margin: 0px} div#main-open_right{float:right; width: 8px; height: 8px; background: #fff url(side2.png) bottom left no-repeat; margin: 0px} div#main-close{width: 100%; height: 8px; background: #fff url(wablon_056.jpg) bottom left no-repeat; margin: 0px} В общем кое-что понятно..но не вс? и почему именно такая форма записи(div#main и тд)
0 votes3 answers -
работа с текстом
Доброе время суток! Кто-нибудь, подскажите как сделать так, чтобы при нажатии на ссылку изначально скрытый текст раскрывался под этой ссылкой без переходов на другие страницы. Или хотя бы подскажите с помощью чего это возможно сделать!
0 votes3 answers -
Использование div'ов для верстки
Здравствуйте всем, есть примерно такой код: ... ... ... ... Login Password ... Вопрос в следующем, почему слои, которые содержат подписи и сами поля Login и Password не "вкладываются" в родительский div, а помещаются где-то снизу (в этом можно "визуально" убедиться, если родительскому элементу поставить св-во border)?
0 votes2 answers -
Проблемы с наложением ссылка на флэшку
Собственно сейчас флэшка вставляется так <div id="banner"> <object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="138px" height="200" id="flash" align="left"> <param name="movie" value="http://clean66.ru/images/banners/1.swf" /> <param name="quality" value="high" /> <param name="wmode" value="opaque" /> <embed src="http://clean66.ru/images/banners/1.swf" wmode="opaque" quality="high" width="138px" height="200" name="klip1" align="middle" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" plugi…
0 votes3 answers -
Рисунок-ссылка отображается неправильно.
Приветствую! Имеется следующий код: <TABLE BORDER = "0" WIDTH = "100%"> <TR> <TD WIDTH = "33%" ALIGN = "Center"><A HREF = "index.htm"><img src = "home.gif"></A></TD> <TD WIDTH = "34%" ALIGN = "Center"><A HREF = "example.htm"><img src = "camera.png"></A></TD> <TD WIDTH = "33%" ALIGN = "Center"><A HREF = "contact.htm"><img src = "contacts.png"></A></TD> </TR> </TABLE> Броузером оно показывается как Вопрос: откуда взялась синяя рамочка вокруг изображения? В дизайн не вписывается...
0 votes1 answer -
в IE подчеркивание превратилось в перечеркивание
ссылка вставлена вот таким кодом: <div class='bottommenu'><a class='page1' title='' target='_self' href='index.php'>название ссылки</a></div> а вот стили: div.bottommenu {text-align:center; margin:0px; padding:0px; margin-top:10px; margin-bottom:10px;} a.page1:link {color:#3366cc; font-family: Arial, Arial Narrow, Tahoma, Verdana, sans-serif;font-style: normal; font-weight: bold; font-size: 10px; line-height:12px; text-align:left; text-decoration:underline; vertical-align:bottom} a.page1:visited {color:#3366cc; font-family: Arial, Arial Narrow, Tahoma, Verdana, sans-serif;font-style: normal; font-weight: bold; font-size: 10px; line-height:12px; …
0 votes2 answers -
Как сделать таблицу, но не таблицей?
Подскажите плиз как можно сделать, скажем расписание из двух колонок и множеством строк без использования таблиц? Или можно вставить файл Exel'ля на сайт?
0 votes4 answers -
Отступ у списка
Добрый день. Столкнулся с трудностью при вёрстке и не могу сообразить, как разрешить ситуацию. Выкладываю кусочек текста, надеюсь, описал пробему понятно. <div style="overflow: hidden; margin-bottom: 40px;"> <img style="float: left; margin: 0 20px 20px 0;" src="/img/27c2de2.jpg" alt="style='float:left; margin-right:20px;'" width="300" height="485" /> <p>Комплекс априорной бисексуальности имеет элитарный цвет, однако само по себе состояние игры всегда амбивалентно. Подобный исследовательский подход к проблемам художественной типологии можно обнаружить у К.Фосслера - ролевое поведение, на первый взгляд, выстраивает символический метафоризм, таким образо…
0 votes3 answers -
Где лучше создать тест?
Здраствуйте!)Хочу создать тест,в где по вашему мнению лучше это сделать? Заранее Благодарен
0 votes4 answers -
и снова border
в style.css: IMG {border:1; border-width:1px; border-color:81b7bb; } в *.html: <div class="myclass"> <a href="*.html"><img src="images/image.gif"></a> </div> в мозилле бордер прекрасно отображается. ширина и цвет регулируются. А вот опера и и.эксплорер отчаянно игнорируют, и отображают картинку без бордера.. что не так? подскажите пожалуйста
0 votes5 answers -
Разделить меню
Всем доброго времени суток, проблема в следующем как отделить друг от дружки слова в меню? Вот сайт prosto-ip.ru что нужно сделать чтоб главнаяглавнаяглавнаяглавная не писалось в одно слово? Всем спасибо кто послушал и спасибо кто помог
0 votes2 answers -
Вставка содержимого
Возник вот какой вопрос. Нужно на страницу сайта запихнуть 3 неких блока в 3х разных местах, вот так Так чтобы в эти блоки можно было засовывать картинки, текст и прочее. Это можно сделать таблицами, на сколько я понимаю, но я так и не понял как задать определенное расположение таблиц на странице. Непосредственно вопрос: Какими средствами это можно еще сделать? Пожалуйсто, предлагайте все возможные варианты. Спасибо (=
0 votes5 answers -
Проблема с выравниванием div
Как сделать так, чтобы один див прижимался к левому краю, а другой к правому и при этом никуда не пропадал базовый div? Вот, что имеется в виду: <div style="background: #f6f6f6;"> <div style="float: left;">123</div> <div style="float: right;">456</div> </div> Проблема в том, что при таком раскладе базовый div (тот, что с бекграундом) как бы схлопывается. Однако если ему указать высоту в 1 пиксель, то в IE всё работает просто замечательно. Базовый div сразу подстраивается под высоту двух других. А вот в FF и Opera этого почему-то не происходит . Как решить такую проблему без задания высоты каждому диву, так как она может быть разной?…
0 votes5 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-