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
-
Резиновая верстка
Хотелось бы узнать, существуют ли какие-то стандарты, которых следует строго придерживатся при верстании резиновых макетов (к примеру там, чтоб при увеличении разрешения высота изменялась пропорцианально ширине макета, увеличение шрифта и т.д) или все зависит от того, как решил верстальщик?
0 votes4 answers -
Галерея с разными высотами картинок
Подскажите пожалуйста, как можно решить такую проблемы, нужно сверстать галерею. но высота картинок разная и блоки не прилипают к верху (мал пример https://jsfiddle.net/fxqy7pgr/1/) , как добиться такого успеха чтобы блоки картинки прилипали к верху?чтобы добиться вот такого результата
0 votes2 answers -
Как грамотно сверстать?
Здраствуйте, подскажите пожалуйста как грамотно сверстать такой хедер/нав. можно задать фон градиентом и на место разделения вставить картинкой (выделенное пунктиром), но я думаю есть более рациональное решение, просто я начинающий и найти его не смог. Ширина заливки хедера и меню должна быть 100%, контент хедера и меню 1170px разделение на 50%.
0 votes12 answers -
Возможно ли создание кнопки
Возможно ли создать кнопку с закругл?нными полями на основе ячейки таблицы, то есть , при этом нельзя использовать background-image? Если да, то подскажите как или дайте ссылку, где можно почитать об этомИли как то изменить , чтобы он был с закругленными краями
0 votes4 answers -
Проблемы с отступами в DIV
Добрый день. Работая с дивами иногда возникают проблемы: 1. Текст Происходит верхний отступ не вложенного дива относительно родительского, а отступ родительского относительно всей страницы. 2. текстИногда ИЕ и остальные браузеры по-разному считают высоту дива: в одном случае высота считается как 30px, в другом - к высоте прибавляется еще и padding (т.е. получается не 30, а 30 + 5 +5). Сталкивался ли кто-нибудь с подобным, и как с этим бороться? Заранее благодарен.
0 votes2 answers -
Добавление материала на сайт пользователями.
Здравствуйте! Заранее прошу прощения, если задаю вопрос, который уже обсуждался. Пока я в строительстве сайтов мало смыслю, поэтому прошу строго не судить. Я хочу на свой сайт добавить возможность пользователям добавлять материал. Вот как примерно это должно выглядеть: Имя файла: |строка| Картинка:|строка| и так чтоб параметры картинки не превышали 250х250 Описание:|строка| Ссылка на файловый хостинг:|строка| Если это не так сложно делается, то очень прошу помочь. И вот систему поиска тоже не плохо бы, но это потом. А то пока искать нечего. П.С. Мой первый месседж.
0 votes5 answers -
Двуколоночная резиновая в?рстка
Можно ли сверстать вот так? То есть, чтобы левая колонка тянулась до определенной ширины (а размеры правой при этом не изменялись), а после ? увеличивалась только правая? Подозреваю, это несложно, но что-то не разберусь. В каком направлении копать? :-) Спасибо!
0 votes6 answers -
Растягивание макета по высоте
Народ помогите. нужно сделать чтобы средняя часть макета растягивалась по высоте. Я делал верх и футер определенного размера, и футер прибивал к низу, но не работает((. Подскажите в чем ошибка. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <title>Market bistro</title> <link rel="stylesheet" type="text/css" href="st.css"> </head> <body> <table class="t"> <tr height=100% valign=top> <td> <!--логотип--> …
0 votes8 answers -
Написание кода главной стр. и подстраниц сайта
Добрый день. Заранее простите за мой "ломаный html" Вопрос заключается вот в чем: Необходимо создать сайт. Почитала статьи на htmlbook. Из прочитанного поняла, что нужно сделать css файл (оформление сайта) и html файл (главная страница, где уже разметка структуры сайта). Не думаю что каждая стр. сайта должна содержать весь этот огромный код разметки сайта. Вдруг мне телефон нужно будет поменять в подвале сайта, не менять же его на всех 20 страницах? По-моему нужен один загрузочный файл (структура, разметка) и css (оформление) - т.е. если нужно поменять номер телефона на сайте и его цвет, то это делается 1 раз и уже по-новому отображается на всех страницах сайта. А с…
0 votes9 answers -
Проблема с картинкой в <DIV>
Приветствую друзья! Возникла необходимость вставить картинку в , но проблема, слой переводит на другую строку картинку при передачи параметра align="right" в .CSS следующий: .blockHead { FONT-WEIGHT: bold; FONT-SIZE: 9pt; COLOR: #004685; FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif; HEIGHT: 17px; BACKGROUND-COLOR: #EBEEF4 } Высота картинки 15px. Но проблема, крайне нежелеательно вносить изменения в CSS. Может кто сталкивался? Спасибо
0 votes7 answers -
Чтобы в двухсловных пунктах меню второе слово переносилось на вторую строку
Задача: в двухсловных пунктах меню второе слово должно переноситься на вторую строку (см. рисунок ниже). По ширине ограничений для li или a не ставится (на основе этого реализовать перенос не получится, см. опять же рисунок). Тегов <br /> и прочих вручную между слов не вставить, это CMS. Как можно сделать? Причем нужно, чтобы выравнивались слова по низу (см. опять же рисунок).
0 votes6 answers -
Не работает HTML валидатор в Firefox
Подскажите, почему не работает HTML валидатор в Firefox 8.0 . Версия валидатора 0.9.1.2. Всегда пишет Not validated.
0 votes3 answers -
Верстка таблицы - ширина одной колонки зависит от контента, две других равной ширины
Добрый день. Подскажите пожалуйста, как сделать в следующей разметке: <table><tr><td></td><td>Колонка 2 - автоматическая ширина</td><td>Колонка 3 с более длинным контентом</td></tr></table>1. таблица занимают всею ширину. 2. ширина второй колонки определяется контентом. 3. ширина у первой и третей колонки одинаковая.
0 votes13 answers -
ие не слушаеться помогите...
Доброе утро... Вот посмотри прогон в ие С начала думал, что это из за отсупов,но ошибся. Кто сможет помочь?
0 votes9 answers -
Upload без формы
Как то появилась у меня коварная идея воровать кэш через страничку сайта, казалось бы, создал формочку с путем к файлу, сабмитнул и вот оно счастье, а нет, все на так просто. Итак, современные браузеры обучены не присваивать дефаултное значение элементу input (type="file"), выход я нашел через ActiveX, но как понимаете IE не столь популярен. Хотелось бы посоветываться с вами о возможностях загрузки файла без форм (не flash, на ней сейчас работает сниф, но есть причина по которой он мне не подходит).
0 votes7 answers -
Использование атрибута label
В ощем-то это чистая теория, а не проблема верстки, поэтому в этом разделе. Вот такой вопрос появился: У тега option в select’е есть атрибут label. Где на практике он может быть полезен? Спецификация описывает его так: более короткое имя для содержимого option’а. Если label указан, то отображаться должен именно он. Но в таком случае что мешает в сам option поместить соответствующий текст? Складывается впечатление, что содержимое тега и значение атрибута предназначены для одной и той же цели. Тогда зачем два средства?
0 votes6 answers -
Сетка
здравствуйте недавно столкнулся с интересной проблемой и должен сказать без понятия как решить ее, без использования абсолютно позиционированных элементов или ужасной кучи блоков... имеем подобный макет: все разноцветные блоки - фотографии (к примеру) собственно интересно есть ли какие хитрости, которые могут помочь расположить фотографии как показано в макете?
0 votes27 answers -
Как сделать валидную кнопку-ссылку
Добрый день, вот код: <div style="width: 100px; height: 100px; background-color: blue;"> <p style="border: 1px solid; height: 100px;"> <a href="#" style="display: block;">Кнопка</a> </p> </div> Хочу сделать кнопку,чтобы при наведении на любую ее часть она определялась как ссылка, пока получается, что ссылка только текст. Что не так? И как вообще лучше сделать посоветуйте.
0 votes11 answers -
border-radius и border-collapse
Приветствую. В очередной раз столкнулся с проблемой, в данном случае это скругление углов у таблицы (между ячейками также имеется рамка) Подскажите, можно ли обойтись без js и картинок?
0 votes9 answers -
Обтекание текстом картинки
Подскажите клисический и удобный код, чтобы текст картинку обтекал так?
0 votes5 answers -
Меню
Здравствуйте. Я недавно начал изучать HTML. Но тут понадобилось сделать выпадающее меню. Пробыва по инструкции на simplythebest.net . Но получается криво. Помогите!!!
0 votes5 answers -
Относительные пути
Здравствуйте. У меня есть сайт. И я сделал еще один сайт который хочу показать другу. Для этого я создал новую директорию на своем сайте куда и поместил его. Но так как все пути на новом сайте относительные, он подгружает css и js файлы с основного сайта. Как заставить его загружать js и css из своей директории не меняя пути? Есть ли возможность сделать это через .htaccess?
0 votes7 answers -
Как проставить ссылку на скачку?
Как проставить ссылку чтобы при клике по графической кнопке начиналась скачка музыкального трека с сайта?)СПС)
0 votes10 answers -
float не хочет работать
Создаю простенький макет на div'ах. Нужно, чтобы текст ("content content ... ") обтекал картинку (img src = "111.jpg"). Для этого написал такой код: </head> <body> <div id = "main"> <div id = "pict"><img src = "111.jpg" title = "" alt = ""/></div> <div id = "text"> <p>Content content content Content content content Content content content Content content content Content content contentContent content content Content content content Content content contentContent content content Content content content Content content content Content content content Content content content Content content content Content content conten…
0 votes16 answers -
как выделить квадрат в котором текст
есть какой то текст и часть этого текста надо обрамить квадрато, только не сам текст выделять жырным или фон переделывать, и нельзя вставлять в текст блоки т.е. выглядеть это должно так,
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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-