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
-
CSS
Объясните, пожалуйста, как верстать по картинке? Желательно разложить все по шагам. Заранее спасибо
0 votes4 answers -
Что нужно учить, чтобы верстать макеты?
Добрый день, мне всего 16 лет и будущее свое решил связать с веб-программированием. Уже сейчас хочу научиться верстке. А теперь вопросы: 1) Что нужно учить, где и в каком порядке? (Единственное, что знаю - это html 4) 2) Что конкретно из себя представляется верстка?
0 votes4 answers -
Вместо изображения белый квадрат
Не хочет отображаться картинка. (имя файла- clocks.jpg, лежит в папке images)Пока учусь. Работаю в NotePade, в основном, запускаю через лисицу, изображения в браузере включены, ну это на всякий случай. Да и ни в каком браузере не идет. Может, это из-за того, что что-то не так с картинкой, к примеру, повреждена? <html> <head> <title> </title> </head> <body> <img src="images/clocks.jpg" width="307" height="450" alt="часы" align="right" hspace="20"> <p>How To Avoid Wasting Your Most Valuable Online Asset - TIME!</p> <p>If you're involved in an internet marketing business, then you've probably already come face-to-…
0 votes4 answers -
не видно css-файл
подскажите пожалуйста возможно ли и как на странице посмотреть css-файл(ы)? я вижу набор непонятных символов или сообщение об ошибке. например вот
0 votes4 answers -
Проблема с float в IE 6-7
Позвольте вопрос по верстке. Проблема с float в IE 6-7. Есть макет сайта, имеющий структуру, как на схеме (упрощенно). Суть в том, что в в div основного контента вставлены два дива, один из которых, по замыслу должен быть пристыкован к левому краю, второй, соотоветственно к правому. Внутри каждого пристыкованного дива находится таблица для структурирования контента. Для левого пристыкованного прописано align:left; float:left, для правого, соответственно align:right ; float:right. Во всех браузерах отображается нормально, кроме IE 6-7. В IE 6-7 текст не обтекает внутренние диву и "спускается" ниже, а между внутреннними дивами отображается пустое поле. Как решить проблем…
0 votes4 answers -
Скролл для комментариев
Здравствуйте. Подскажите пожалуйста кто знает. (сайт на друпале) Задача: сделать скролл для комментов. Стал решать так (как в примере на этом сайте): Для #comments { overflow: scroll; /* Полосы прокрутки */ width: 900px; /* Ширина блока */ height: 850px; /* Высота блока */ padding: 5px; /* Поля вокруг текста */ border: solid 1px #eee; /* Параметры рамки */ } Все работает, только беда в том, что под скролл попадает и форма отправки комментариев. Вот код, который показал firebug [div id="comments"> [a id="comment-11"> [div class="comment comment-odd"> [a id="comment-10"> [div class="comment comment-even"> [div class="box"> - для формы комментов [/div> С…
0 votes4 answers -
Помогите двигать кнопку войти/выйти немого левее
Я создаю сайт в стиле ВКонтакте Сайт http://vigrakh.ucoz.ru/ Код в CSS body {font: 11px tahoma, arial, verdana, sans-serif, Lucida Sans; } .home {border:none; margin: center; } #menu { margin-bottom: 0px; } .mbar { height: 41px; background: url("http://wallaby.ucoz.ru/menu/mbar.png") no-repeat; } .mbar .mbar { background-position: 100px -41px; } .mbar .mbar .mbar { background-position: 0 -82px; background-repeat: repeat-x; } #menu {font: 11px tahoma, arial, verdana, sans-serif, Lucida Sans; font-weight: bold; background-image:url('/img/uplo.png'); background-repeat:repeat-x; height:41px; line-height:41px; color:#fff; border:solid 0px #fff; width:80…
0 votes4 answers -
Ширина блока в зависимости от соседнего
Доброго времени суток всем форумчанам. Есть 2 блока, в левом располагается цена, в правом опции заказа товара и сама кнопка заказа. Как задать изменение ширины правого блока в зависимости от того, какое число в блоке с ценой (соответственно от числа и кол-ва цыфр в нем меняется его шырина) Постарался понятно изобразить это на рисунке ниже. Спасибо за ответы!
0 votes4 answers -
Изменение размера логотипа в background: url()
Доброго времени суток! Цель, вставить логотип следующим способом: <header><div id=logo></div></header> header #logo { background: url(../img/logo.gif) no-repeat; height: 150px; width: 150px; } Теперь о проблемке. Оригинальный размер изображения 300x300. Нужно вывести 150x150 (масштабирование). Подскажите, как это сделать, не редактируя само изображение?
0 votes4 answers -
страницы в html
Доброго времени суток! У меня такой вопрос. Вот есть у меня главная страница.. И я хочу туда добавлять новости. И собственно сам вопрос. Как сделать так чтоб, опубликовать все новости на главной и при том страница не уходила в низ.. То есть как бы, можно было листать и просматривать остальные новости прям на главной...
0 votes4 answers -
FancyBox, съзжает контент
Здравствуйте уважаемые гуру. Опыт в вёрстке имею минимальный, профиль не мой, однако возникла необходимость сделать один сайт. Сайт имеет фиксированный размер и центрируется как по горизонтали так и по вертикали. Имеется необходимость в галерее, остановился на FancyBox (к слову в LightBox проблема аналогичная). Суть в том, что при клике на картинке из галереи сбивается центрирование по горизонтали всего контента кроме этой самой картинки. После закрытия окошка галереи, сайт остаётся в таком-же положении. Проблема замечена во всех браузерах кроме Оперы и (невероятно!) IE. Изначальный вид: Клик по картинке (всё уехало): После: Заметил одну особенность: в стиле fancybo…
0 votes4 answers -
Как верстать макет с такими элементами
Здравствуйте! http://picso.ru/photos/large/10775-99rmm.jpg Подскажите, пожалуйста, как правильнее верстать вот такие макеты, где некоторые элементы "выезжают" за границы (обведены на скрине) ? Создавать дополнительный родительский блок, или применять абсолютное позиционирование? Желательно с примером. Спасибо.
0 votes4 answers -
href и oncliсk
Есть ссылка <a style="cursor:pointer;" onclick="newWind=window.open('/1.html', '', 'width=750,height=560,left=200,top=100,status=no,location=no,toolbar=no,menubar=no,resizable=no,scrollbars=yes');">Страница</a>, при нажатии на которую должно открыться отдельное окно определенных размеров. Но, как я понял, роботы не обрабатывают такие страницы, так как они не видят здесь самой ссылки(href). Как обойти это? Возможно ли обойтись без javascripta и открыть окно средствами html?
0 votes4 answers -
как наложить 2 бекграунда и привязать боди к краю браузера?
Здрасте! у меня такая проблема.... вернее две... первая -- как разместить картинку поверх бекграунда если бекграунд уже задан? то есть у меня было вот так: и меня все устраивало,но хотелось добавить справа вертикальную полоску,я добавила вот так: и полоска добавилась но исчезли куски предыдущего фона =((( а как же тогда нужно было ее добавлять? пример страницбез полоски вот: http://avtosik.ucoz.ru/ а с полоской (с моим исправлением) вот такая жуть: http://avtosik.ucoz.ru/index/treasure/0-25 как же мне эту полоску добавить чтобы все остальное осталось как есть? и второй вопрос... у меня почему то на некоторых страницах правая часть привязанна к правой части браузера напр…
0 votes4 answers -
Ширина body в IE и других браузерах
Добрый день! Подскажите пожалуйста - необходимо использовать следующий стиль: body { ... margin-left:auto; margin-right:auto; width:900px; ... } В FF, Chrome, Opera и Safari проблем нет, все как надо, а в IE body растягивается на ширину всего экрана. Есть ли какая-нибудь возможность это сделать? Заранее спасибо!
0 votes4 answers -
Нужна помощь с img
В общем суть проблеммы такова: Вот путь к файлу: <img src="images/adverts/8/logo_889458.jpeg"/>, его браузеры не показывают, а когда этот же файл находится просто в папке <img src="images/logo_889458.jpeg"/>, то все нормально. Что делать? Заранее благодарен.
0 votes4 answers -
К кнопке не применяются стили
Почему-то в коде к кнопке button не подключаются стили: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Обработка HTML формы с помощью PHP</title> <!--[if lt IE 9]> <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script> <![endif]--> <style> #div1{ position:absolute; top:30%; left:30%; background:#c0c0c0; width:400px; padding:10px; -moz-border-radius:10px; /* Радис скругления */ -webkit-border-radius:10px; -khtml-border-radius:10px; border-radius:10px;} } button.knopka{ background:#0000ff; color:#ffffff; padding:10px; …
0 votes4 answers -
Проблема
Добрый вечер! Как сделать чтобы элемент #after шел после содержимого #inner элемента #block с фиксированной высотой? <style> #block { background: #fcc; height: 10px; } #inner { background: #ccf; height: 30px; width: 10px; } #after { background: #cfc; height: 10px; } </style> <div id="block"> <div id="inner"></div> </div> <div id="after"></div> Как есть и как должно быть: Модель образная, высота #inner в 30px взята случайно поэтому просто использовать margin-bottom: 20px нельзя. Порядок элементов тоже нельзя изменить.
0 votes4 answers -
Форма заполнения анкеты на сайте
Доброго времени суток! Делаю сайт http://oriflamebest.jimdo.com/ и столкнулся с проблемой в разделе регистрация, чтобы пользователи регистрировались и ко мне на почту либо куда еще-то)) приходила инфа,ну а дальше я уже с ними связывался. Нашел код HTML формы регистрации которая мне подходит, но на сайт ставится как-то криво(сейчас стоит), и не могу разобраться куда мне будит приходить информация о регистрации и как настроить защитный код. Вот код который нужно переделать, <html> <head> <META http-equiv=Content-Type content='text/html; charset=windows-1251'> <style> BODY,TD {FONT-FAMILY: verdana,arial,helvetica; FONT-SIZE: 13px;} .pismo {BORDER-BOT…
0 votes4 answers -
псевдокласс :hover
День добрый ! Вопрос такой: Можно ли с помощью :hover , заданного для одного элемента (например DIV-а), задать изменение стиля другого элемента ? К примеру: Наводишь курсор на Div #1, а фон меняется у Div #2, или (или координаты картинки какой-нибудь меняются, ну в общем что угодно, только с другим элементом. Спасибо
0 votes4 answers -
Поплыл шаб
Добрый день! Поплыли блоки в сайтебаре, подскажите как поправить... Хочу вот так - Пока вот так - А так же подскажите, как сделать белый блок (для всего контента + сайтебар) (есть в 1 скрине, но нет во 2) HTML <!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" /> <link rel="stylesheet" type="text/css" href="style.css"/> <title>GRead beta</title> </head> <body> <div class="main"> <div class="head"> </div> <…
0 votes4 answers -
Отступ от шапки до меню, при использовании SSI
Здравствуйте. Сложилась небольшая проблема. На сайте http://svetlas.ru/, создано около 20 разных страниц. Соответственно, имея разный контент, они имеют одинаковое меню, оформление, шапку и подвал. Сайт в основном сделан табличной версткой. Связался с хостером, и попросил включить для нас SSI, чтобы избежать многократного внесения изменений на каждой странице в отдельности, и вынести повторяющиеся части HTML-кода в отдельные блоки. Всё сделал по инструкции. Вот её часть: Первое что нам необходимо сделать, это переименовать наш файл index.html на index.shtml - именно такое расширение файла указывает Web-серверу на то, что мы собираемся использовать SSI Вырезаем из …
0 votes4 answers -
Блок тянется вниз за соседним
Здравствуйте. Есть проблема, которую немогу решить, уже всё пересмотрел, голову ломаю. Есть сайт трехколоночный, на дивах, натянутый шаблон на CMS. Так вот покажу на скриншотах проблему, чтоб не объяснять на пальцах. Блок, выделенный красным цветом тянется за блоком боковым (зелёный) и образуется пустое, никому не нужное, пространство. Дело в том, что далее ,следующий блок идёт нормально. Это пустое пространство создаётся только в первом блоке, возле которого боковые блоки. Где копать ? Почему так ? Честно, не могу догнать, я не очень в этом ещё силён, в принципе всё элементарно, но именно это я не понимаю. Сайт где видно всё это - в профиле.
0 votes4 answers -
CSS, растягивание блока в высоту
Суть следующая: есть один большой блок, содержащий два других: один слева, другой справа. большой блок содержит ТОЛЬКО другие блоки и больше ничего. а вот левый и правый внутренние блоки содержат текст. причём, на каждой странице сайта - кол-во текста разное. задача: сделать так, чтобы высота большого блока равнялась высоте самого большого из двух внутренних блоков, а самое главное: чтобы другой внутренний блок имел такую же высоту! проще говоря: высота ВСЕХ трёх блоков должна быть РАВНА и зависеть от высоты самого большого из внутренних! Проблема в том, что если большому блоку задать фиксированную высоту в пикселях, то внутренним можно поставить по 100% и всё работает. а…
0 votes4 answers -
Doctype и слои
Вот такая проблема. Когда я подключаю doctype к документу, то слойность перестает работать (в частности мне необходимо с использованием position:relative). Без него же (т.е. просто <html> <head></head> <body></body> </html>) слои работают. Неужели "стандарты" не работают со слоями? <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>Документ без названия</title> </head> <body> Слой 1 наверху <div style="position:relative; font-size:50px; z-index:2…
0 votes4 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/
-