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
-
Верстка дивами.
Столкнулся с небольшой проблемой. Надеюсь не откажете в помощи. для ясности картинка получающегося. http://funkyimg.com/viewer.php?img=/2/1467/064/451035Untitled-2.jpg Идут три блока по горизонтали. 1. слева тайлится левый фон. на картинке выделен зеленым. 2. по центру идет блок с контентом, на нем белый фон. 3. справа тайлится правый фон. точно также как левый только отзеркаленый. так вот, если контент в 2 блоке растет, то левый и правый блоки не тайлятся, если в них нет контента, получается черный фон, выделил синим. по моей задумке, левый и правый блоки должны просто растягиваться по вертикали вместе с центральной частью и заполняться тайлингом по верти…
0 votes3 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 -
верстка дивов (правый заходит под левый)
Как сделать так: есть два дива: левый и правый. В левом пусть будет меню, а в правом длинный текст до 10000 симвлов. Идея заключаеться в том, чтобы сделать так: когда правый див опускаеться ниже левого, то текст продолжаеться под левым дивом
0 votes5 answers -
Верстка для Facebook
Вот недавно встретился с интересным приложением на Facebook'е. Называется «Static HTML: iframe tabs» Позволяет вставлять на страницу HTML код. Но дело в том, что туда можно залить код только главной страницы своего макета. А если, допустим, у меня макет состоит из 3,4,n страниц, где есть меню? Как сделать так, чтобы у меня была главная страница, опубликованная на ФейсБуке, а при нажатии на ссылку в меню на этой главной, открывалась другая страница макета в том же окне на ФБ? Или это возможно, если только залить все остальные страницы макета на хостинг?
0 votes0 answers -
верстка для facebook like
Проблема моделируется под maсos Safari кнопка блок от фэйсбука обрезанный: вокал.яскович.рф/news/32-stupeni-shkoly-energo-zvuka (наверху слева) даже не знаю что придумать -не могу найти ошибку в цсс причем в ff - отображает нормально цсс здесь http://вокал.яскович.рф/sites/all/themes/Obosmeysya/css/application.css?mf9h2w спасите!!! =)
0 votes2 answers -
Верстка для iPhone
Здравствуйте! Есть макет из 2 колонок. В левой широкой колонке - фотография и текст справа. Правая - узкая, видимо, под текст. Требуется сверстать макет с учетом корректного отображения в устройствах типа iPhone. Скажите, пожалуйста, каковы особенности такой верстки? Что следует учесть при работе?
0 votes0 answers -
Верстка для Joomla
Вот пример сверстаного шаблона http://depositfiles.com/files/09jswdpm9, скажите как его передалать что б он подходил для CMS Joomla!
0 votes6 answers -
Вёрстка для комментариев
Здравствуйте. Столкнулся с проблемой написания вёрстки для компонента комментариев. Очень прошу помочь тех, кто в этом разбирается. Вот картинка. Сначала пробовал всё divami оформить, что-то не получилось. Потом пробовал table - снова проблемы. Самое простое быстро забывается. Те, кто в этом ещё шарит - помогите плиз... Там где цветные квадратики - это картинки будут. И надо сделать так, чтобы правая часть (само сообщение) увеличивалось по мере увеличения сообщения, НО чтобы не была меньше чем левая часть (аватар и т.д.). Т.е. чтобы минимальный размер правого окна было не меньше левого, а если больше - то больше. Заранее огромное спасибо.
0 votes4 answers -
верстка для компьютера и планшета
Здравствуйте, уважаемые форумчане. В процессе верстки пвстал следующий вопрос. Делается сайт, верстка div`ами и отчасти табличная. На компьютере все нормально, а вот при проверке на планшете размеры блоков не совпадают, все идет наперекосяк. Допустим, блок у меня в CSS-файле имеет параметр width: 800px. На ноутбуке текст укладывается в одну строку, как и нужно, а на планшете переходит на следующую строчку. Понятно, что размеры экранов и разрешение разнятся, но как с этим бороться? То же самое касается и размера шрифта. Есть некая надпись, под ней кнопки с текстом. font size="4" выдает совсем разную ширину на ноуте и планшете, на последнем текст вылезает за пределы кнопок.…
0 votes1 answer -
Вёрстка для КПК / PDA
Всем привет. Есть кучка вопросов возможно будут ещё. 1. Какой DOCTYPE выбрать для пда режима? 2. Как вравильно подобрать ширину экрана для телефона? Поставить ширину 100% или поставить фиксированую ширину с максимальной и минимальной шириной? 3. Лучше использовать таблицы или дивы? 4. Как сделать чтоб дизайн адаптировался под размер экрана телефона или монитора? Думаю пока всё, заранее спасибо
0 votes3 answers -
Верстка для мобильных Устройств
Собствено сабж. Есть сайтик резиновый, нормально смотрится на нормальном экране. На экране PDA конечно же плывет. Отсюда вопросы 1. Под PDA делается отдельная верстка? 2. Как учитывается ширина экрана? Резиновый дизайн - это конечно хорошо, но как быть с широкими таблицами с данными, которые никак не умещаются даже в 640px, а уж про 240 вообще молчу? Или от горизонтального скрола никуда не деться? 3. Как отлаживаться? если нет под рукой реального устройства. У Оперы есть опция "маленький экран", но при этом летит нафиг часть CSS, т.е. игнорируется некоторые установки(например ширина Input). И вид страницы втиснутой в DIV шириной 240 на нормальном экране и в режиме "мале…
0 votes0 answers -
Верстка для начинающего.
Доброе время суток всем, кто бы мог поделиться psd макетом для верстки начинающего. Не шипко сложного формата и что бы верстать приходилось не из jpg картинки.
0 votes0 answers -
Верстка для почтовых рассылок
В Windows Live Mail и Hotmail размер имиджей не соответвует действительным в режиме отключенных фотографий причем только по высоте. На картинке четко видно что размер имиджа больше в разы чем прописан в html а именно 57px. <table border="0" cellpadding="0" cellspacing="0" height="100%" width="100%" id="backgroundTable"> <tr> <td height="43" align="center" valign="top"> <table border="0" cellpadding="0" cellspacing="0" width="886" id="templatePreheader"> <tr> <td valign="top" class="preheaderContent"> …
0 votes9 answers -
Вёрстка для распечатки
Нужно распечать расписку сформированную скриптом. Основа расписки это таблица, которая произвольно растягиватся на несколько листов. На каждом листе снизу должны быть графы для подписей и номер страницы вида 2/5. Пробовал сделать контейнеры .page { widtht: 210mm; height: 297mm; margin: 1cm; border: solid 1px; } Но во-первых при печати они выводятся не на весь лист, а именно получаются уже и длиннее листа. И во- вторых это не решает проблему растягивающейся таблицы... Единственное, что понял, что тут нужно использовать свойство page-break-after: always;
0 votes0 answers -
Вёрстка для старых браузеров
Есть необходимость сверстать сайт, который будет корректно отображаться и на старых и на новых браузерах. То есть начиная с IE 6, Opera 12, Safari 5.5. Страницы простые, но нужно добиться одинакового отображения. Какой доктайп использовать? Может ещё какие-то общие рекомендации дадите? Страница - заголовок, пару абзацев с текстом. И главное - обратный отсчёт времени. Я правильно понимаю, что какой-то красивости, кроме размера шрифта добиться для старых браузеров в отсчёте времени не получится?
0 votes33 answers -
верстка документа
Подскажите пожалуйста, как правильно написать строку кода что-бы 3-4 картинки(фото) менялись через 3-4 секунды
0 votes4 answers -
Верстка заголовков h1, где они в дизайне не нужны
Привет! Как бы вы сверстали, если в дизайне страницы для больших экранов не предусмотрен заголовок h1? Скажем, состояние пункта меню бросается в глаза и явно дает понять, где находится пользователь. И дублирование смысла не добавляет. А на мобильной версии наоборот, заголовок нужен, поскольку меню схлопывается. Вот пример http://borodin-art.ru/painting . Заголовки стоят пока. Тег h1 на странице всё же иметь хотелось бы, но без трюков типа display. Чтобы поисковые системы не ругались. Как вообще поступают в таких случаях? Если пришел такой дизайн.
0 votes2 answers -
Верстка звездочек для рейтинга
Подскажите, пожалуйста, как формируются здесь звездочки: http://demo.lollum.com/crazydiamond/product/black-stop-tappy-midi/ Понимаю, что этот код: .star-rating {overflow: hidden; position: relative; height: 14px; line-height: 14px; font-size: 14px; width: 75.6px; font-family: 'star';} .star-rating:before { content: "\53\53\53\53\53"; color: #949da5; float: left; top: 0; left: 0; position: absolute;}: Здесь используется шрифт "star". Не понимаю, он же где-то должен подключаться. Этот шаблон мы купили. Значит, должен быть файл с этим шрифтом?
0 votes5 answers -
верстка и JS программирование в Safari ?
Подскажите а чем верстка в Safari и JS программирование отличается от других браузеров(Chrome,FF, Opera) ? Большая ли разница при разработке? Спасибо!
0 votes1 answer -
Верстка и Safari
Всем добрый день! Столкнулся со следующей проблемой... Разрабатываю сайт http://admship.ru. В основе - Wordpress. Шаблон, по сути, написан с нуля. Во всех браузерах сайт отображается прекрасно - никаких нареканий нет. Но когда дело доходит до Apple'овских продуктов, то получаем следующее: весь сайт съезжает влево и часть его канет в лету. Что самое неприятное, на мобильных устройствах Android с установленной Оперой то же самое - за границы экрана улетает левый край. В каком месте может быть хитрость?
0 votes6 answers -
Верстка и smarty
Все привет. Есть задача вывести на страницу сайта некоторое кол-во фотографий ( в миниатюре ). Процесс стандартный php берет данные ( имя изображения, описание т.д. ) и сдает это smarty ( assign ) . Шаблон: <table border="0" style="width: 100%;"> <tr> {section name=index_last_photo loop=$id} <td> <a href="http://{$smarty.server.SERVER_NAME}/modules/gallery/uploads/{$id[index_last_photo].photo_file_id}.jpg" rel="lyteshow[vacation]" title="{$id[index_last_photo].rus_photo_name}"> <img style=" border: 1px solid silver;width: 128px; height: 128px;" src="http://{$smarty.server.SERVER_NAME}/modules/gallery/uploads/{$id[index_last_photo].p…
0 votes10 answers -
Верстка и масштабирование / зум браузера
Здравствуйте! Уважаемые,не могли бы дать несколько советов,насчет верстки: имею макет трехколоночный(враппер=1000пх/лево=200пх-флоат лефт/центер=600пх-флоат лефт/право=200пх-флоат райт) в целом все отображается нормально,ничего никуда не вылезает,но,если в браузере применить зум(ctrl -),макет начинает разваливаться,правая колонка съезжает вниз,сам не понимаю от чего это происходит,по-этому обращаюсь к вам за помощью,поделитесь мыслями
0 votes5 answers -
Верстка и проблема со шрифтами под Mac OS
Привет, Друзья! В общем озадачил меня мой дизайнер. Он часто смотрит сайты Лебедева на MacOS и заметил, что на его сайтах шрифты всегда смотрятся отлично. Есть все сглаживания как в фотошопе, в общем шрифты смотрятся просто супер! А на наших сайтах, которые мы верстаем, говорит что на платформе MacOS они смотрятся убого, что есть какая-то странная полужирность, что не всегда есть сглаживания и вообще не так, как на сайтах Лебедева... Вроде я немного знаю css, смотрел и css на сайтах лебедева.. никакой разницы не заметид.. лишь может быть только это: font-style:normal; font-variant:normal; font-weight:normal; Вставляю на свой сайт. Никаких изменений. Кто что знает о верст…
0 votes43 answers -
Верстка и центрирование блоков
Здравствуйте, решил попрактиковаться с css. У меня вопрос тут созрел. Как сделать так, чтобы при изменении масштабирования все блоки не были по левой и правой сторонам а вместе со средним блоком были не растянутыми? И еще просьба, опишите как можно сделать, чтобы к примеру средний блок был посередине и не надо было его чем-то фиксировать к примеру позиционированием. Например: у меня есть верхний блок, он растянут по ширине на 100%, далее есть два левых и один правый, а посередине еще один с содержанием, он у меня ниже всех ставится, и приходится его фиксировать посередине. Ниже приведу в пример код, помогите его исправить так, чтобы, если изменить масштаб, сайт просто бы …
0 votes14 answers -
Верстка из Corel Draw
Есть макет, нарисованный в Corel Draw, нужно сверстать из него страницу. Вопрос: как? С Photoshop все понятно, там слои, там порезать можно, там размеры. А как быть с Corel?
0 votes5 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/
-