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 -
Возможно решение без жс?
картинка врет )) размер первого блока 640px картинка два блока фикс третий резина контейнер для резиновый поставили задача при мелком разрешении 1080 (значение константа) 1 и 2 блоки сверху 3 снизу при большом разрешении все три блока в один ряд 1 окно посредством жс имеет способность расширяться на всю страницу и соответственно 2 и 3 блоки снизу (3 блок занимает оставшееся место (т.е. width: 100%-150px - margin/padding)) так вот пока все что пришло в голову это вычислять размер окна и потом высчитывать и прописывать ширину блоку который номером 3 но ввиду того что это всё счастье ещё и верстается под браузер консоли ПС3 жс там не всегда корректно работает
0 votes10 answers -
Помогите советом
Приветствую ! Хотелось бы попросить более опытных верстальщиков посоветовать: на картинке ниже то, как мне нужно сделать. Посоветуйте, как бы вы делали это ? Хочу просто понять, как делать такие надписи семантически правильно.
0 votes10 answers -
Текст под ролловером
Такая проблемка. Пункты меню на сайте написаны не текстом, а картинками, ролловерами. Ролловеры сделаны на CSS. Всё чудесно, кроме одного. Некоторые чудаки бродят по Интернету с отключёнными картинками, и для них такое меню просто невидимо. Как назначить альтернативный текст картинке - общеизвестно. А вот как назначить текст ролловеру?
0 votes10 answers -
<img> ? совсем затупил.
ДД. Почему-то после <img> происходит перенос каретки. Почему??? Разве так должно быть?
0 votes10 answers -
сОХРАНЕНИЕ РАБОТЫ
Привет всем!Нужна помощь Хочю сделать 2 кнопки в таблицы Как на рисунки (да/нет). При на жатие на кнопку нет вместо 2 кнопок появлялся текст (НЕТ) как на картинки (а если нажать кнопку да значит появлялся текст (ДА) Как это сделать?Заранее благодарю
0 votes10 answers -
Проблема с div-ссылкой в Firefox
Суть такова. Делаем портал на php с одним человеком. Дизайн разработал я, а верстал он. Но мы оба не профессионалы в этом деле и так как я пользуюсь браузером Firefox, а он - Opera, то у нас сразу выяснилось много проблем. И вот одна из них, которую мы просто наглухо не можем решить. Дело вот в чём. Разрабатываем топ юзеров, ну блок такой сбоку. Выглядит он примерно так: При наведении курсора на каждый блок он весь как ссылка отображаться должен. То есть не только на текст ника или аватарку, а вообще ка каждый отдельный блок курсор наводишь, он цвет немного меняет и как ссылка отображается. Их CSS таков: .usertop-block-0 { font-family: tahoma, verdana, arial, sans-se…
0 votes10 answers -
Помогите пройти валидацию
У меня есть форум, есть блог. И то и то работает, но вот приспичило мне проверить валидность кода. Использую для этого HTML Validator для Firefox. Сейчас исправляю форум. Некоторые ошибки сам исправил. Но еще много осталось. Около 100. Может что-то и осталось, что я сам смогу исправить, но в таком количестве тяжело ориентироваться. Начал "читать" с начала. И первая ошибка на строчку... "<!DOCTYPE html>" Не пойму что с ней не так. Делал как в статье автора Марк Пилгрим. Спецы, может поможете чуток. Адрес форума from-kpi.com.ua
0 votes10 answers -
не большой вопрос о таблиц
Добрый день Делаю шаблон для cms, нужно сделать таблицу с тремя столбами, как на картинке: возможно сделать? помогите
0 votes10 answers -
Опера некорректно отображает содержимое заключенное в теги pre, code
Здравствуйте, уважаемые форумчане. Не могу назвать себя начинающим, сделал уже не один сайт, но вот попалась задача, с которой ну никак не получается справиться. Очень надеюсь, что кто-то уже сталкивался с ней и поможет мне найти решение. Суть проблемы в следующем. Есть плагин подсветки кода, который подсвечивает участки кода, заключенные в теги pre и code . Например: <pre><code> первая строка кода вторая строка кода третья строка кода </pre></code> Так вот браузер Опера, отображает такой код не так, как остальные браузеры. Расстояние между строчками получается больше.. Не могу понять почему. Уже применял разнообразные ресеты, пробовал варьироват…
0 votes10 answers -
Фон на весь екран.
Нужно создать фон http://img406.imageshack.us/img406/5307/98721749.png Вставляю в ксс но в большом разшерение ,он не розтягивается на все 100% http://img687.imageshack.us/img687/2043/65894222.png
0 votes10 answers -
Как картинку по верх всего повесить?
Доброго дня всем! У меня вопросик по CSS, помогите ответом: есть фон, на нем верхняя картинка (условно назовем ее Header)которая по ширине уже чем фон, и есть логотип, который надо по верх Headerа закрепить, но так чтобы он вылезал за его рамки? Короче говоря - Как картину по верх всего повесить в произвольном месте??? Я это сделал так: .logo { background-image: url('images/logo.png'); background-repeat: no-repeat; height: 441px; width: 362px; margin: 0; } Но когда меняю значение "margin" карявиться весь сайт!!!
0 votes10 answers -
как правильно написать шапку сайта
Помогите правильно написать шапку сайта, столкнулся с проблемой что шапка идет в 2 строчки а не в одну. вот текст <html> <body> <style> .heade { background-image:url(img/headcenter.jpg); width:100%; } </style> <p>Шапка) <div class="heade"> <img alt="" src="img/headleft.gif"> <img alt="" src="img/headright.gif" style="float: right;"> </div> </body> </html>
0 votes10 answers -
IE7, 8 Растягивает жесткий макет на всю ширину окна. Как это победить?
Доброго всем времени суток! Подскажите пожалуйста, почему IE7, 8, растягивает жесткий макет на всю ширину своего окна, тогда как в опере или фф, все нормально и остается место для фона слева и справа? Каркас жесткий 1000px. Верстаю первый макет на divах, может чего не так изначально?
0 votes10 answers -
INLINE
В общем вся суть проблемы есть так называемый хит продаж, его можно посмотреть тут в правой колонке сайта моя задача:нужно отключить так называемую карусель и вывести товары в один ряд. файл хтмл: <div class="carouselDiv"> <div class="jCarouselLite"> <ul> {section name=i1 loop=$hits_to_show max=$smarty.const.CONF_MAX_HITS} <li> <div style="margin: 2px; text-align: center;"> <a href="./{$hits_to_show[i1][5]}"> <img src="./products_pictures/{$hits_to_show[i1][3]}" width="130px" height="130px" alt="{$hits_to_show[i1][1]|replace:'':'"'}" /> </a> <br/> <a href="./{$hits_to_show[i1][5]}" class="ti…
0 votes10 answers -
Хочу написать блог
Привет! Хочу написать самодельный блог для своего небольшого сайта. Сам сайт довольно простой, без движков. Статьи будут состоять из html+css+js контента, хранимого в папках. Создание статьи - это создание html (css, js если надо) файла в нужной папке и регистрация в другом файле. Рендериться статьи будут через php скрипт. Если много записей, то будет показано только несколько самых новых, а остальные подгрузятся через ajax запрос, если нажать "Show older posts" как на стене вконтакте, т.е. Поиска по словам/тэгам не будет. Комментирование плоское (не древовидное), старые комменты скрыты, но подгружаются на месте при нажатии "Show older comments". Для комментирования не ну…
0 votes10 answers -
Первый сайт
Решил создать СВОЙ первый сайт. Надоело тырить все скрипты,коды с других сайтов. На "моём" сайте,дизайн которого я слизал с нэта,всё было расположенно по таблицам. Возникло пару вопросов для The PRO. 1.Как поместить весь сайт в таблицу? 2.Ставить сначала блоки,затем контент или наоборот? 3.при валидации "моего" сайта валидатор написал мне,что <html> должен писаться html>,собсно вопрос:"Что за Бред??" Надеюсь на ответы,без ругательства матом,спасибо.
0 votes10 answers -
Дизайн + вёрстка
Здравствуйте! Может не совсем правильно выбрал подраздел для своего вопроса, но решил спросить здесь из тех соображений, что сюда наверное чаще всего заходят верстальщики. Видел на форуме(сейчас уже не могу найти где именно) обсуждение работы дизайнеров в том смысле, что бывают толковые дизайнеры, после которых верстать одно удовольствие, а бывают не очень - такое наваяют, что потом и не сверстаешь. Опять же картинка должна быть в каком то определенном формате. Подскажите кто с кем работал, чтобы потом было поменьше проблем с версткой? Может ссылки какие на примеры работ?
0 votes10 answers -
Подскажите с фиксированным фоном
В чем собстввенно проблема. Я хочу сделать дизайн с фиксированным фоном во всю ширину и длину страницы. Я знаю что можно это сделать через дивы например, но важно не это. Как мне сделать так что бы заходя на страницу у пользователя определялась разрешение монитора и в соответствии с этим на фон выставлялась нужная картинка. Помогите! Очень прошу! Облазил весь гугл и яндекс, не чего нету. Нашел только вариант с разными страницами...тобиш пользователь заходит на сайт если у него одно разрешение попадет на одну страницу, если другое то на другую.Этот вариант мне не катит так как придется дублировать все страницы. Попрошу поподробней разьяснить пожалуста. Заранее спасибо.
0 votes10 answers -
Как лучше добавить информацию
Приветствую Всех кто забежал в эту тему, и всех кто не забежал ( но они об этом не узнают =) ) Во время праздничных деньков решил делать для себя сайт... первые два дня пока разобрался что к чему ушло на первую страницу xiks.ru ( дизайн верстка с нуля) Потом еще два дня ушло на переделку флеш макета под себя и в результате получился сайт foto.xiks.ru ( логотипы и фото тоже мое творение) перешел к разработке сайта reklam.xiks.ru и зашел в тупик... нарисовал макет в фотошопе нарезал выставил кнопочки сделал... Помогите советами как бы так так удобно сделать информацию которая будет как бы на белом листочке что в макете... или чтоб он растягивался по мере добавления информа…
0 votes10 answers -
Вертикальный отступ между картинками-сслыками
Товарищи, больше не могу с этим мучаться! Проблема в том, что на сайте есть ряд ссылок-картинок в виде <a><img></a>. В таблицу не хочу их пихать, чтоб при масштабировании окна браузера не появлялась полоса прокрутки, а ссылки-картинки просто переносились на новую строку. Горизонтальный отступ между ними получился только в путь с помощью свойства margin-left для IMG, а вот с вертикальным ну хоть вешайся. Уже всё перепробовал. Вот сслылка на страницу: http://www.rps-gc.ru/?page=154
0 votes10 answers -
как сделать такое на div
css #test { margin-left:1px; margin-top:1px; border:1px solid #9999FF; float:left; width:30%; height:250px; display:block; background-color:#DEDEFF; padding:1%; overflow: hidden; } html <div id='test'> <table border='0' height='100%'> <tr> <td height='80%' valign='top'> первое </td> </tr> <tr> <td> второе </td> </tr> </table> </div> как можно заменить таблицу div ? когда вставлял 2 div vertical-align:bottom; не работал.
0 votes10 answers -
Сабмит некорректно отображается в Мозилле
Всем доброго времени суток. никак не могу решить данный вопрос - для submit я сделал отдельный класс, но в Мозилле данный сабмит некорректно отображается, причем даже в IE8 нормально. вот кнопка в гугл хроме, опере и IE8 а вот как в мозилле: Сам сабмит можно посмотреть Здесь Очень надеюсь на Вашу помощь, заранее спасибо =)
0 votes10 answers -
Закруглённые края ПОМОГИТЕ
Помогите, который день мучаюсь с углами в İE.. Сегодня наконец добилась хоть какого-то прогрeсса. Подключила DD_roundies_0.0.2a.js Код: <script src="DD_roundies_0.0.2a.js" type="text/javascript"></script> <script type="text/javascript"> DD_roundies.addRule('.roundify', '10px'); </script> В CSS: .roundify { border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; } Удачно закруглил один угол... Начались проблемы из-за scroll. Выносит края scroll на бордер и не округляет их.. Уже не знаю что делать.. + в Опере на почему-то на закруглённом бордере оставляет белые углы. Как с этим бороться?
0 votes10 answers -
отдельный блок для меню
Здравствуйте. У меня такая задача: хочу чтобы меню на сайте (html-ном) подгружалось на все страницы с одного файла, чтобы не приходилось каждый раз при добавлении новой рубрики, менять меню на всех страницах сайта. На php это делается, а вот можно ли сделать такое в html? Спрашивал у некотрых веб-мастеров, но никто не смог сказать, можно ли такое сделать и попросили обратиться сюда. Заранее всем спасибо.
0 votes10 answers
-
Обсуждения
-
Доброго всем времени суток. Прошу помощи. Научите принципу изменения футера. Движок 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть. -
Решение нашел. Заменил на Всем привет. Список выходит из дива. При этом, другие элементы в диве отображаются корректно. Не могу найти причину. Нужно чтобы список был под кнопкой ПЛЕЙ... -
Здравствуйте! Мы команда программистов с многолетним опытом разработки. Работая с нашей командой, Вы получаете порядок условий и развитие с обеих сторон: разработка проекта и продолжение сотрудничества на долгосрочной основе, так же специалисты всегда готовы предложить различные идеи и дополнения. Разрабатываем проекты любой сложности: скрипты для автоматизации рутины, боты, сайты, админ панели, ico, ldo, разработка криптовалюты, смарт контракты, приложения, игры. Ответственность, качество, соблюдение дедлайнов - это про нас! Наш контакт: https://t.me/MadFury (https://t.me/madfury) (TG) TG: https://t.me/2e7.io Сайт: https://code-r.io/
-