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
-
Проблема
Здравствуйте всем, возникла проблема - нашел форум - думаю кто нибудь поможет) В общем у меня на локальном сервере есть сайт в котором среди всего прочего есть блок контента. Выглядит он вот так: Проблема заключается в том , что на самом сайте текст "Some text" отображается там где надо (вверху сайта под хедером). А текст который я вывожу из базы данных выводится внизу прямо возле футера. Кто знает или хотя бы догадывается в чем проблема - помогите. Отпишитесь сюда или на аську 439-956-699. заранее спасибо!
0 votes15 answers -
Учебник JSP
Пожалуйста, подскажите, хороший самоучитель JSP, чтобы быстро вникнуть в синтаксис языка и разобраться. Хорошо бы не книжку, а ресурс в интернете. Если кому попадался online учебник, подобный htmlbook.ru, поделитесь ссылкой. Заранее благодарен.
0 votes3 answers -
Слой поверх слоя с overflow hidden
Здравствуйте. Прошу помощи в одной проблеме. Допустим у нас в шапке есть слой, в катором расположена Карусель (эта карусель работает через overflow: hidden, естественно), и теперь мне поверх этого слоя нужно сделать еще один слой: с меню или логотипом, например. И тут возникает проблема, что этого не получается сделать. Пробовал присваивать и абсолютное позиционирование, и z-index и отрицательные margin все равно слой с логотипом или меню попадает под слой с Каруселью. Сталкивался ли кто-нибудь с такой проблемой и можно что-то с этим поделать? Пример картинка, то что должно получится (1.Слайдер, должен находится под 2.Логотип и 2.Меню):
0 votes9 answers -
Верстка мобильной версии (адаптивной): выбор единиц измерения шрифта
Здравствуйте! Есть у меня сайт, который был сделан во времена, когда никто не задумывался о необходимости создания мобильных (адаптивных) версий. Сейчас такое время пришло, и я хочу доработать сайт, чтобы его удобно было просматривать на мобильных устройствах. В частности, сейчас меня волнует проблема читабельности текстов. Например, на моем iPhone 4, текст прочитать невозможно. Хочу эту проблему решить в первую очередь. В верстке я решила ничего глобально не менять, а только дописать стили для различных разрешений с помощью media queries. Вопрос: какие единицы измерения следует использовать для достижения поставленных целей? Пока есть такой вариант: body {font-size:100…
0 votes2 answers -
Всплывающая подсказка к ссылке (с произвольными свойствами)
Всем привет Помогите пожалуйста решить проблему с созданием всплывающей подсказки для ссылки. ВП эта должна быть нужного мне размера, цвета, определенного позиционирования (то есть где будет «всплывать» - над, под ссылкой, справа или слева) + текст в ней тоже должен свободно форматироваться ( цвет, тип шрифта, возможно скриншот) простенький title. <a href="https://yadi.sk/d/9ZvR5g1XagZGJ" title="Сохранить файл"><span style="font-size:19px;background-color:black;color:white;">«Я умею прыгать через лужи»</span></a>не годится стало быть Хоть и работает тег-то Однако попытки (а их было МНОГо) использовать css ни к чем путному привели . Нужный м…
0 votes24 answers -
Одинаковая высота блоков 2/1
Добрый день. Застрял на такой схеме: Нужно чтобы высота блока "3" определялась относительно блока "4" и всегда заканчивалась одинаково с ним. Все блоки должны быть слоями Может кто сталкивался с таким уже?
0 votes5 answers -
Не работает стиль hover для уже посещенной ссылки
Здраствуйте. Столкнулся вот с такой проблемой: Не работает стиль hover для ссылки, если она уже была посещена. Т.е. при наведении на обычную, еще не посещенную ссылку, стиль hover применятся, а если ссылка уже посещена, то не работает. В чем тут может быть дело?
0 votes7 answers -
Ссылка с якорем
Есть HTML страница на локальном диске, на ней есть якоря. Открываю, к примеру, с помощью IE8, в строке вижу "C:\file.htm". Переход к абзацам осуществляется путем добавления имени якоря (#test и т.д.) - можно ли из командной строки, ярлыка или еще как-нибудь открывать файл сразу на нужном абзаце ("C:\file.htm#test")?
0 votes8 answers -
Проблема с фоном и осветлением вокруг элемента
Добрый день! Проблема в следующем: Есть дизайн сайта, который нужно сверстать, в рисунке применены такие способы выделения элементов, как осветление (вокруг цветка) и затемнение (в шапке). Не могу придумать как это сверстать. Что пробовал касательно затемнения в шапке: сделал основной фон для body (из узоров) и над ним повесил фон-затемнитель (градиент) в div'е. Это не дало нужного результата, т.к. узор на темном фоне попросту пропал. Касательно первой проблемы - осветления вокруг цветка - вообще мыслей нет как реализовать. Файл с дизайном (все лишнее убрал, чтобы не мешало, но все-равно файл весит 12,5 Мб) выложил сюда - www.masterspb.com/new/index.psd Поможете?
0 votes16 answers -
Подключение favicon.ico, свойства и значения
На сайте первого канала РФ можно увидеть два подключения фавиконки: <link rel="icon" href="favicon.ico" type="image/x-icon" /> <link rel="shortcut icon" href="favicon.ico" type="image/x-icon" /> На некоторых сайтах используют разную конструкцию, а здесь и вовсе две. Что означают значения свойств, какие из них обязательные и как правильно писать в HTML5?
0 votes2 answers -
Пиксельный перфекционизм
Вопрос по большей части к гуру данного форума, людям опытным, за спиной которых десятки макетов и годы работы.. Значит верстаю я, верстаю.. и всё-то мне кажется, что недостаточно всё ровненько.. то там буковка вылезет, то здесь интервал между словами большой.. Следует ли обращать внимание на такие мелочи? Например на рисунке видно, что первая и последняя строки совпадают (полупрозрачная верстка наложена на картинку), а вот посередине какая-то белиберда.. Но ведь у меня для всех строчек одни и те же маргины и паддинги, значит изображение, полученное мной "правильнее", если так можно выразиться.. Или вот, например просто текст. первое и последнее слово совпадает, в серед…
0 votes18 answers -
Интересная проблема с высотой елемента
В общем, проблема такая. Есть елемент, который должен растягиваться на высоту всей страницы, то есть height: 100%; Этот елемент генерируется на страницу через JS. Проблема в том, что при первых заходах на сайт, нужный елемент не растягивается на полную высоту сайта, а оставляет небольшие пустые промежутки сверху и снизу елемента. При последующих обновлениях страницы все стабилизируеться. Мои догадки по поводу причины проблемы таковы: Пока все картинки сайта еще не загрузились высота всей страницы меньше, чем она выходит после загрузки всех картинок. И паралельно генерируеться нужный мне елемент с высотой страницы, которая еще не полностью загружена. А когда страница полн…
0 votes8 answers -
Запрет отображения последнего бордера
Доброго дня друзья! Задача: отобразить нижний бордер у каждой ссылки, по примеру: <div id="menu"> <a href="">1</a> <a href="">2</a> <a href="">3</a> <a href="">4</a> </div> Делаю таким образом: #menu a { text-decoration: none; text-align: left; color: #01367C; display: block; padding: 0.7em; border-bottom-color: #99CCFF; border-bottom-style: solid; border-bottom-width: 1px; margin-left: 5px; } Проблема возникает с последней ссылкой - для нее необходимо исключить отображение бордера. Честно, не знаю как и быть. Таблица и прописывание для каждой ссылки отдельного слоя с указан…
0 votes7 answers -
Сетка
здравствуйте недавно столкнулся с интересной проблемой и должен сказать без понятия как решить ее, без использования абсолютно позиционированных элементов или ужасной кучи блоков... имеем подобный макет: все разноцветные блоки - фотографии (к примеру) собственно интересно есть ли какие хитрости, которые могут помочь расположить фотографии как показано в макете?
0 votes27 answers -
Как зификсировать элемент..?
Наверное примитив, но вс? же.. Вот страничка с бэкграундом и одной картинкой, а над ней флажки языков, вс? это в таблице или нет.. пробовал флажки выносить из таблицы. Проблема в том, что у картинки стиль параметр отступа от левого края, вс? ок, но я хочу, что бы флажки всегда при разных разрешениях и уменьшения окна браузера - были справа. Вот например уменьшая окно браузера та картинка оста?тся справо и появляется полоса прокрутки (это вс? хорошо), но вот флажки передвигаются по правому краю уменьшеного окна и остаются видны.. и не получается их зафиксировать по правому краю так, что бы правый край был не край отка браузера, а край в зависимости от той картинки например…
0 votes9 answers -
Проблемка (строчка)
Есть вот такой код: <table cellpadding=0 cellspacing=0 border=0 > <tr> <td height=42 align=center valign=center style='border:1px solid black;'> <img border=1 src=zalivka.gif height=42 width=150><div style='position: relative; top: -50%; margin: 0 0 0 0;'>Текст</div> </td> <td> <img src=right.gif height=42> </td> </tr> </table> Т.е. в ячйке имеется картинка с градиентом, а на ней нужно вывести текст. Данный код это делает, текст оказывается на картинке. Но вот под картинкой почему то белая строка. Как будто фон от текста там остался, ну или перенос строки Или то что я хочу никак не сделать? П…
0 votes6 answers -
Текст не горизонтально
Интересует такой вопрос - возможно ли каким-либо образом (CSS, JavaScript) на сайте задать расположение текстовой строки не горизонтально, а под наклоном?
0 votes16 answers -
Меню с круглыми углами
Подскажите, пожалуйста, как сделать такое меню, целый день мучаюсь. вот код <div id="menu_bottom"> <span class="right"> <a href="#"><div class="top"><span>Пункт 1</span></div></a> <a href="#"><div><span>Пункт 1</span></div></a> <a href="#"><div><span>Пункт 1</span></div></a> <a href="#"><div><span>Пункт 1</span></div></a> <a href="#"><div><span>Пункт 1</span></div></a> <a href="#"><div class="bottom"><span>Пункт 1</span></div></…
0 votes17 answers -
Анимация circle chart
Здравствуйте. Как осуществить такую анимацию - https://dribbble.com/shots/1296229-Animation-Rectify-Stats От нее нужен сам круг и цифры в центре, ну и эффект тоже. На SVG? Вдруг у кого-то есть пример, поделитесь, пожалуйста.
0 votes12 answers -
Как верстать для мобильных устроств?
Здравствуйте. Порылся в интернете и обнаружил что на сегодняшний день эта тема тёмный лес. Всё что я нашёл было устаревшей информацией 2008 - 2012 годов. Где бы и как поискать\почитать информацию о том, как же всётаки верстать макеты для мобильных устройств (смартфонов, планшетов). Там же есть разница, например для планшетов другие размеры нежели чем для мобилы, а ещё есть и вертикальное положение устройства и горизонтальное, устройства различных размеров. В общем буду рад если вы поделитесь всем что у вас есть по этой теме
0 votes10 answers -
Как сделать анимацию логотипа при помощи css 3
Один из моих клиентов хочет анимировать логотип - http://prntscr.com/75udaq Крутиться должен символ в центре круга, у меня не выходит пока ничего Подскажите решение проблемы, ил пока не получится сделать вращение по часовой стрелке при помощи свойства animation
0 votes19 answers -
Список сдвигается только в IE...
Создаю список ul по центру вытянутый в строку. Все прекрасно, но почему-то именно IE сдвигает его вправо где-то на 20 пикселей. Если в "ul#links {...}" изменить "margin-left: auto;" на "margin-left: 0;", то в IE встает все по центру как надо, зато в других браузерах блок прилипает к левому краю! Что делать? Перепробовал все что смог... #main { text-align: center; } ul#links { text-align: left; margin-left: auto; margin-right: auto; list-style-type: none; margin-top: 0; padding: 5px 0 5px 0; width: 800px; } ul#links li { padding-left: 26px; list-style-type: none; background:url(pic/kr.png) no-repeat 10px 50%; display: inline; }
0 votes6 answers -
Помогите с документом.
Помогите начинающему, но безусловно талантливому, даже не знаю как себя назвать... админу сайта короче, с форматированием текта средствами HTML. В общем застрял на такой задаче - необходимо более менее эстетично формить ту чась документа, где идут различные подписи, должности, Ф.И.О. и т.д., т.е. когда идет графа, а под ней мелкими буквами пояснение. Например так: Получатель: ________________________________ ____________________________________ ..........................Структурное подразделение .............................Организация................................ Примерно так, но вместо точек пустое место. Есть ли какие нибудь стандарты именно для таких целей?
0 votes8 answers -
Tahoma utf-8
Привет, при верстке макета столкнулся с проблемой: шрифт Tahoma выглядит по разному в ff и ie6 при кодировке utf-8 . Пример: <!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"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Untitled Document</title> </head> <style type="text/css"> p { font-family: tahoma; font-size: 12px; } span { font-family: tahoma; font-size: 12px; font-weight: bold; } </style> <body> <p>Мир развлечений</p> <span>Мир…
0 votes4 answers -
Верстка!
Получил заказ на создание сайта. Со слоями не разу не сталкивался. Вот макет сайта.Рисовал сам. Вопрос? Можно ли както обойтись без слоев? Если можно то как?
0 votes16 answers