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
-
max-width - проблемы
Есть вёрстка <div id="header"> <div class="logoheader">blablalba</div> <div class="emblemsHeader">blablabla</div> <div class="textHeader">blablabla</div> </div> Есть CSS #header { height: 155px; margin-bottom: 17px; max-width: 1150px; position: relative; top: 17px; } .logoheader { float: left; margin: 0 !important; position: relative; width: 277px; z-index: 1; } .emblemsHeader { float: left; height: 153px; margin-left: -30px; overflow: hidden; position: relative; width: 129px; z-index: 0; } .textHeader { float: left; max-width: 773px; …
0 votes5 answers -
DIV уезжает вниз.
Почему <div class="working_panel"> уезжает вниз! я не могу понять почему! <body> <form id="form1" runat="server"> <div class="pre_working_panel"> <div class="event_promo_panel"> <div class="header">Event Promo</div> <div>eventpromoby@gmail.com</div> </div> </div> <div class="working_panel"> <div> <img class="image" src="3f0ad3de.png" /> </div> </div> </form> </body> *{ margin: 0; padding: 0; outline: medium …
0 votes2 answers -
Как сделать резиновый сайт?
Делал сайт для техникума по заданому шаблону http://htkem.ru/ столкнулся с проблемой не хватки места подс татьи на страницах этого шаблона, пришлось делать переключатели, но все же все это проблемно и гемарно и при том в админке статьи будут добовлять люди не владеющие навикахи хтмл, поэтому тут вступает в силу такая тема, нужно сделать подобный шалон резиновым так чтобы от размера статьи он растягивался до нужной длинны, сам шаблон сверстан на css все сложные блоки вставлены как картинки что и создает проблему для переведения шаблона в растягиваемый режим, подскажите как это можно сделать?
0 votes5 answers -
Из нескольких изображений одно
Здравствуйте. Давно интересовал вопрос, почему в большинство сайтов (напр. bigtorrent.at.ua (не реклама, скинул то, что было открыто) заглавное изображение состоит из нескольких. Разве не проще одним изображением?
0 votes1 answer -
Изображение на изображение
Здравствуйте, я бы хотел узнать как можно с помощью CSS наложить одно изображение на другое (при наведении). То есть, допустим у меня есть картинка, а при наведении на неё она чуть чуть тускнеет, а поверх неё появляется (плавно) другое изображение. Пример: 1. До наведения 2. После наведения 3. Вторая картинка такая: Вот собственно вот так вот... Помогите пожалуйста =)
0 votes18 answers -
При подключении css сбивается выравнивание таблицы
Требуется выровнять таблицу по центру. Если не подключать таблицу стилей или если не создавать в ней селектор для таблицы, то выравнивание, как нужно, по центру. А с таблицей стилей - таблица липнет к левому краю только в Опере и Мозиле! В IE, Dreamweaver все норм. Помогите, пожалуйста. html-файл <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <HTML> <HEAD> <link type="text/css" rel="stylesheet" href="st.css"> <TITLE>Личный сайт Стёпы</TITLE> </HEAD> <BODY> <table id="menu" width="400px" align="center" cellpadding="0" cellspacing="0"> <tr> <td width="17px"><…
0 votes3 answers -
Вопрос по стандартным макетам
Сгенерировал стандартный макет на http://csstemplater.com/ Похожая структура макета часто встречается у многих вебмастеров, поэтому появился небольшой вопрос по этой теме. Ссылка на страничку Вопрос: 1. Для чего все дивы входят в <div id="wrapper">? Мы же можем создать просто идентификаторы для нужных элементов. То есть у нас же есть шапка, контент, боковая колонка, подвал и все они, как бы правильно это сказать, являются вложенными дивами <div id="wrapper">. 2. Так же <div id="content"> является вложенным для <div id="container">. Для чего это делается? Общий вопрос: Каким образом это все помогает верстать?
0 votes1 answer -
Помогите сверстать
Помогите сверстать,вот картинка. Делаю но получается что левый и правый блок вне блока content.Могу сюда скинуть свой код.СПАСИБО
0 votes13 answers -
Дергается браузер в Opera
Собственно, часто вижу сайты, в которых в Opera дергается экран. А точнее сказать - поднимается на разное расстояние от низа страницы. последнее, что пришло в голову http://intoishn.ru/webdesign Смотреть в Опере. Сайт не мой, но таких много. Кто-нить сталкивался с таким? Отчего так происходит? Самое интересное то, что на одной странице прыгает, а на другой (с точно такой же структурой по вёрстке) - нет. Сверстал очередной проект - та же проблема. Не могу найти закономерность. Спасибо.
0 votes33 answers -
Блок по середине
Вот у меня блок.Как расположить его точно по середине,при этом надо учитывать,что ширина будет разной.Если я делаю так .wrapper_bodydiv { clear:both;margin-left:8%;margin-right:8%;margin-top:10px;margin-bottom:10px; } То у меня при ширине 1024 пикс. блок точно по середине а при большой смещается ближе к левой стороне.Если поставить text-align:center; не помогает.Скажите как сделать?:!
0 votes5 answers -
background-image
Не раз замечал, задавая фон, что он не отображается... нужно чтобы был контент(задавать ширину, высоту). Хотелось бы понять, как фон работает в этом примере: слою с идентификатором #page задан фон, но не задана ширина, высота совсем.. За счёт чего он растягивается как надо?? Заранее Спасибо!!
0 votes8 answers -
диагональный градиент
Покажите как сделать диагональный градиент?
0 votes12 answers -
Критерии проверки верстки
По каким пунктам вы проверяете соответствие высокому качеству свою вёрстку? Кроссбраузерность - само собой. Я только смотрю под различные разрешения, а также под отсутствие картинок. Сейчас прошёлся по своим работам и заметил, что текст у меня вываливается из блоков при масштабировании шрифта. Стоит ли на это обратить внимание? И ещё один вопросик, как обычно стоит резать макет: для любого фона (преимущественно png) или только для того, какой в макете (преимущественно jpg)? Спасибо!
0 votes6 answers -
Как убрать второй скролинг в ие
Здравствуйте, у меня сайт из фреймов, отображается так: <iframe scrolling="auto" width="100%" height="100%"> и в ие отображается 2 вертикальных скролинга один крайний пустой, а той что левее работает, как сделать чтобы убрать левый скролинг, а правый работал. Так <iframe scrolling="no" width="100%" height="100%"> скролингов вообще нет и отображается только та часть сайта которая влезла на страницу.
0 votes1 answer -
СУБД MS Access + html
Здравствуйте. Как можно подключить СУБД MS Access к сайту написанному на html? Т.е. чтобы можно было выполнять поиск по БД и отображать результат на сайте. Что для этого нужно знать и с чем это едят?
0 votes17 answers -
Размер шрифта в *.psd для CSS
Добрый вечер. Взялся верстать свой первый макет в *.psd. Сразу возник ряд вопросов ответы на которые поиск по форуму не дал. В *.psd есть текстовый слой, размер шрифта 20pt. Ставлю тоже в пунктах в CSS - совсем не то получается. Пытаюсь переводить в другие единицы измерения исходя из 12pt-16p-1em, снова глупости. Вопрос: как правильно переводить размер шрифта из *.psd в CSS ? И еще, в макете куча текстовых полей, отступов и т.д. Неужели что бы узнать размер отступа его надо "линейкой" мерять или включать сетку и присматриваться ? О_о И как пожелание хотелось бы увидеть на форуме мануал для новичков (или не очень) как верстать макет с *.psd. Тонкости использования графич…
0 votes12 answers -
Отдельный css для каждого li
Есть вот такое меню <div class="menu"> <ul id="level"> <li><a href="http://" class="level" >...</a></li> <li><a href="http://" class="level" >...</a></li> <li><a href="http://" class="level" >...</a></li> <li><a href="http://" class="level" >...</a></li> </ul> </div> Использую border-radius и box-shadow для пунктов. Каждый пункт - отдельный овал с тенью. Названия пунктов разные по длине, соответственно овалы получаются разные. А вот для ie как всегда отдельный сss. Другие элементы я просто картинками сделал вместо css3, а вот как с разными по длине пунк…
0 votes6 answers -
png для ie6
1 Задача состоит вот так!!! припустим нада Body{background:url(file.png) repeat-x} КАк подключить прозрачность для ie6 так чтоб картинка repeat-x!!!???? 2.Задача нужно вставить картинку <img src='file.png' > Как подключить прозрачность
0 votes3 answers -
float и отрицательные отступы
Добрый вечер! Нашел решение для двухколоночного макета, в котором используются плавающие элементы с отрицательными отступами. Пример работает, но я не могу понять, почему. css: #content{ float: right; margin-left: -200px; width: 100%; } #content-inner{ margin-left: 200px; } #left-sidebar{ width:200px; } html: <div id="content"> <div id="content-inner"> <p>content</p> </div> </div> <div id="left-sidebar"> <p>sidebar</p> </div> C чисто обывательской точки зрения, отрицательный маргин должен сдвинуть блок контента с текущей позиции на 200 пикселей влево, однако вместо …
0 votes3 answers -
Вложенность <li>
Добрый день. Делаю первый шаблон под джумлу, сейчас делаю меню, есть цель для каждого пункта сделать свой фон. есть такой код <div class="module_menu"> <div> <ul class="menu"> <li class="item55"> <a href="/index.php?option=com_content&view=category&id=37&Itemid=55"> <span>1</span> </a> </li> <li class="item56"> <a href="/index.php?option=com_content&view=category&id=36&Itemid=56"> <span>2</span> </a> </li> <li class="item57"> <a href="/index.php?option=com_content&view=category&id=35&Itemid=57"> …
0 votes12 answers -
Отступы в dreamweaver
Чего-то я не знаю и делаю не так. Проблема такая: структуру html в дриме размечаю табуляцией, но, когда нажимаешь enter, то дрим автоматом создаёт отступы не табуляцией, а пробелами. В итоге структура рушится. Как сделать, чтобы он делал отступы табуляцией, равной 4м пробелам? надоело вручную каждую строчку исправлять
0 votes3 answers -
Многоуровневое горизонтальное меню
Добрый день, интересует вопрос, как из такой стандартной стр-ры <style> .menu-h-d { min-height: 24px; border-left: 1px solid #ccc; } .menu-h-d li { float: left; display: block; position: relative; border: 1px solid #ccc; border-width: 1px 1px 1px 0px; list-style: none; } .menu-h-d a { text-decoration: none; padding: 2px 10px; display: block; } .menu-h-d ul { display: none; position: absolute; top: 22px; left: -1px; width: 160px; background: #fff; border: 0; border-bottom: 1px solid #ccc; } .menu-h-d ul ul { left: 100%; top: -1px; } .menu-h-d li li { float: none; border-width: 1px 1px 0px 1px; } .menu-h-d li:hover { background: #ccc; } .menu-h-d a:hover { color…
0 votes7 answers -
Печать куска текста со сранички
День добрый всем! Извиняюсь за глупость вопроса, но проблема такая: есть страничка со списком пунктов самовывоза (например вот такая _http://www.wildberries.ru/services/shipment.aspx) как лучше реализовать кнопку печать для каждого пункта в отдельности? если не создавать для каждого отдельно страничку. есть идея сделать к каждому пункту самовывоза картинку (где будет карта и текст с описанием как дойти) и кнопку с "распечатать" которая просто будет отправлять эту картинку на печать, только как это реализовать и будет ли это корректно?
0 votes8 answers -
Div Двигает Родительский Div
Значит вот такая вот структурка html для примера <div id="main"> <div id="blog"> </div> </div> Значит как я понимаю тот div который в другом div называется дочерним ,а старший типа родительским. Теперь css #main {width:1100px; height:1100px; margin-left:auto; margin-top:10px; margin-bottom:10px; margin-right:auto; background-image:url(../images/mainbg.jpg); } #blog {width:461px; height:341px; background-image:url(../images/photo.jpg); margin-left:91px; margin-top:58px; } И что я наблюдаю .Отступ от левого края родительского дива main в порядке ,а вот отступа от верхнего края не наблюдается.За то сам родительский блок опустился.
0 votes4 answers -
Никакой реакции на <i></i>
Добрый день. При загрузке данных из БД обрабатываю их следующим образом: $pmtext = nl2br($arraylistpm['pmtext']); $pmtext = str_replace("[I]","<i>",$pmtext); $pmtext = str_replace("[/I]","</i>",$pmtext); В итоге фактически тэги <i></i> добавляются, а браузер на них никак не реагирует. Где собака зарыта ?
0 votes11 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/
-