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
-
карта города
Прошу совета ! Задача такая есть карта города, нужно сделать выделение района при наведнии и при нажатии переход на ссылку вида site.ru/flats/all/side/ название района города. как лучше реализовать ??? просто если бы формы картинок были прямоугльные сделал бы дивами и менял бекгроунд а так не могу придумать как седлать . Заранее спасибо
0 votes4 answers -
fieldset
Здравствуйте! Объясните мне пожалуйста в каких случаях нужно использовать fieldset? теорию читала, но всё равно до конца не ясно. Никогда не использовала в формах fieldset, советали так. Говорят его применять нужно только в крайних случаях, по необходимости, почему?
0 votes3 answers -
Подскажите. что лучше использовать в моём примере JS или PHP?
Нужно, чтобы блоки текста(небольшие описания в 30-50 слов)появлялись в определенном диве, при нажатии на определённую ссылку. Блоков около 20-30, не больше.Что разумнее использовать? Как я понимаю, при JS в браузер загрузятся все эти 20-30 блоков одновременно и надо будет руководить их видимостью? Или же имеет смысл каждый раз обращаться к серверу для вызова определённого блока?
0 votes11 answers -
Firefox и background
Здравствуйте. Столкнулась с непонятной проблемой. Огнелис в упор не видит стили body, точнее все, что связано с background. Сайт с большим фоновым изображением прибитым к низу страницы. Оставшееся сверху пространство заливается уже бесшовной текстурой. Так вот в Огнелисе это пространство остается белым. Может где-то в коде ошибка и я ее в упор не вижу? При добавлении контента ситуация не меняется. Текст просто идет поверх этого белого пустого пространства. Привожу код css и html: html, body {font-size:87.5% !important; padding: 0; margin: 0; background: #030910 url(img/bg_main.jpg) repeat; color: #333333; height:100%; width:100%; min-height:100%; min-width:1024p…
0 votes4 answers -
Вёрстка для КПК / PDA
Всем привет. Есть кучка вопросов возможно будут ещё. 1. Какой DOCTYPE выбрать для пда режима? 2. Как вравильно подобрать ширину экрана для телефона? Поставить ширину 100% или поставить фиксированую ширину с максимальной и минимальной шириной? 3. Лучше использовать таблицы или дивы? 4. Как сделать чтоб дизайн адаптировался под размер экрана телефона или монитора? Думаю пока всё, заранее спасибо
0 votes3 answers -
Изменить свойство одного divа при наведении на другой.
Привет, коллеги! Возможно я не первый спрашиваю, но не могу найти ответа. Есть такая конструкция .row .title:hover{ background: rgba(209, 54, 27, 0.7); /* Цвет фона */ } <div class="row"> <div class="image-fid"></div> <div class="title"></div> </div> Видно, что при наведении на .title у него изменяем фон Вопрос, как сделать так, чтобы и при наведении на .image-fid (или целиком на .row) менялся фон только у .title? Заранее спасибо!
0 votes2 answers -
Выравнивание рисунков в слое
Здравствуйте. Возникла проблема в верстке. Существует слой с шириной 940px, необходимо разместить 4 картинки с шириной 200px в одну строку. Остальные картинки с пятой размещаются на второй строке и т.д. 1 и вторая картинки должны быть размещены впритык к левому(для первой) и к правой (для четвертой картинки). Исходя из этого, 940 - (200 * 4) = 140px. Т.е по 46px между 1 и 2, 2 и3, 3 и 4. Для этого я пробовал делать "text-align: justify". Для первой строки картинок все очень хорошо. Но со второй строки отсутствуют отступы: Ссылка на больного: http://ascin.ru/zyuzin/test.html <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="t…
0 votes5 answers -
Съехали блоки
http:// hexlife.in.ua/index.php?id=181 <div class="content"> <div style="padding:10px 20px 10px 20px;"> <p> Другі страви</p> <div style="width:205px;text-align:center;float:left;"> <div class="ramka_galerey"> <a class="highslide" onclick="return hs.expand(this)" style="wigth:150px;height:130px;" href="/images/gallary/20120508113108.jpg"> <table cellspacing="0" cellpadding="0" style=" width: 100%; height: 100%; text-align: center; vertical-align: center;"> <tbody> <tr> <td> <img title="На…
0 votes2 answers -
Как можно скрыть ссылки на картинках
Помогите пожалуйста мне реализовать скрытие ссылок на картинках. Суть вот в чем: на странице есть текстовые ссылки и ссылки с картинок. Как можно сделать что бы ссылки с картинок были не активны (при нажатии не происходил переход), а текстовые ссылки остались как есть. Сайт стоит на ДЛЕ и класс или идентификатор к каждой ссылки сделать достаточно трудоемко, могу только всё взять в див и уже див"у назначить класс или идентификатор. Вот для примера: <div class="hidelink"> <a href="page1"><img src="image1.jpg"></a> <a href="page2"><img src="image2.jpg"></a> <a href="page3">text link</a> </div> <a href="">сде…
0 votes3 answers -
@font-face
в стилях CSS подключен нестандартный шрифт по средствам @font-face по адресу http://site.ru все работает а по адресу http://www.site.ru шрифт не подключается в файли CSS прописано так: @font-face { font-family: 'Bolero script'; src: url('../font/bolero-script-webfont.eot'); src: url('../font/bolero-script-webfont.eot?#iefix') format('embedded-opentype'), url('../font/bolero-script-webfont.woff') format('woff'), url('../font/bolero-script-webfont.ttf') format('truetype'), url('../font/bolero-script-webfont.svg#BoleroscriptRegular') format('svg'); font-weight: normal; font-style: normal; }
0 votes2 answers -
Радиальный градиент в Firefox и Chrome
Решился использовать на странице радиальный градиент. Однако обнаружил забавную вещь: При одинаковых параметрах: background-image: -webkit-radial-gradient(circle farthest-side, #FFF, #C5C5C5); background-image: -moz-radial-gradient(circle farthest-side, #FFF, #C5C5C5); Градиент отображается по-разному в Firefox и Chrome (в других пока что не проверял): Chrome: http://rghost.ru/41034060.view P.S. Видна внешняя граница градиента. Firefox: http://rghost.ru/41034084.view P.S. Внешняя граница градиента становится видна только на расстоянии от монитора. Вот такая вот штука Вроде бы все одинаково, а отображается по-разному. Как сгладить градиент в хроме я даже не знаю (увелич…
0 votes3 answers -
Границы у таблицы
Реализовано таблицей. Подскажите как сделать такие границы, а именно как их вставить?
0 votes6 answers -
Проблема с last-child
Есть вот такая структура и CSS .post:last-child <div id="content"> <div id="post-1" class="post"> </div> <div id="post-2" class="post"> </div> <div id="post-2" class="post"> </div> </div> Если такая структура то ласт чилд работает, в конце блока контента добавляю див с пагинацией <div id="pagination"></div> и ласт чалд уже не работает. В чем проблема может быть? Это вообще как-то не логично... И вообще если в конец что либо добавить даже пустой див без атрибутов то опять же ласт чилд не работает. В принципе решение нашел, но оно не удовлетворительно, это просто взять эти блоки в пустой див. а пос…
0 votes5 answers -
Как сделать такую тень на css?
Всем привет. Вот мучает вопрос, как сделать такую тень на css: http://clip2net.com/s/5rR9d5 Я с тенями пока на "ВЫ". Может лучше сделать картинкой?
0 votes4 answers -
overflow
Дорогие форумчане. Я использую overflow для чата, который сейчас делаю, чтобы вместились все диалоги. Но вот беда, при использовании его, самое старое сообщение отображается в самом верху, а мне нужно, чтобы начиналось все снизу. Если я правильно объясняю. Нужно,чтобы блок листался наверх а не вниз. Подскажите, как это можно осуществить без js?
0 votes10 answers -
SVG траблы
Подскажите плиз кто работал с svg, встраиваю svg прямо в html и все круто кроме одного - примерно 2/3 html это svg и еще гадкий jade в sublime 3 ломает индентацию (приходится ручками подправлять). Решил встроить svg спрайтами через background-image но есть проблема - не могу использовать fill, что мне делать то, отдельный спрайт для ховера делать ?
0 votes7 answers -
Выпадающий список
Доброго времени пытаюсь сделать удобную спортивную статистику, сайт собираю на joomla. Так что же хочу спросить. Как сделать выпадающий список , который при выборе списка в том же модуле откроет мне другую таблицу пример многие спортивные сайты, в которых можно сразу посмотреть несколько статистик .. http://volleypod.ru/тут есть такой ) заранее спасибо большущее , за ответ на мой глупый вопрос
0 votes0 answers -
Проблемы с дизайном сайта.
Всем привет, ответьте пожалуйста на несколько странных вопросов: 1. Подскажите пожалуйста как добавить разрыв между слайдером и основной частью сайта. Попробовал aside, но это совершенно не то. 2. Пытаюсь на фон добавить 2 картинки, но получается так, что картинка, которая подразумевается снизу идет просто по низу экрана монитора. body.base { background: url('/картинка') bottom center no-repeat,url('/картинка') top center no-repeat,#000000; height: 100%; }P.s. Понимаю, что юкоз не лучшее решение, но хоть как-то... Заранее благодарен! Сам сайт: Ссылка —— Такс ну первую я проблему более или менее решил, поместив слайдер в таблицу
0 votes2 answers -
Атрибуты rel и type в тэге link
Оба атрибута сообщают браузеру тип подключаемого файла, но в таком случае, почему не достаточно лишь одного?
0 votes8 answers -
Верстка темы Wordpress в контенте старницы
Добрый день дорогие читатели форума! Обращаюсь к профессионалам по верстки тем на wordpress. Работаю с joomla и знаю что куда лепить, а вот с wordpress кодом практически не знаком. Хотя сам давно хотел уже для себя закрыть этот вопрос. И тут мне была поставлена задача сверстать шаблон на wordpress. Покопавшись в самом структуре кода, я понял что есть html разметка, в которую обернуты php вставки кода с выводом информации бд . Также регенерация классов происходит тоже за счет php. К сожалению разбираться с php у меня времени не так много, хотелось бы сделать все быстрее и как можно лучше. Свое внимание я обратил на редактор контента в woredpress. http://hkar.ru/FCjb …
0 votes1 answer -
что криво выстроились
Подскажите вот чего дочерние блоки с классом block криво по горизонтали выстроились? https://jsfiddle.net/jbs8pctt/
0 votes2 answers -
Адаптация или две разных версии
День добрый, Ув. коллеги! Уже давно занимаюсь версткой, проходил кучу разных фреймворков сеток и т.д. Но иногда, после того как приходит дизайн десктопа и мобильных версий у меня волосы дыбом и отбивает желание этим заниматься. В этих макетах всё становится не логично, то что было в сайдбаре переносится в хедер, поиск в вебе был в хедере, а в мобиле он уже находится в открывающемся меню и т.д. Я понимаю что технически просто делается дубль элемента и открываются один из них в зависимости от устройства. Но смысл делать тогда в мобилу делать страницу где лежит куча лишних блоков, которые человек даже не увидит с телефона. То есть мы облегчаем страницы для устро…
0 votes2 answers -
Как создать страницу из фреймов
Нужно написать с помощью, языка HTML, страничку в которой будут 6фреймов, визуально представлено на картинки ниже. пожалуйста, помогите)
0 votes2 answers -
CODE и UL
Ссылко Как видно в FF3, если внутрь <code> запихать список, то почему то список вылазит за пределы блока. Пример <code> <ul> <li>Запись</li> <li>Запись</li> <li>Запись</li> </ul> <code> И даже Firebug отображает, как внешний элемент, а не внутри. Как с этим бороться? P.S. Другой баг со списками. Если поставь картинку с float left, то список наезжает на картинку? А тут как?
0 votes1 answer -
Joomla и div-ы
http://domostroenie.by/new/ Firefox и Chrome умнички, нормально отображают div-ы. Opera же сами посмотрите что делает. Мало того, что не выделяет под флешку расстояние, так ещё и правый блок сдвигает вниз. Как победить? Да ещё и с расположение проблемы. Чтобы сделать прижатую к правому краю флешку, и прижатую к ней картинку делаю так <object width="730" height="250" align="right"> <param name="movie" value="media/test.swf"> <embed src="media/test.swf" width="730" height="250" align="right"> </embed> </object> <img src="media/logo-default2.gif" align="right"> Очень нелогично, но действенно. В каком месте я дурак?
0 votes2 answers