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
-
Зависимое расположение элементов
Добрый день! Прошу совета у опытных верстальщиков. Проблема следующая: Есть динамически генерирумая таблица (генерация идет из базы данных), т.е количество строчек всегда разное. Под этой таблицей необходимо располагать надпись. Позиция надписи должна изменяться в зависмости отнижней границы таблицы. Подскажите как сделать такую зависимость средствами CSS. Заранее благодарю!
0 votes1 answer -
Откуда взялся отступ?
Вот две идентичные страницы http://www.3проектная.рф/page/kontakty http://new.3проектная.рф/kontaktyi/ В таблице "Ваш эксперт" справа сползает вниз по второй ссылке, надо чтобы как в первой было, без верхнего отступа. Все один в один сделал, а выглядит по разному.
0 votes0 answers -
Header резиновая
Уважаемые пользователи, подскажите как решить следующую ситуацию. Есть центральный div в нем есть логотип. Нужно сделать так чтобы центральный div был по центру, а при увеличении разрешения слева появлялся дополнительный div c продолжением логотипа. Подскажите как это можно реализовать.
0 votes0 answers -
Создание заголовка с тянущимся блоком и стрелкой снизу
Здравствуйте! Проблема такая: Есть заголовок, который находится в блоке со скругленными углами. Нужно, чтобы блок растягивался взависимости от длинны заголовка. Причем снизу блока имеется стрелка, она должна быть всегда по середине самого блока. Как сделать растягивающийся блок заголовка и стрелку снизу? Прилагаю картинку
0 votes0 answers -
проблема в блочном элементе как ссылке
Есть блок ссылка, всё работает, но ни как не удаётся поместить текст ссылки в правый нижний угол. <html> <head> <meta charset="utf-8"> <title>блок-ссылка</title> <style> #projects { width: 300px; height: 200px; background: #0f0; } #projects a { display: block; text-decoration:none; text-align: right; height: 100%; color: #666; } #projects a:hover { background: #00f; } </style> </head> <body> <div id="projects"> <a href="1.html">текст ссылки</a> </div> </body> </html>
0 votes1 answer -
Создание темы на форуме
Помогите разобраться. Задача такая пользователь заполняет некую анкету и потом на форуме в определённом разделе создаётся тема, где имя, описание и само сообщение берутся из этой анкеты. Сама анкета с полями со всей ерундой есть. Не пойму как создать тему, помогите пожалуйста. Сайт на Ucoz'овском хосте.
0 votes0 answers -
Проблема кроссбраузерности вращения блока с текстовым содержимым
Здравствуйте! Задаю блоку меню такие свойства: -webkit-transform-origin: 50% 50%;-moz-transform-origin: 50% 50%;-o-transform-origin: 50% 50%;-ms-transform-origin: 50% 50%;-webkit-transform-origin: 50% 50%;transform-origin: 50% 50%;-webkit-transform: rotate(-1deg);-moz-transform: rotate(-1deg);-o-transform: rotate(-1deg);-ms-transform: rotate(-1deg);transform: rotate(-1deg);Адекватно изменения отображаются только в Firefox, в остальных же браузерах текст пунктов отображается ступенчато, буквы прижимаются друг к другу.В чем может быть причина?Спасибо!
0 votes0 answers -
Требуется создание логотипа
Всем доброго времени суток ! Требуется логотип для мастерской по ремонту мобильных, планшетов и ноутов. Есть рабочее название "СОВРЕМЕННЫЙ СЕРВИС". Данный логотип будет использоваться на аватарке в ВК (то есть нужно выдержать размерность их авы), возможно на визитках, на будущем сайте и баннерной рекламе. Название следует расценивать как заглавие с продолжением. К примеру на вывеске большие и мощные СОВРЕМЕННЫЙ СЕРВИС по ремонту мобильных телефонов, модемов.... То есть в задумке само название должно нести и товарный знак. Но это неокончательный вариант в случае когда есть более интересное название (основное требование оно должно быть доступным для понимания любому возр…
0 votes0 answers -
Медиа запросы
Кто-нибудь,подскажите почему в данном примере у меня выполняется только основной заданный стиль и первый медиа-запрос (min-width: 1200px )? Второй и третий медиа-запрос игнорируется,это хорошо видно в Firebug.Не понимаю почему так происходит,ведь все должно переопределяться... <style type="text/css" media="screen"> h1{font-size:30pt;} p{font-size:15pt;} @media screen and (min-width: 1200px) { h1{font-size:40pt;} p{font-size:20pt;} } @media screen and(max-width: 800px){ h1{font-size:25pt;} p{font-size:12pt;} } @media screen and(max-width: 400px){ h1{font-size:20pt;} } </style> </head> <body> <article><!--статья--> <h1>Заг…
0 votes0 answers -
Перестало работать увеличения картинок после изменения дизайна
Всем доброго времени суток. Суть вопроса такова, я менял стиль сайта со старой табличной версткой, менялись только css-стили, и была добавлена таблица которая играет роль меню c id="headerMenu", в <header> не лез, менялась только шабка сайта, но почему то не работает увеличение картинок, выкидывает на главную страницу при на жатии на картинку. Мой css-код начинаетса с 530-ой строки. Мог ли я изменяя сss-правила сделать такую ошыбку, и как её устранить? адрес страницы: http://sport-melitopol.com.ua/api-caffeinex-200-tab/p-581.html нажатие на ссылку "увеличить", или на картинку сверху. Буду благодарен за ответы
0 votes0 answers -
Повторяющиеся по ширине окна браузера фоны при фиксированном макете.
В фиксированном макете есть повторяющиеся по горизонтали фоны. во всех браузерах, кроме IE7 (для IE6 верстка не делалась), отображается корректно: в IE7: как видите, отсчет фона начинается от края элемента с фиксированной шириной, а не от края окна браузера. буду благодарна за идеи по устранению этой проблемы. html: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <title></title> <meta name="keywords" content="" /> <meta name="description" c…
0 votes0 answers -
Проблема с Firefox зазоры.
Всем доброго времени суток. Есть такая проблема что в Firefox при масштабировании браузером страницы появляются зазоры в 1px по разным краям. В других браузеров такой проблемы нет. Не подскажите как эту проблему решить?!
0 votes0 answers -
Хром - перенос строк с обрывом слов в TEXTAREA
Подскажите пожалуйста - как устранить перенос строк, который обрывает слова в TEXTAREA? Причем это только в хроме. Аттрибут wrap=soft и CSS: resize:none; word-wrap: break-word; white-space: normal; вроде должно быть как надо, ан нет
0 votes0 answers -
Помогите разобраться с меню
Ребята, помогите поправить меню. Сайт aboba.ru Хочу кнопки-картинки в меню шапки поменять на картинки+текст...Шаблон на табличной верстке. Пробовала делать так <tr><td colspan=2><a class="k1" href=$urlmyaccountlogo>МОЙ АККАУНТ</a></td></tr> в css прописываю класс .k1{ display: block; background: url(images/нужная мне кнопка без текста.gif); color: #FFF; background-repeat:no-repeat; outline: none; text-decoration: none; font-size:14px; } Уже справилась, так и не дождавшись ответа))) пробовала и размер картинки задавать, и как стиль прописывать...Получается что надпись видна, а кнопка либо частично либо вообще никак... Я новичок, не суди…
0 votes0 answers -
Форма
Здравствуйте, господа! У меня есть такая задачка: сделать форму, в полях которой будут "своего рода" ссылки. При нажатии на них, всплывает окошко, которое человек заполняет. И после этого данные ввода остаются в окне. Он должен заполнить все поля, и 2 выпадающих списка со временем и датой. И автоматически , время закрепляется за ним. и при следующем выводе страницы, эти поля уже заняты. И видны данные этого человека. Раз в неделю все данные в таблице сбрасываются либо автоматически либо при нажатии на кнопку, которая доступна только админу. Как можно такое сделать? НА каком языКе? Спасибо. контактный e-mail: genfon@mail.ru
0 votes0 answers -
Нужна фильтрация элементов на сайте (лэндинге)
Доброго времени суток уважаемые гуру верстки, програмирования и дизайна! У меня возникла потребность на одностраничном сайте, создать блок с фильтрацией элементов находящемся в нем, порывшись в интернете нашел довольно интересный для меня вариант, http://ruseller.com/lessons/les756/demo/demo_3.html Но у меня возникла большая проблема (так как я совсем не силен в скриптах, пхп и т.п.), мне необходимо сделать фильтрацию двойного уровня, в примере по ссылке - фильтрация + сортировка, мне же нужна просто двойная фильтрация! Помощи прошууу!
0 votes2 answers -
края меню
скажите пожалуйста свое мнение о верстке этого меню. я сверстал так, что при активном крайнем пункте закруглённые углы не подвсечиваются. это не большая проблема. решить её можно, например, присвоив id левому и правому пунктам, и прописав несложное правило на jquery. но если меню используется в cms, то количество пунктов может различаться. а пользователь админки(контент-менеджер) конечно же не будет лезть в код и переназначать id. как правильно верстать подобные меню? если можно, то несколько вариантов укажите. можно без кода
0 votes0 answers -
Горизонтальное меню методами CSS
Мне нужно сделать на сайте меню, которое должно выглядеть точь-в-точь как на сайте topwar.ru, только с другими категориями. Пока что процесс остановился на такой стадии. CSS ul#topnav { margin: 0; padding: 0; float: left; width: 100%; list-style: none; position: relative; font-size: 1em; background: #B22222; } ul#topnav li { float: left; margin: 0; padding: 0; } ul#topnav li a { padding: 5px 15px; display: block; color: #ffffff; text-decoration: none; } ul#topnav li:hover { background: #E6E6FA; float: left; margin: 0; padding: 0;} ul#topnav li span { float: left; padding: 5px 0; position: absolute; left: 0; top:23px; display: none; width: 100%; background: #c…
0 votes0 answers -
Проблема отображения сайта при открытие в браузерах
Все привет. Пытаюсь сверстать сайт на движке bootstrap 3. Сделал шапку, ориентировался по мозиле, зашел в хром а там все смещено. и так получается что у меня есть значение margin-top: 30px; Если его убрать, то в хроме все будет норм, а если поставить 30px; как мне надо по мозиле, то в мозиле все норм, а в хроме смещение. А так же чучуть различаються шрифты. Я скачал шрифт, и закинул в Панель Управления —> Шрифты. в мозиле один шрифт, а в хроме чуток изменен ( а точнее отступы между буквами больше ) как я понял проблема с кроссбраузерностью, кто что может подсказать с моей проблемой? и дать инфы для изучения кроссбрауз.
0 votes1 answer -
Проблема с рисунками
Здравствуйте! Пытаюсь создать тестовый сайт на локальном компьютере. Возникла такая проблема. Мне надо из формы отправить на сервер путь к файлу рисунка. Поставил кнопку Browse (Обзор), но она выдает только имя файла. Как можно получить путь к нему? Возможно ли это не в ручном режиме? Поиски в Google ни к чему не привели. Возможно, потому что не смог правильно сформулировать запрос. Если не трудно, дайте ответ или ссылку, по которой можно получить эту информацию. Спасибо!
0 votes0 answers -
Высота блоков
Доброго времени суток! Есть n-ое кол-во блоков, в данном случае 6, как растянуть их на всю высоту экрана так, чтобы при увеличении экрана они тоже увеличивались?(Высота у блоков равная)
0 votes1 answer -
Объясните пожалуйста
Объясните пожалуйста,как позицию картинки вы задаёте? Например я в фш сделаю меню для сайта, вставлю в тег <div> Как задавать расположение? Или расположение в фш задаётся?
0 votes1 answer -
Резиновый сайт, координационные карты..
Есть сайт, фото на нём резиновые, меняются в зависимости от разрешения экрана... Я могу к ним применить координационные карты??? Ведь при задании их, надо указывать координаты пикселей.... А фото постоянно меняется в размерах.....
0 votes1 answer -
Помогите определить шрифт
Пытался определить с помощью онлайн инструментов, но не смог. Что за шрифт?
0 votes0 answers -
нужна помощь с выпадающим меню
Здравствуйте. Очень срочно нужна помощь. Возникла проблема при верстке выпадающего меню на css. При открытом выпадающем меню, когда курсор находится вне ссылки верхнего уровня пропадает фоновая картинка под этой ссылкой (она становится неактивной). <!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>Документ без названия</title> <link rel="stylesheet" type="text/css" href="styles.css" /> </head> <body> <div id="contai…
0 votes0 answers