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
29,542 questions in this forum
-
Как связать низ колонок
Всем доброго времени суток. Я опять со своей проблемой! Никак не пойму, как работать с высотой при вёрстке таблиц, и не важно в чём они построены. У меня прям руки опускаются, что не понимаю я как надо написать алгоритм, чтобы всё отображалось как надо. У меня есть несколько вариантов вёрстки, но у каждого какие-либо отклонения от желаемого результата. Причём если в одном шапка получилась,то с телом проблемк, а где тело в норме, то шапка ведёт себя как попало! Пытаюсь сделать по аналогии удачного примера, но получается ерунда какая-то. Пожалуйста, подскажите, как быть с высотой? Потому что в некоторых примерах, подсмотренных с нэта,вроде вообще нет никаких указаний на…
0 votes10 answers -
Маркер default в ie6
Маркер списка в ie6 отображается по нижней строке. В остальных браузерах по верхней. Вот изображение иллюстрирующее это: В поисках привил которые помогли бы исправить положение использовал vertical-align , но решение выглядит скорее как костыль. Не могу понять проблему ибо vertical-align для списка не использовал. Может кто сталкивался с подобным. В чем причина такого поведения и как это исправить?
0 votes5 answers -
Выстроить таблицы в ряд от левого края
Добрый день есть следующая проблема: Фиксированную высоту табличке (голубой прямоугольник) задавать нельзя. По-разному пробовал, не помогает. У всех табличек прописан float:left; Таблички, как видно из рисунка, расположены в ячейке таблички. Спасибо!
0 votes7 answers -
по всей высоте дива фон
есть верстка в три колонки+шапка div имеет background img div в высоту равняется высоте контента как сделать что б div в высоту был на максимум а не по высоте контента? div{ height :100%} - не катит так как высота получается всей страницы вместе с шапкой, а надо без нее.
0 votes4 answers -
Вёрстка дивами.проблем
Очень важно, помогите кто в силах... У меня есть шаблон, взял тут http://trifler.ru/blog/i/users/shablon/b3.htm, (немного его переделал), надо сделать так чтоб при другом расширении экрана левые и правые уши раздвигались, а центр находился на своем центральном месте. у меня же получается что правое ухо больше левого. и ещё проблема с уменьшением размера окна браузера. Заранее благодарен. HTML: <body> <div id=gl> <div id=uho1><div id=zas1>1</div></div> <div id="gordi"> <div class="header"><div id=div1>1</div><div id=div2>2</div><div id=div3>3</div></div> <div class="center"&…
0 votes0 answers -
Где совсем новичку брать шаблоны сайтов для анализа?
Добрый день. Где новичку брать макеты сайтов для их анализа? Вроде бы HTML и CSS немного изучил, пару книжек прочёл, в основы погрузился. А что дальше? Вот хотел бы анализировать чужие сайты. Но реальные, в интернете - чудовищно сложны с моим уровнем знаний, и притом, там же кроме HTML и CSS ещё и скрипты, которых я пока вообще не касался, и PHP. Пробовал анализировать шаблоны с сайта http://ru.anvisionwebtemplates.com/ - тоже сложновато ещё. Реально сложно, громоздко, неудобно, непонятно. А с другой стороны, шаблоны со странички http://htmlbook.ru/layout уже все проштудировал и полностью, как мне кажется, разобрал. А с http://ru.anvisionwebtemplates.com/ - ещё сложно. Т…
0 votes9 answers -
Обязанности верстальщика
Здравствуйте, уважаемые профессионалы верстки! Хотел бы уточнить такой вопрос: Что должен сделать верстальщик, если в шаблоне есть различные формы, например, такой: Или например, форма подписки на рассылку, голосование или анкеты? Какой функционал входит в обязанности верстальщика?
0 votes8 answers -
Блок уходит вниз при добавлении в него заголовка
Здравствуйте! Проблема: При доб. текста в "div.block-item" (внутри тегов <p>,<span>,<h5>) он уходит вниз. С помощью "display: table" для <h5> можно это исправить, однако "text-align: center" не будет работать. Код HTML: <html> <head> <link rel="stylesheet" href="style.css"> <meta charset="utf-8"> </head> <body> <div class="center"> <div class="block"> <div class="block-item"></div> <div class="block-item"> <h5>TEXT</h5> </div> <div class="…
0 votes4 answers -
Как сделать кнопку с тенью и закругленными краями?
Как сделать кнопку с тенью и закругленными краями? Приведите пожалуйста примеры кода.
0 votes5 answers -
Как "скинуть" элемент вниз?
Мне нужно сделать так что когда на сайте текст не нужной мне ширины он "спускался" ниже, вот скрин чего я хочу.
0 votes3 answers -
помогите выровнить банер
Подскажите решение , я уже замучился <table class="tablebg" cellspacing="1" width="100%"> <tr> <td class="cat" colspan="5" align="{S_CONTENT_FLOW_END}"><!-- IF not S_IS_BOT and U_MARK_FORUMS --><a class="nav" href="{U_MARK_FORUMS}">{L_MARK_FORUMS_READ}</a><!-- ENDIF --> </td> </tr> <!-- BEGIN forumrow --> <!-- IF forumrow.S_IS_CAT --> </table> <br clear="all" /> <table class="tablebg" cellspacing="1" width="100%" > <tr> <div align="center"><!-- IF ADS_10 --> {ADS_10} <!-- ENDIF --></div> <th colspan="2"> {L_FORUM} </th> <th width="50"…
0 votes18 answers -
Наслаиваются <div>
Помогите пожалуйста! У меня в верстке наслаиваются дивы друг на друга!!! <div id="bottom"> налазиет на <div id="container"> Как это исправить код <!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> <meta name="keywords" content="" /> <meta name="description" content="" /> <link type="text/css" rel="stylesheet" href="style.css" /> </head> <body> <div …
0 votes6 answers -
Верстка фигуры
Здравствуйте! Подскажите как можно сверстать вот такую фигуру Каждая из трех составляющих пентагона должны быть кликабельны (ссылки), а также поверх них должен быть текст. Для каждой составляющей будет разный фон в виде картинки. Как все это сделать средствами CSS и HTML? Желательно максимально кроссбраузерно. Заранее благодарен!
0 votes19 answers -
жесткий размер окна браузера
Спасите чайника, расскажите подробнее какими способами можно задать жесткие размеры к окну браузера(Eplorer), чтобы само окно вообще не растягивалось и можно ли вообще... Заранее спасибо
0 votes3 answers -
Закачка файлов с сайта.
Необходимо организовать закачку файлов с сайта (word, exel,pdf). Собственно это сделано: на сервере есть папка download где помещены файлы на которые указывают ссылки с разных страниц сайта. Но проблема вот какая. В разных браузерах работает все как-то сикось накось. В Firefox все тип топ, жмешь на ссылку открывается программа загрузки файла, указываешь путь, начинается закачка. В IE это происходит только если кликаешь на ссылке для скачивания файла word, файл с расширением pdf так просто не скачать необходимо кликнуть правой кнопкой мыши на ссылке и выбрать "Сохранить файл как...". Ну а в Opera никакие файлы никаким образом не скачать. В чем проблема? В принципе идеаль…
0 votes6 answers -
Div верстка
На скриншоте изображено как сайт выглядит сейчас на моем мониторе, элементы которые позже будут приходить в движение подчеркнуты. А вот что происходит, когда размер монитора меняется. Подчеркнутые элементы разъезжаются. А мне бы этого не хотелось, но как побороть что-то не пойму. Играл и тегами position, и с display, и с background attachment - ничего не помогло, наставьте на путь истинный пожалуйста.
0 votes9 answers -
Высота всей страницы - всегда 100%. Как?
Здравствуйте. Задача: Первый и последний имеют фиксированную высоту, например, по 100 точек. Третий же должен растягиваться по всей высоте, независимо от содержимого. При этом, если содержимого много то в нем должна появляться полоса прокрутки. Таким образом, высота страницы всегда остается 100%, а титул и подвал всегда видны. Помогите, пожалуйста, с решением.
0 votes5 answers -
table CSS
Помогите, пожалуйста, с раскраской таблицы. <html> <title>test</title> <style> #gsearc-table { width: 100%} #gsearc-table td { width: 50%; vertical-align:top;} </style> <body> <table id="gsearc-table" border="1"> <tr> <td>AAA</td> <td>BBB</td> <td>CCC</td> <td>DDD</td> </tr> </table> </body> </html> Допустим, у меня есть таблица с 2-мя столбцами - она резиновая, шириной 100% и пока что два столбца, которые должны располагаться симметрично. Ставлю им ширину 50%. Но потом, у меня может быть и 3 столбца и хотелось бы, чтобы у них ширина была примерно 33%, …
0 votes7 answers -
Всплывающее окно
Здравствуйте, Подскажите пожалуйста как сделать всплывающее окно средствами html, чтобы оно было без адресной строки и заданного размера. Спасибо.
0 votes4 answers -
Недостаточно плавная анимация
http://jsfiddle.net/hj2Yk/ Можно ли сделать плавнее?
0 votes28 answers -
Резка макета
Подскажите по сабжу, а то я всегда резал Jpeg, а тут один знакомый дизайнер заявляет мне, будто делать это непрофессионально (нашёл профессионала :-D), сжатие, потеря кач-ва и всё такое... А я просто не представляю, как можно резать макеты по-другому.
0 votes8 answers -
Наследование фона таблиц внутри таблиц
Имеется фоновая картинка листа в теге body. На весь лист создаю таблицу 100%х100%. Фоновая картинка таблицы - прозрачная сетка. Далее размечаю лист, как хочется. Нужно, чтобы при создании новых таблиц внутри основной ее фон не распространялся на них, но фон листа оставался. Пока избавляюсь от сетки, назначая фоновый цвет таблицам. Но при этом фон листа тоже исчезает.
0 votes6 answers -
все остаётся позади FLASHA
ребят помогите. в диве находится МЕНЮ и ПОИСКовик.......в этом же диве я размещаю ФЛАШ..... . МЕНЮ и ПОИСКовик у меняposition:absolute;и поэтому они остаются позади флаша. КАК СДЕЛАТЬ ТАК ЧТОБ ОНИ БЫЛИ СВЕРХУ ФЛАША? ВООБЩЕ ЭТО РЕАЛЬНО?
0 votes9 answers -
непонятный отступ снизу у swf'ок в FF3
В ИЕ все норм, а вот в FireFox 3.0+ при попытке вставить в ячейку swf'ку появляется непонятный отступ снизу - перепробовал кучу вариантов но пока так и не удалось избавится от этого глюка, может кто вкурсе что это и как это лечить? Вот простой пример: <!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=windows-1251" /> <title>Untitled Document</title> </head> <body> <table width="500" border="0" cellspacing="0" cellpadding="0"> <tr>…
0 votes4 answers -
Опустить колонки до футера, а футер до низа
Уважаемые, столкнулся с проблемой... Не могу опустить футер до низа браузера и не могу опустить обе колонки до футера... надеюсь ктото поможет =) <! DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>vo4tap.info</title> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" charset="windows-1251" /> <meta name="Keywords" content="Кодовые, слова, через, запятую" /> <meta name="Description" content="Описание страницы и что за херня на ней" /> <link href="style.css" type="text/css" rel="stylesheet"> <style> * {padding: 0; margin: 0;} html {height: 100%; min-width: …
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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-