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
-
Наложение нескольких фоновых изображений
Добрый день! Столкнулся с проблемой наложения нескольких фоновых изображений, а именно четырех. Вот как я задумал их разместить: 1-е изображение в верхнем левом углу привязано к левому краю и не повторяется; 2-е изображение в верхнем правом углу привязано к правому краю и не повторяется; 3-е изображение привязано к верху страницы, должно находится под 1-м и 2-м изображением и повторятся по горизонтали; 4-е изображение опущено на 700px вниз и повторяется по горизонтали; Ответ на форумах пока не нашел, а своими силами не получается. Одно изображение перекрывает другое. Только смог разместить 2 фона. Заранее спасибо!
0 votes13 answers -
Система авторизации
Как сделать такую же систему авторизации, как на http://forum.nvkz.net Точнее, как вызвать и работать с таким окном?
0 votes5 answers -
Правильное отоброжение в ИЕ6
Мне необходимо картинку(хедер) порезать на три дива, вот код <style> body{ width:1000px; } #Header_01 { background: transparent url(Header_01.png) no-repeat scroll center center; height:140px; width:210px; float:left; } #Header_02 { background: transparent url(Header_02.png) repeat-x scroll center center; height:140px; width:609px; margin:0 0 0 210px; } #Header_03 { background: transparent url(Header_03.png) no-repeat scroll center center; height:140px; width:181px; float:right; } </style> </head> <body> <div id="Header_01"></div> <div id="Header_03"></div> <div id="Header_02"></div&g…
0 votes3 answers -
Функция динамического создания таблиц
Ребят, просветите как не вбивая по нескольку раз табличные теги tr/td, прописать в поле кол-во строк\столбцов для реализации таблички(наподобие раз-ных html редакторов в которых существует опция вставки количества rows\cells)
0 votes6 answers -
Перенес сайта на другой хостинг приводит к проблемам.
Ситуация следующая: сделал верстку дизайна для сайта(сайт на движке) - у меня на хостинге все работает отлично, перенес его на хостинг заказчика, откуда-то берется сдвиг в меню в браузере ie. Почему такое может возникать?
0 votes8 answers -
Проблема с ролловером
A.rollover { background: url('images/index_rollov.gif'); /* Путь к файлу с исходным рисунком */ display: block; /* Рисунок как блочный элемент */ width: 85px; /* Ширина рисунка в пикселах */ height: 65px; /* Высота рисунка */ } A.rollover:hover { background-position: 0px /* Смещение по горизонтали */ -65px; /* Смещение вверх по вертикали */ } A.rollover2 { background: url('images/index_rollov2.gif'); /* Путь к файлу с исходным рисунком */ display: block; /* Рисунок как блочный элемент */ width: 98px; /* Ширина рисунка в пикселах */ height: 65px; /* Высота рисунка */ } A.rollover:hover2 { background-position: 0px /* Смещение по горизонтали */ -65px; /* См…
0 votes2 answers -
проблема с Оперой!
есть div {overflow:hidden;} в нём - длинная таблица table ... tr td - a href="#img1" /a - /td td - img id="img2" / - /td td - a href="#img3" /a - /td /tr ... /table и содержимое tr-/tr полностью занимает окно div'а, позволяя переключаться между картинками с помощью ссылок и якорей (такая вот галерея на одном сухом html). проблема: в Opera переключения, при overflow:hidden, не работают, а тут, как Вы понимаете, прокрутка категорически не нужна... что делать? код валидный, xhtml 1.0 strict и css 2.1, но не работает эта пижня только в Opera %( хотя, IE7 и 8 не проверял, но если в 6 работает, то и там должно, я думаю
0 votes12 answers -
Не пойму работу скрипта
Имеется часть кода выпадающего меню <if condition="$show['communitylink'] AND $show['popups']"> <td class="vbmenu_control"><a id="community" href="555#community" rel="nofollow" accesskey="6">Тест</a> <script type="text/javascript">vbmenu_register("community"); </script></td> <else /> $show['communitylink'] - Это как я понял то что будет выпадать AND $show['popups'] - не понял для чего ну это пока не очень важно, но понять хотелось бы.. Проблема в следующем, тоесть это все работает, но если поменять ID и скрипт, например id="community1" и script type="text/javascript">vbmenu_register("community1"); </script> все п…
0 votes3 answers -
Проблема с Оперой :)
Короче, при подключении листа стилей извне, во всех браузерах, кроме оперы, все отлично отображается. В опере же, как будто не существует стилей вообще. Что делать?
0 votes2 answers -
Как сделать центральный блок (div) динамическим?
Добрый день. Я новичок на Вашем форуме, а сразу с вопросами Есть небольшой набросок макета http://www.euromedia.max.net.ua/yachts.html Есть пример на который надо сделать похоже marin.ru Все скрипты и ЦСС предоставлю по желанию. Теперь ВОПРОСЫ: 1. Как сделать так, что бы внутри левого навигационного "аккордеончика" открывалась еще подменюшка, на подобии marin.ru 2. Как сделать так что бы при нажатии на определенную ссылку в этой меню/подменю изменялся только центральный блок, опять же marin.ru Сайт хочется сделать нетабличной версткой. Очень. Надеюсь на Вашу помощь о Гуру. И отдельные благодарности psywalker, Searcher и другим людям чьи ответы на чужие темы, мне уже …
0 votes6 answers -
Как сделать чтобы меню не сдвигалось при равном растоянии между словами
Есть менюшка, горизонтальная. при наведении пункт меню становится bold, и сдвигаются последующие пункты #botmenu{ color:#494F4E; font-family:Tahoma, Geneva, sans-serif; font-size:14px; } #botmenu ul{ margin:0; padding-top:20px; list-style-type:none; width:auto; } #botmenu ul li{ display:block; float:left; } #botmenu ul li a{ display:block; float:left; color:#fff; font-size:14px; width:auto; padding-right:20px; font-family:Tahoma, Geneva, sans-serif; text-decoration:none; } #botmenu ul li a:hover,#botmenu ul li a.current{ color:#fff; font-weight:bold; } как сделать так чтобы расстояние между словами было одинаковым, и при этом когда навод…
0 votes7 answers -
Все случаи, когда игнорируется margin:auto
Так и не смог уловить этот нюанс. Поэтому прошу помощи у опытных верстальщиков. Заранее всем спасибо.
0 votes24 answers -
Длина строки
Вот хотел услышать совет. Во сколько ограничить ширину строки? Просто знаю, что слишком длинной нельзя делать, но если укоротить, например, на 800 пикс, то как будут читать этот текст на большом разрешений? Увеличат текст и будет одно слово на одной строке, а сама строка всё равно треть монитора, что не айс. Какое оптимальное разрешение?
0 votes6 answers -
Фотогалерея
Как бы удобно внедрить в сайт без движка вот такую схему 1. Это флеш на xml в которые будут добавляться избранные фото ( по части 1 вопросов нет) 2. div с информацией как сделать именно так как на картинке тож знаю вопросов тож нет. 3. А вот в этот раздел хочу сделать резиновую галерею... чтоб постоянно растягивался сайт с добавлением новых фото и при нажатии на фотку выскакивал оригинал с возможностью прокрутить на след фотки. Ну вот примерно как то так... Буду благодарен за подсказки...
0 votes2 answers -
Индексирование магазина
Здравствуйте, подскажите пожалуйста. Как сделать лучше ? Давать ли индексировать поисковикам, интернет-магазин, ещё находящийся в разработке, например: над магазином работает три человека 1й человек добавляет товар (наименование и цены) 2й человек добавляет описание (взятого с других сайтов) 3й человек постепенно идёт и редактирует описание делая его более качественным и уникальным исправляя все ошибки. По времени это всё займёт около 2х месяцев,может больше. Так вот, поисковики ведь могут зайти на сайт когда контент ещё не качественный, а просто скопирован с других сайтов, тем самым не оценив полезность. Вот тут и возникает вопрос, нормально ли поисковик будет воспринима…
0 votes6 answers -
Проблема с версткой.
Есть фоновая картинка шириной в 1500 пикселей и блок со ссылками-рисунками. Как привязать этот блок к нужному месту на фоновой картинке, то есть чтобы при разных разрешениях браузера и разных браузерах не было сдвига. И второе - как сделать, чтобы фоновая картинка всегда на 100% ширины экрана растягивалась (или сужалась). пытался сделать табличной версткой, но таблица не хочет масштабироваться с width=100%, не влезает в окно браузера, подстраивается под размеры картинок в ячейках. Пытался сделать с помощью дивов, но не получилось задать соотношения для координат блока ссылок, чтобы они были на строго одном месте. Что делать?
0 votes3 answers -
внешний .js
Возникла необходимость использовать Ajax-окно, а куда прилепить openLayerA.js не пойму, может кто знает?
0 votes9 answers -
Регистрация домена.
Впервые регистрирую домен, дабы ненакосячить решил посоветоваться с профи. Регистрирую в ru-center. Итак, выбрал домен. Далее "Заказ дополнительных услуг", вот тут и застопорился. Предлагается три доп услуги: 1)хостинг почта(это понятно и мне не надо) 2)Forwarding Web-Forwarding Mail-Forwarding В этот пакет включен заказ услуг Primary-Auto и Secondary. 3)Поддержка DNS Primary-standard Secondary Не могли бы объяснить что такое Forwarding и Поддержка DNS? Или мне это вообще не нужно, Т.К. это "Заказ ДОПОЛНИТЕЛЬНЫХ услуг" и это можно пропустить?
0 votes2 answers -
Центрирование в XHTML 1.1
Добрый день, что-то не нашел нужного ответа в поиске, потому задаю вопрос. Как мне центрировать все элементы в блоке по центру. Например в том же самом body. Раньше я центрировал с помощью <center>, но это не валидно. Как центрировать с помощью css? text-align смещает только текст, но не блоки( Заранее благодарю.
0 votes5 answers -
Опера, background-attachment игнорирует значение scroll
Добрый день. Страничка http://conceptart.com.ua/test3/ В файерфоксе все ОК, в опере последней - общий фон не скроллится вместе с текстом, принудительное scroll в CSS не помогло. При этом естественно фон верхний (с белым пятном) при скроллинге уходит. Некрасивая такая штукенция получается... Помогите плиз, в чем косяк, почему FF все хавает правильно, а опера - нет.
0 votes1 answer -
только ie
вот css * { margin: 0; padding: 0; } body { text-align: center; background: #fff; } #main { width: 900px; height: 100%; margin: 0 auto; } #header { background-image: url(images/header.gif); width: 900px; height: 166px; } #left-column { background-image: url(images/left-column.gif); width: 173px; height: 534px; float: left; } #content { background-image: url(images/content.jpg); width: 727px; height: 534px; margin-left: 173px; } во всех браузерах отображается нормально, как и должно быть, а в Internet Explorer блок #content съехал вниз ни как не могу разобраться, в чем причина?
0 votes5 answers -
Проблема accept-charset="utf-8"?
Достался тут один большой сайт на небольшую доработку. Сам сайт весь в кодировке windows-1251. На нём расположена простейшая форма, которая сабмитит типом POST на другой сервер. На том сервере, само собой, UTF-8. Чтобы всё было нормально, был добавлен в тег form параметр accept-charset="utf-8". В результате из фаерфокса всё приходит нормально, а из ИЕ8 и оперы (в других не проверял просто) приходит муть. Кто-нибудь сталкивался с подобным? Чего посоветуете? Вариант всё переделать в утф кажется очень заманчивым, но слишком трудоёмок.
0 votes1 answer -
рамки "border" - хотелось бы КБ решения с учетом IE6/7, FF, Operы.
Привет. Собственно сама просьба в теме. Это моя первая попытка html/css верстки. Сразу столкнулся с тем что не могу добиться эдентичного отображения границ таблицы с вложенными кнопками. Опера ФФ и ИЕ доют три разных результата. Мне интересно решение без использования изображений. Извените за css код кинул от всей сраницы - уже мозг "болит думать"). ЗЫ.. вобщем если комуто не лень "помочь нубу" буду весьма счастлив . Тему кинул в html, ибо предполагаю что с IE6 все не решить только с css. хз) принтскрин html <html> <head> <title>page name</title> <link href="style.css" rel="stylesheet" type="text/css" /> </head> <body> <…
0 votes16 answers -
Проблема с версткой под ie6
Верстаю сайт и возникла проблема, никак не могу понять, как оптимизировать его под ie6. во всех остальных браузерах работает идеально, а вот ie 6 косяки. я так понимаю, что и нельзя под ие6 оптимизировать этот фрагмент, но все же хотелось бы услышать ваше мнение. http://4play.com.ua/other/help/index.html
0 votes10 answers -
рекламные блоки в ряд.
Добрый день. Подскажите неучу как сделать, что бы рекламные блоки были в горизонтальном положении, а не так, как у меня. Вот ссылочка: www.kursovaja.vinnitsa.com Спасибо!
0 votes19 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-