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
-
Помогите разобраться с margin
Собственно только начал осваивать верстку и сразу попал в тупик с выравниванием блоков. Я хочу чтобы внутрение блоки имели отступы между собой и от границы родительского блока. Покажу лучше на примере. Вот что нужно: И вот что имею: Если задать padding родительскому блоку(класс item_list) то отступ от границ получиться margin + padding. Сам код: <!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> <title>Example</title> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <style type="t…
0 votes7 answers -
Что за отступы в ie 6-7
На сайте Электронная Финляндия в левой колонке в разделе "Доска почета" в ie 6-7 появляются отступы между картинкой и ником && картинкой и нижней границей. Чем это вызвано и как убрать?
0 votes7 answers -
Полностью поползла верстка в новой Opera 11.11
Я сейчас делаю сайт на основе одного шаблона и я заметил, что в браузере Опера после обновления до версии 11.10 все слайды на главной и верхнее меню поползло, сайт полностью вышел из строя. В чем причина? Кто в курсе изменений в новой версии? Хочу заметить остальные браузеры его отлично отображают и опера версии 11.01 в их числе! Вот этот шаблон: http://www.bambootheme.com/showcase/feb09/
0 votes7 answers -
Adobe Dreamwear
Стоит изучать Dreamweaver для написания сайтов? Или достаточно самого простого редактора?
0 votes7 answers -
Site INTRO (нужен совет)
Здравствуйте Всем. Есть конкретное задание - полностью продублировать Flash сайт используя обычную верстку, PHP, Java и сопутствующие языки. Оригинал (flash): http://simplyfitcanada.com/ Сверстанный дубликат (html, php, java...): http://simplyfitcanada.com/test Если вы пройдёте по ПЕРВОЙ ссылке, то уведите "site intro" на флеше. Там позирует парень на белом фоне. Только после этого загружается главная страница. Задача: Сделать такое же сайт-интро на новом сайте. Другими словами, сделать точно такое же вступление с позирующим парнем на новом сайте. Мне сказали, что это достаточно простая задача. Но я с таким раньше не сталкивался. ПРОШУ ВАШЕЙ ПОМОЩИ! Отвечу на любые вопрос…
0 votes7 answers -
какую кнопку использовать?
Привет! Продолжаю верстать свой первый сайт) Параллельно изучаю jquery. Написал блок с выезжающим текстом. По умолчанию показана только часть текста...потом кликаем на кнопку/надпись - блок раздвигается вниз и мы видим весь текст так вот вопрос...какую кнопку/надпись использовать чтобы человек точно знал что произойдёт - а именно - блок развернётся на этой же странице. "Развернуть" какой то колхоз...может просто кнопку со стрелкой вниз? как, интуитивно?
0 votes7 answers -
Body не растягивается на всю страницу!
Здравствуйте товарищи, своё первое сообщение, как водится на подобных форумах, начну с вопроса, который мучает меня уже 2 недели Никак не могу добиться что бы BODY растягивался в зависимости от содержимого страницы. Привожу 3 наглядных примера вида окна браузера в разрешении экрана монитора 1152x864(оранжевый бордер - граница html, красный - body) Тут как бы всё нормально выглядит А если прокрутить чуть ниже... то уже совсем не нормально и видно что боди и не собирается растягиваться вслед за содержимым А теперь сбросим масштаб Тут уж вообще ужас HTML <body> <div class="conteyner"> <div class="fon"> <div class="fon2"> <di…
0 votes7 answers -
Проблемы с отображением сайта в Firefox в ОС Linux Ubuntu
Добрый день Имеется следующая проблема. Когда открывается сайт в Firefox (причем только в ОС Linux Ubuntu) страницы сайта начинают отображаться со странными границами вокруг графических элементов . В остальных браузерах и Firefox для Windows сайт отображается как должно . Подскажите пож-ста как решить проблему. Заранее спасибо.
0 votes7 answers -
0 votes7 answers
-
Как сделать меню с виджетами в WorDpreSS
Как сделать меню с вкладками что бы по всех странице не нужно было прокручивать, а сразу в в одном меню можно было переключаться между вкладками. Например вкладки "Рубрики" "Самые популярные" "Статистика" и в них соответствующие виджеты. Либо что бы просто вкладки, а виджеты я сам разбирусь как добавить.
0 votes7 answers -
Отступ подчеркивания
Здравствуйте, подскажите пожалуйста, есть подчеркнутая ссылка <a href="#"> Назад на главную страницу</a> мне нужно линию подчеркивания ниже опустить. Line-height не помогает, font-size тоже(да и за другое они отвечают). Обыскался уже, но пока безрезультатно. Спасибо.
0 votes7 answers -
Резиновая рамка п каям сайта.
Приветствую! Подскажите пожалуйста, никак не соображу... Как сделать резиновую рамку по краям сайта, которая будет растягиваться на 100% по ширине и высоте вместе с контентом? Разрезанные рамки в архиве - http://dl.dropbox.com/u/16468356/images.rar
0 votes7 answers -
Резиновое бг
Добрый вечер помогите пожалуйста, как сделать такое бг через обертку? есть одно бг которое повторяется по оси y и есть второе бг которое не повторяется и находится вверху повторяющейся бг начинается только тогда, когда в не повторяющиеся бг заполнено контентом вот так проблема в том что бг повторяющееся и не повторяющееся в формате png на данный момент имеется вот такой код .rightside_bg_y { background: url(./design/contant/bg/rightside/rightcol_y.png) right repeat-y; margin: 0 -164px 0 0; } .rightside_bg { background: url(./design/contant/bg/rightside/rightcol.png) top right no-repeat; height: …
0 votes7 answers -
Поиск ошибок, специальные инструменты
Доброго времени суток. Я хочу устроиться на работу верстальщиком, фирма прислала тестовое задание, я его реализовал как мог (не судите строго, я не профи в этом деле, я только учусь ). Мне позвонили, сказали, чтобы я в своём коде нашёл ошибки, и что для этих целей существуют специальные инструменты. Я пытался сделать макет с элементами, у которых относительное позиционирование, но не смог из-за отсутствия опыта, поэтому пришлось использовать абсолютное позиционирование, наверно в этом основная ошибка. Плюс к этому ещё наверняка полно ошибок в реализации html-структуры. Пожалуйста, помогите с разбором ошибок вёрстки, как можно было лучше реализовать данный макет? И ещё, ес…
0 votes7 answers -
0 votes7 answers
-
резиновый текст
здравствуйте, подскажите, пожалуйста: в полностью резиновом списке делаю font-syze: 120%. но при изменении размеров окна блоки <li> меняют свой размер, а вот текст в нем нет. в чем может быть проблема??? чего не понимаю ol.leftbar { float: left; width: 20%; padding: 0; } li.bar { font-style: italic; font-size: 120%; border: solid grey; margin: 5% 0 5% 0; } <ol class="leftbar"> <li class="bar">Текст не масштабируется1</li> <li class="bar">Текст не масштабируется2</li> <li class="bar">Текст не масштабируется3</li> <li class="bar">Текст не масштабируется4</li> </ol>
0 votes7 answers -
банальная проблема с прижатием футера к низу экрана
верстаю шаблон под osCommerce 3.0, столкнулся с кажется банальной проблемой, не так ведь сложно прижать футер к низу экрана, а страницу растянуть на всю высоту вне зависимости от содержимого. Но что-то я запутался немного, а за два дня с этой проблемой уже и никаких вариантов в голову не приходит, буду благодарен если кто укажет где моя ошибка)) вот стили основной части сайта, без шапки и футера /* @group structure */ #container { margin-left: auto; margin-right: auto; width: 1000px; height: 100%; text-align: left; background: #e0e9ed; overflow: hidden; } #left-column { width: 166px; position: relative; top: 80px; float: left; clear: bo…
0 votes7 answers -
баг хрома?смешно....
<!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> <style type="text/css"> *{padding:0;margin:0} .wrapper {width:100%;overflow:hidden; background:red;} article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video {display:block} a {color:#000;text-decoration:underline;outline:none} a:hover {text-d…
0 votes7 answers -
.gif прозрачность в ie6
Помогите пожалуйста реализовать карту Италии построенную на gif и css. Собственно сайт auto-bazar.it где это есть и работает кроме ie6, и сайт www.autoitalia.it от куда это взято. Пожалуйста не смотрите что я просто взял и скопировал чужую карту, в дальнейшем по максимуму ее переделаю. Цвет другой и размер нужен побольше. Но за основу взял именно ее. Проблема в том что на сайте autoitalia.it в ie6 все работает отлично, прозрачности отображаются, а у меня нет. Подскажите в чем проблема. Всем спасибо за помощь.
0 votes7 answers -
Создание дизайна сайта.
Возможно ли создать дизайн сайта с помощью блочного тэга <div> и css? html знаю.
0 votes7 answers -
DD меню js+css
Добрый день, уважаемые гуру. Проблема совсем не большая, но решение так и не удалось найти. Дроп даун меню на ксс и ява-скрипте. Работает нормально. Но! Есть проблема с выравниванием текста по вертикали. Так как меню основано на списке то vertical-align не работает, line-height не подходит, потому как в меню присутствуют двухстрочные заголовки. Второй день ломаю голову.
0 votes7 answers -
0 votes7 answers
-
Таблица по центру монитора
Здравствуйте, форумчане! Не знаю, как правильно поставить корректно вопрос, но думаю, что вы поймёте. Как сделать, дабы таблица была выравнена по центру и по вертикале, то бишь чтобы была по центру экрана.
0 votes7 answers -
контент в жестко заданном блоке...
В этом примере в слое с классом "cookingnews" (с заголовком Новые рубрики!!!) жёстко заданы ширина и высота(что,наверно,может быть оправдано), при этом в блоке есть контент (абзац). Вопрос: Как можно быть уверенным, что в этот слой не добавят ещё контента превышающего жёстко заданные рамки?? Где гарантия?? Может ли излишний контент выехать за рамки?? overflow:hidden для этого слоя я не нашёл....
0 votes7 answers -
Oracle VM VirtualBox
Начну с того, что установил Oracle VM VirtualBox, создал виртуальную машыну с Linux Ubuntu, запускаю и через несколько секунд появляеться вот такая надпись FATAL: No bootable medium found! System halted.Что ето за ошибка?
0 votes7 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-