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
29542 questions in this forum
-
ie6 div width 100%
Доброго времени суток! Бьюсь весь вечер над проблемой некорректного отображения страницы с 100% шириной div'а. Вот код страницы (упростил, но суть видна): <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><html> <head> <title>title</title> <style type="text/css"> body { margin: 0; padding: 0; } div#header { width: 100%; height: 150px; background-color: green; } div#bigData { width: 3000px; border: 1px solid red; } </style> </head> <body> <div id="header">some text</div> <div id="bigData"> </div> </body> </html> То есть если под блоком div появляетс…
0 votes6 answers -
как сделать меню с фреймом но без фрейма?
как сделать чтоб кусок страницы менялся типа фрейма но без фрейма а через аджакс? например на странице http://westyle.ru/ опрос на аджаксе
0 votes6 answers -
Проверьте первую верстку
Нарооооод я В общем освоил html+css на начальном уровне и вот сварганил первый сайт на дивной верстке вот демка сайта которую копировал http://www.woweb.ru/td1/048/ а вот собственно мои файлы жду так сказать критику что нуб и тд хех ну вродь выглядит неплохо на всех браузерах завтра буду делать что посложнее index.html style.css
0 votes1 answer -
footer поверх map
Помогите, пожалуйста, понять как разместить footer поверх map. Я начинающий верстальщик и не могу понять как решить данную задачу. Я пробовала с отрицательным margin-top для footer, тогда он залазит на div и в Chrome и Safari все отлично, но Firefox все съезжает. <main> /*много других тегов*/ <section class="modal-map"> /*форма*/ <div> <iframe src="https://www.google.com></iframe> </div> </section> </main> <footer> </footer>
0 votes1 answer -
Вставка изображений
Привет всем!А если я хочу вставить файл JPEG 7-7 из моих документов как это будет выглядеть? Потому что везде пишется про ссылку изображения с сайта .Помогите пожалуйста разобраться...
0 votes4 answers -
Блочная верстка, IE и ширина текста в колонке
Только в IE-7 ( в MF3.0 нормально), при изменении размера экрана( не знаю как правильно называется ) текст по ширине начинает "выпрыгивать" из колонки. Макет при этом не ломается. Причем нет никакой разницы "резиновый" макет(и/или колонка) или нет. Как с этим можно бороться и делает ти это кто-то вообще? Спасибо!
0 votes3 answers -
Проблема с .htc
Никак не могу найти решение... Менюшка с использованием .htc файла для работы в IE6, не хочет работать на моём хостинге Может кто-нить знает, как хостинг может влиять на обработку .htc? Может нужно в настройках что-то подправить? Админ хоста сам в шоке. Два идентичных файла на разных хостингах: http://sitestroy.com/menu/menu.html - не работает http://tekbuzz.ru/menu/menu.html - работает А хотелось бы, чтоб работало как раз на основном хостинге. Видимо дело в настройках хоста... но информации в сети нет спрашивал уже пару верстальщиков... они понятия не имеют... помогите, если можете
0 votes3 answers -
автомат. изменение шрифта для текста (копир.)
на новостной сайт копируются руками новостис др. сайтов...при копировании стиль шрифта сохраняется тем же, что и на сайте с которого эти новости копируются...админка не позволяет менять этот шрифт на который надо...вопрос...можно ли прописать в стилях каким-либо образом, что бы текст на сайте был одинаковым везде, не зависимо не от чего... p.s. в css e;t прописано body {font-family:verdana}
0 votes5 answers -
Chrome не выводит <noscript>
Всем доброго времени суток. Сегодня столкнулся с такой проблемой... У меня на сайте кнопки, вся красота и функционал которых работает на javascript-e, ну а для тех, у кого он отключен, в <noscript> вложил обычную кнопку через <input>. Со всеми браузерами все ОК, но вот Chrome подкачал, если вырубить в нем javascript, все то, что заключено в <noscript> никак не отображается. Такой вот казус. Эта проблема известна и есть ли решения? Спасибо.
0 votes4 answers -
Помогите выудить FireBug-ом элементы списка.
Здравствуйте специалисты по CSS. Помогите пожалуйста выудить Firebug-ом один элемент. Вот сайт http://nablago.com.ua/ там меню сбоку раскрывается/открывается Хочу сделать чтобы родительский уровень (1) был одним цветом, а те которые выпадают (2) другим? Что-то тыкаю FireBug-ом никак не могу его подловить.
0 votes10 answers -
Выравнивание раскрывающегося списка.
Подскажите, как выровнять текст в раскрывающемся списке, а именно выделенный пункт списка, а не весь список Пр. <select id="form"> <option selected="selected">Text1</option> <option>Text2</option> </select>
0 votes6 answers -
Верстка и масштабирование / зум браузера
Здравствуйте! Уважаемые,не могли бы дать несколько советов,насчет верстки: имею макет трехколоночный(враппер=1000пх/лево=200пх-флоат лефт/центер=600пх-флоат лефт/право=200пх-флоат райт) в целом все отображается нормально,ничего никуда не вылезает,но,если в браузере применить зум(ctrl -),макет начинает разваливаться,правая колонка съезжает вниз,сам не понимаю от чего это происходит,по-этому обращаюсь к вам за помощью,поделитесь мыслями
0 votes5 answers -
отменить смещение текста при list style position inside
Доброго дня уважаемые коллеги, подскажите пожалуйста, можно ли как-то отменить смещение текста при переносе строки под маркер списка при позиции inside? (Можно только при позиции inside). буду благодарен за любую помощь. https://jsfiddle.net/shaoau5z/
0 votes3 answers -
Проблемма с отображением в Internet Explorer 6
Проблема в Интернет Эксплоере 6й версии... http://nemtchinoff.com/taxarisite/ ... тема такова что в Опере, Мозиле и 7м ослике все нормально. А в 6м творятся нехорошие чудеса... Подскажите люди добрые как это исправить? Заранее премного благодарен. @charset "utf-8"; *{ margin: 0; padding: 0; } html{ background: url(./img/pattern.jpg) repeat center top; } body{ padding: 0px 0 0 0; min-width: 660px; align: right; } /*flash head holder*/ #flashcontent { position: relative; left:0px; top: 0px; width:613px; height:358px; margin: 0 auto; padding: 0; z-index:1; } #content { background: #6c7485; width:613px; height:358px; margin: 0 auto; h2{ font: bold 12px Arial, Helvet…
0 votes4 answers -
Margin-top и вложеные дивы.
Столкнулся с непонятной для себя проблемой: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html><head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <style type="text/css"> html, body {height:100%} body { padding:0; margin:0; } #outer{ min-height:100%; background-color: #00FF99; width: 850px; position: relative; left: 50%; margin-left: -425px; } * html #outer{height:100%} #header{ width:100%; height:140px; background:#FF0000; margin-top: 100px; } </style> </head><body> <div id="outer"> <div id="header"></div> …
0 votes3 answers -
<!DOCTYPE>
Обязательно ли вставлять ? Когда вставляю перестает работать position:relative. Может не тот вставляю?
0 votes4 answers -
Таблица рисунком
Делаю таблицу 3 на 3, в центре - информация. По краям - оформление таблицы. Но при отображениикартинок, почему-то появляется расстояние между ячейками, шириной в 1-2px, если форму делать темной, то очень заметно, хотя выставляю border и cellspacing в 0. В чем может быть проблема?
0 votes6 answers -
Слетает правая колонка
Ребят, помогите плиз http://www.stroykann.ru/ Три колонки, если в левой присутствует баннер 200*100, при разрешении 1024*768, то правая слетает под среднюю. Проявляется только в IE6, в остальных браузерах нормально всё. Что не пробовал- никак не могу добиться того чтобы колонки оставались в ряд
0 votes7 answers -
IE снова "радует"
Как же я уже замучался с этим IE. Все браузеры как браузеры, а этот... Четвёртый день мучаюсь. Надеюсь тут есть умные люди (не как я). Ссылка на сайт: http://tdplay.ru Ссылка на CSS: http://tdplay.ru/wp-content/themes/book/style.css У меня два в одном, так сказать. Во первых, основная часть сайта (правая колонка) сдвинута влево, вплотную к сайдбару. В других браузерах после увеличения ROOT.lefBottom { width: 820px; } изменения вступают в силу (колонка сдвигается вправо). IE никак не реагирует. Во вторых, в постраничной навигации, внизу сайта, не показывается нижняя часть рамки у каждой из цифр. Это плагин для Word Press и тут у меня вообще никаких вариантов нет. Буду очен…
0 votes11 answers -
div 3 колонки
НЕобходимо,чтобы три блока внутри другого блока находились на одной высоте прижатые друг к другу,но 3й блок уходит вниз. Как исправить, потому что не могу понять что делаю не так Код CSS div#header { background: grey; border: yellow 3px ridge; width: 888px; min-width: 200px; } div#logo{ background: red; border: green 2px ridge; width: 363px; height: 140px; float: left; } div#menu{ background: darkblue; border: black 2px ridge; width: 150px; height: 169px; margin-left: 367px; margin-right: 367px; } div#picture{ background: top yellow; border: darkgreen 2px ridge; width: 363px; height: 169px; f…
0 votes6 answers -
Проблема с отображением шрифтов в разных браузерах
Верстаю шаблон. Использую шрифт Myriad Pro. При объявлении через CSS обычным путем, с помощью способа: * {font-family:"Myriad Pro"; font-weight:normal;} во всех браузерах, кроме Сафари 5 отображается нужный шрифт. Когда решаюсь на отчаянный шаг и подключаю шрифт принудительно из папки fonts, то в Сафари текст отображается нужным шрифтом. Подключаю вот так: @font-face { font-family:"Myriad Pro"; /* Имя шрифта */ src:url(fonts/MyriadPro.otf); /* Путь к файлу со шрифтом */ } Отображается текст нужным шрифтом во всех браузерах, кроме браузера Опера. Там случается следующая проблема. При подключении обычным способом через font-family в браузере Опера обычный текст, текс…
0 votes1 answer -
Проблема с формой заказа
Спасайте дорогие граждане! Решил сделать форму заказа и освоить PHP, посмотрел пример, добавил что нужно, теперь полная Ж , Помогите исправить, или просто дайте ссылку где можно взять нормальную. Ссылка на сайт -ССЫЛКА>>>>> Заранее всем спасибо! Жду с нетерпением! ДА и вот файл обработчика сам PHPи <? $headers .= "Content-type: text/html; charset=Windows-1251\r\n"; if(!isset($pryamoygol)){$pryamoygol="нет";} if(!isset($yglovoi)){$yglovoi="нет";} if(!isset($panoram)){$panoram="нет";} if(!isset($mnogogrannik)){$mnogogrannik="нет";} if(!isset($panoram)){$panoram="нет";} if(!isset($steklo_optiwhite)){$steklo_optiwhite="нет";} if(!isset($steklo_m1)){$ste…
0 votes10 answers -
parallax psd-макеты
хотелось бы попрактиковаться в вёрстке parallax-макета, но не получается найти psd. помогите пожалуйста, если кому попадались
0 votes5 answers -
front end или back-end ?
У меня есть 2 хобби. Верстка и php ну или серверное программирование. Мне нравится и фронт энд и бэк энд. Но развиваться в обоих сферах это значит не преуспеть ни в одной. Придется выбрать что то одно и развиваться до конца в нем. Такой вопрос. Чем лучше заниматься? Где более высокий потенциал? Что в будущем будет более актуально? и за что больше будут платить больше в будущем? В общем вы поняли суть вопроса. Жду ваших мнений)
0 votes9 answers -
Подскажите что делать начинающему верстальщику
Здравствуйте, уважаемые коллеги! Начал заниматься версткой недавно (месяца 3 наверное). За это время немного освоил html/css, однако когда дело подходит к практике, например сверстать простейший макет, я тут же вхожу в ступор и не могу применить теоретические знания на практике. В общем что бы вы посоветовали мне? Как начать верстать хотя бы простейшие макеты? Спасибо, всем кто ответит на данное сообщение!
0 votes13 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-