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
-
Настройки шрифта
Собственно заметил на сайте одной из социальных сетей такую интересную штуку: Не смотря на то я не менял в настройках браузера величину шрифта, сайт оставался абсолютно одинаковым. Вопросы: 1)Как это сделать(или все таки не стоит)? 2)Много ли пользователей с увеличенными шрифтами и есть ли смысл верстать и для них тоже.))
0 votes4 answers -
Как это работает
Есть некий сайт Моя ссылка Попробуйте сохранить фон? сохранится все кроме нижних иллюстраций героев.. Полез дальше в css. нашел путь к изображению - при попытке открыть открывает совсем не то что ожидаешь.. Как это сделано?
0 votes2 answers -
Тестирование макета
Здравствуйте, меня интересует как проходит тестирование сверстанного макета? Проги? Трюки? Хотелось бы подробнее и от опытных людей. И еще...для каких браузеров сейчас актуально верстать?(с каких версий)
0 votes1 answer -
Нужна помощь
Всем привет!я начал делать сайт и когда захотел ввести контент на сайт то сталкнулся с такой проблемой как ТЕКСТ!!! как вы видите на моем "сайте" текс вводится как-то неправильно!он сам автоматически как-то переносит строчки!даже побывал сделать в таблице все равно такая проблема!!Проблему я нашел это из-за меню!!! Код сайта!! <html> <head> <style type="text/css"> #flag { position: absolute; top: 0; left: 0; } body { background-image: url(http://s017.radikal.ru/i416/1111/5a/f64c420fd930.png); background-position: 10 100; background-repeat: repeat-x; } #levaya { position: absolute; top: 120; } #pravaya { position: absolute; top: 120; le…
0 votes15 answers -
В чем ошибка?
<div style='width:10px;height:14px;display:inline-block;background:url("начало.jpg") center center no-repeat;'></div><div style='display:inline-block;background:url("повторяющаяся-картинка.jpg") center center repeat-x;'>Резинааааааа</div><div style='width:10px;height:14px;display:inline-block;background:url("конец.jpg") center center no-repeat;'></div> вот так делаю получается норм но если начинаю вводить текст средняя картинка едет вниз...
0 votes6 answers -
Помогите с border'om
Это часть таблицы, мне нужно сделать двойной бордер, как на картинке. Не могу разобраться. Заднее затемнение задается посредством pngшки на классе .dark Если ставлю border на tr и td они перекрывают друг друга. <table> <tr class="dark"> <td></td> </tr> </table> Как это реализовать так же, как на картинке?
0 votes20 answers -
отступы и ширины
можно ли во всяких элементах типа: width top paddinng задать размеры в таком формате: 25% + 30px если да то как это сделать?
0 votes3 answers -
Ссылки поверх дива
<a href="/"><img src="/i/rem.png"></a> <a href="/"><img src="/i/techobs.png"></a> <a href="/"><img src="/i/obrdoc.png"></a> <a href="/"><img src="/i/stel.png"></a> <a href="/"><img src="/i/dopobor.png"></a> <a href="/"><img src="/i/cont.png"></a> <div id="star"></div> Как сделать чтобы ссылки были поверх дива? Сейчас див почему-то перекрывает ссылки.
0 votes5 answers -
Проблема табличной верстки
Доброго времени суток) Столкнулся с проблемкой, нужно по макету сверстать вид новости. Верстка должна быть резиновой, т.е. новость должна растягиваться в ширину. Вот сам макет: Итак, проблема вот в чем, табица состоит из двух строк, в первой строке три элемента: 1.Левый угол 2.Середина 3.Правый угол. Вот скриншот, направляющими разделена первая строка таблицы: Во второй строке таблицы я хочу расположить саму новость, но получаетс следующее: Вот код HTML: <table class="post"> <tr class="post_top"> <td class="ptl"></td> <td class="ptc"><div class="post_title">ПОСЛЕДНИЕ НОВОСТИ МОБИЛЬНОГО МИРА</div></td> …
0 votes8 answers -
Вертикальное примыкание
Всем доброй ночи =) У меня появился вот такой вопрос <div id="GLAVNII" style="width:700px; height:600px"> <div CLASS="PERENT" style="height:inherit;"> <div style="width:auto; height:300px;"></div> <div CLASS="CHILDE" style="width:auto; height:100px;"></div> </div> </div> Как мне сделать так что бы элемент .CHILDE примыкал к низу элемента .PERENT? Дабы если я увеличу высоту #GLAVNII тогда увеличится и высота .PERENT а он уже свою очередь потянет за собой .CHILDE который будет примыкать к его нижней границе !!
0 votes7 answers -
Вопросы по макету!
Это превью шаблона, с которым проблемы.... Как прижать футер к нижней части экрана при любом разрешении? Как привязать левую и правую колонку к футеру и установить резиновую высоту? То есть - не зависимо от количества центральных блоков колонки должны растягиваться догоняя футер! Третий день колдую, ничего не получается... На сайте тоже не нашел, есть похожие проблемы, но не для этого случая... Если кто знает ответ, подскажите, заранее премного благодарен. Или хотя бы ссылки на материалы, где найду решение.
0 votes4 answers -
Пролблемы с выравниаем в css
Никак не могу выровнять столбцы сайта - левый и правый (контент по центру). Чтобы они были одинаково от краев. Правый имеет отступ больше, хотя в css лева и справа padding 20 px. Знаю, решение где-то рядом, но вт где. Иожет кто глянет? http://srv23440.ht-test.ru/ Зранее спасибо.
0 votes1 answer -
Верстка нестандартного меню
Приветствую. Целый день не мог решить задачу. Вот решил наконец к вам обратиться. Значит задача состояла в следующем: необходимо сверстать горизонтальное меню с закругленными по краям углами. На момент клика (я так понял a:active) должны подключаться спрайты. Меню должно тянуться по разрешению экрана до 1660рх. Естественно IE7+ и полное прохождение валидации. С виду задача не очень сложная, но приступив к работе вошел в ступор. Как быть с закругленными краями, чтоб они так же реагировали на клик элемента и при этом элемент списка тянулся по тексту. Вот, прошу помощи. Вот то, что пока получилось. Не работает в опере и естественно в IE7. И нет резины по ширине экрана.
0 votes4 answers -
Таблица по всей высоте body
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title>123</title> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> </head> <body> <table style="height:100%; width:100%; background:yellow;"> <tr> <td style="height:200px;">123</td> </tr> <tr> <td> <div> <p>Текст</p> <p>Текст</p> <p>Текст</p> <p>Текст</p> <p>Текст</p> <p>Текст</p> <p>Текст</p> …
0 votes10 answers -
регистрация
люди подскажите как сделать регистрацию на сайте
0 votes3 answers -
DIV внутри блока (div или td) с растягивающейся высотой 100%
<table> <tr> <td style="height:200px"></td> </tr> <tr> <td> <div>Вот этот див. Он должен растягиваться по высоте td</div> </td> </tr> </table> Как в вышеприведенном коде сделать так, что бы DIV тянулся по высоте? Именно что бы объект DIV физически растягивался, а не с костылями в виде картинок на фоне
0 votes10 answers -
Не могу изменить рамзер шрифта в списке
Шрифт всех ссылок задан в идентификаторе qqq. Хочу сделать подсписок меньшим шрифтом, но не один из трех способов не работает, хотя паддинг работает. <div id="qqq"> <ul> <li><a href="/home" </a>Текст</li> <ul class="inner"> <li><a href="#">Текст</a></li> <li><a href="#">Текст</a></li> </ul> <li><a href="/home" </a>Текст</li> </ul> </div> .inner { padding-left:15px; font-size:5px; } .inner ul li a{ font-size:5px; } .inner а{ font-size:5…
0 votes10 answers -
Можно ли как нибудь сделать границы (border) полупрозрачными?
Можно ли как нибудь сделать границы (border) полупрозрачными?
0 votes10 answers -
не получается уровнять по центру
Здравствуйте, подскажите плз, почему не получается уровнять по центру. <p align="center"><img src="адрес картинки"/></p><p align="center"> Тоже самое и с контентом, ставлю уровнять по центру (или по правому боку) а он все равно слева. Я в это деле совсем новичок, дак что не судите строго, если это просто какая то мелочь) спасибо
0 votes7 answers -
Автоматически не регулируется высота DOM элемента
Подскажите пожалуйста: <div id="main" style="padding: 3px; border: 1px solid #CFCFCF; background-color: whiteSmoke"> <div id="1" style="float: left">Слева</div> <div id="2" style="float: right">Справа</div> </div> Вопрос: Как отрегулировать высоты DOM элемента #main? (кроме прописывания высоты вручную в стили) Что не так: Два элемента #1 и #2 находятся внутри #main (в котором задан стиль, дизайн), но этот элемент не регулирует высоту, получается в итоге что эти два элемента #1 и #2 лежат вне основного #main, выезжают за границы
0 votes2 answers -
Вертикальное меню
Есть вертикальное меню.Задана его точная ширина.В этом меню есть 6 пунктов, каждый из которых должен быть одинаковой ширины и чтоб текст был выровнен по центру каждого <li>. Нужно ,чтобы border был не на весь <li> , а только на <a> , но если так в коде указать то уменьшается сам пункт меню. Вот исходный код: <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Art Печенье</title> <style> body,html{ margin:0px; padding :0 px; } a{ text-decoration:none; color:#ffffff; } .center {display:block; margin:0 auto;} ul#mainNav { margin-left:70px; margin-top:70p…
0 votes4 answers -
Равная высота блоков div
Здравствуйте! Необходимо создать равную высоту двух блоков div. Блоки выровнял с помощью: float: left; Оба блока имеют визуальную границу. По идее, левый блок будет всегда иметь больше текста, чем правый. Но получается некрасиво - левый блок значительно ниже уходит границей, а хотелось бы чтобы обе нижние границы блоков были на одном уровне. Просьба сразу не пинать ногами, можно тыкнуть носом в мануал (хотя ничего не смог выудить полезного ) Всё вышесказанное одной картинкой http://s017.radikal.ru/i415/1111/36/0728d5870c67.png
0 votes5 answers -
изображение на всю ширину макета
Всем привет! Пробую верстать в нтмл мне более понятен язык разметки чем CSS,можно ли сделать в HTML изображение на всю ширину макета или есть ли возможность совмещение языком разметки??? Если есть возможности пишите пожалуйста подробно и с примерами. Заранее благодарен!!!
0 votes1 answer -
Как создать эффект плавной градации цвета на CSS
Подскажите как сделать так чтобы при наведении на изобр оно меняло цвет с ЧБ на цветную картинку с использованием одной картинки?
0 votes1 answer -
Проблема с валидностью html 4
Доброго времени суток! Подскажите пожалуста можно ли как нибудь на страницах сайта подключить данную строку <script language="javascript" src="http://r1.wmlink.ru/?id=295119"></script> в отдельном файл? или исправить ошибку валидности она выделена цветом.
0 votes10 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-