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 надо менять, но где? Скрин развернутого сообщения блога на блогспоте. На главной странице все нормально, а если открываешь сообщение под катом, то все идет так, как здесь - вплотную.
0 votes12 answers -
Прозрачность Фона Дива
вот ссылка - http://pozition17.narod.ru/stihi.html не могу сделать зеленый фон дива прозрачным т.е. что бы сквозь зеленый фон просвечивал основной фон, не хочется применять изображения. и если кто знает подскажите как правильно прописать закругления углов чтобы они правильно отображались как например в гугл хроме так и в експлорере, насколько я знаю есть два метода один отображается в гугле другой в експлорере, как их совместить или может есть альтернативное решение?
0 votes4 answers -
Как прижать блок вниз,внутри другого блока
Сабж,помогите,пожалуйста,возможно ли такое реализовать без большого количества кода и кроссбраузерно?
0 votes6 answers -
Руссификация HTML 5 шаблона
Всем здравствуйте! Недавно занялся web-програмированием! Скачать шаблон, но когда пытаюсь вводить русский текст - все пусто, кодировки везде utf-8! Вот код <!DOCTYPE html> <html lang="en"> <head> <title>Home - Home Page | Student's Site - Free Website Template from Templates.com</title> <meta http-equiv="Cоntent-Type" cоntent="text/html; charset=utf-8" /> <meta name="description" content="Place your description here"> <meta name="keywords" content="put, your, keyword, here"> <meta name="author" content="Templates.com - website templates provider"> <link rel="stylesheet" href="css/reset.css" type="text/css" media="a…
0 votes3 answers -
Горизонтальная прокрутка товаров и эффект при наведени
Добрый день! Имеем горизонтальный блок товаров с прокруткой: Но при наведении необходимо добавлять в каждый товар какой то текст (его свойства), и этот блок должен показываться поверх прокрутки, полностью. Как это можно реализовать? Ведь если задать общему div: overflow-x: scroll; То div, на который мы навели, будет обрезан, либо увеличен размер внешнего тега div, что недопустимо, он должен быть всегда одной величины.
0 votes2 answers -
Sublime text 2
Здравствуйте, вопрос немного не по теме, но незнаю где еше спросить, кто пользуется Sublime text 2, подскажите пожалуйста, почему нельзя выбрать несколько строк, нажать Таб и что бы они передвинулись? Раньше пользовался Notepad++ и там была такая функция, может тут есть какой-то аналог?
0 votes8 answers -
Помогите с в?рсткой (99% - не найдут ответа)
Вобщем возникла проблемка с непонятным отступом от правой колонки вот код: <body> <div id="page-all"> <div id="top"> <div id="panelm"><div id="panel"><div id="panel2"></div> </div></div> <div id="logo"><div align="center"><img src="images/logo.gif" width="323" height="99"/></div> </div> <div id="boy"><img src="images/boy.gif" width="244" height="280" /></div> </div> <div id="bgleftcol"><div id="leftcol"><div id="leftcolbor"><div id="leftcolbor2"><div id="leftcolbor3"><div id="lefttext"><div id="title1"><div id="title1-te…
0 votes5 answers -
Объясните что за различия в отображении рамок (IE, FF, Opera 9)
Здравствуйте. Я взял такой код для примера. Объясните пож. что здесь происходит. FF3 - толстая черная рамка вылазит из главной таблицы. IE6, Opera 9.63 - отлично. В чем природа событий таких?? Спасибо. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html> <head> <title></title> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <style type="text/css"> table, tr, td { margin: 0; padding: 0; border-collapse: collapse; } </style> </head> <body> <table width="600" style="border: 1px solid red;"> <tr> <td …
0 votes4 answers -
ScrolBar (скрол бар) в css!
А если нет такого свойства то раскажите как поменяять цвет границ и сам цвет скрол бара! Для непонятливых: Скрол бар (ScrolBar) это полоска с права от окна, с помощью ей можно перемещатся ниже или више от окна, если ниже или выше есть инормация которую не видно!
0 votes5 answers -
масштабирование странички по ctrl+колесико
Добрый день, подскажите, кто-нибудь сталкивался с проблемами мастабирования по ctrl+колесико? проблема вот в чем, страничка php с заданным функционалом и дизайном упорно не хочет масштабироваться, а очень надо! все размеры шрифтов в em наблюдается некоторая странность - если страничка загружена и я хочу ее отмасштабировать, она стоит на месте, но как только нажимаешь F5, она сразу же масштабируется на столько, сколько я прокручивала колесико и уже потом ведет себя нормально, хотелось бы что бы поведение странички было сразу адекватным...
0 votes6 answers -
Internet Explorer
Здравствуйте! Надеюсь на вашу помощь не могу добиться работы IE с флеш-плеером (JW Player) есть такой код: <object id="player" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="320" height="256"> <param name="movie" value="player.swf" /> <param name="allowfullscreen" value="true" /> <param name="allowscriptaccess" value="always" /> <param name="flashvars" value="videos/large.flvℑ=image/logo.png" /> <embed type="application/x-shockwave-flash" id="player2" name="player2" src="player.swf" width="320" height="256" allowscriptaccess="always" allowfullscreen="true" flashvars="file=videos/…
0 votes5 answers -
0 votes15 answers
-
jquery добавляет к body zoom: 1;
Почему? Зачем? Нужно ли это? В Хроме: <body style="zoom: 1;"> В Опере: <body style="">
0 votes4 answers -
Поиск в HTML5 по тегам
Доброе утро друзья. У меня возник вопрос, html 5 я начинаю осваивать с низов. Возник вопрос, в частности как осуществить поиск по своему сайту на HTML. Кнопку я поставил, но как заставить работать поиск. Второй вопрос, как осуществить поиск по тегам с другого сайта. Допустим на работе стоит workpoint, необходимо чтобы с самописного сайта был поиск по отдельным разделам в workpoint'a по тегам. Я понимаю что у меня фантазия большая, но хотелось узнать возможно это сделать и с чего начать. Заранее благодарю.
0 votes3 answers -
Идентификаторы и классы
Иногда при использовании класса или идентификатора стили не применяются. Но если добавить к нему имя тега, то стили применяются #Имя_идентификатора { Описание правил стиля } - не работает E#Имя_идентификатора { Описание правил стиля } - работает Пример показать не могу, периодически при вёрстке сталкиваюсь. Такое бывает, когда несколько стилей применяется к одному элементу. Это потому что у второй записи больший приоритет?
0 votes16 answers -
Инпут с выпадающим списком
Здравствуйте уважаемые форумчане! Подскажите, пожалуйста, как реализовать такое, что бы при клике в инпуте выпадал список?
0 votes10 answers -
Перенос длинной непрерывной строчки
Доброго времени суток. Имеется проблема. Есть контейнер (DIV) ограниченной ширины, но не ограниченной высоты. Есть непрерывная строка (без пробелов) которая по ширине больше чем вышеуказанный контейнер. В общем сама проблема: как можно стилями сделать так, что бы строка обрезалась по ширине контейнера и остаток переносился на новую строку ? и можно ли такое сделать ? Буду очень признателен за помощь.
0 votes1 answer -
Ищу Книги и Статьи по В?рстке Сайтов
Кто нибудь может посоветовать какие нибудь книги и статьи по В?рстке Сайтов,там Div , CSS и т.дConfused Я уже весь Инет перерыл,нигде нету,уж очень хочется научиться Верстать сайты. Если кто знает,может какие книжки можно скачать,какие нить ссылочки на скачку..?
0 votes4 answers -
Проблема с бэкграундом
Не отображаются бэки, всё перепробывал: HTML: <div id="container"> <div id="border_top_left"></div> <div id="border_top_center"> <img src="http://dota-blog/wp-content/themes/worldofdota/images/top_left_b.gif" align="left" alt="" /> <img src="http://dota-blog/wp-content/themes/worldofdota/images/top_right_b.gif" align="right" alt="" /> </div> <div id="border_top_right"></div> </div> CSS: html,body{margin:0;padding:0;background-color:#000000} #container{margin:0 auto;width:950px} #border_top_left{width:35px;display:inline;background:url(images/top_left_a.gif) no-repeat}…
0 votes11 answers -
отдельный блок для меню
Здравствуйте. У меня такая задача: хочу чтобы меню на сайте (html-ном) подгружалось на все страницы с одного файла, чтобы не приходилось каждый раз при добавлении новой рубрики, менять меню на всех страницах сайта. На php это делается, а вот можно ли сделать такое в html? Спрашивал у некотрых веб-мастеров, но никто не смог сказать, можно ли такое сделать и попросили обратиться сюда. Заранее всем спасибо.
0 votes10 answers -
Как правильнее поступить с фоном
Добрый день уважаемые ! Учусь верстать. Столкнулся с вопросом как правильно разместить фон, однако, он не одинаковый и не градиент, имеет размеры 1200х1200 пикс. 1. вариант. background:url; overwflow:hidden; width:100%; 2. вариант сделать фоновую картинку масштабируемой Однако меня смущает размер и вес картинки, может её порезать надо? В общем, народ, нуждаюсь в ваших советах, как бы вы разместили такой фон.
0 votes14 answers -
Проблмы верстки
Вобщем проблема в следующем: Делаю резиновый макет, использую float для выравнивания слоёв, но в IE6 между слоями есть маленький отступ (3-5px), который никак не удаётся удалить, есть ли какое-нибудь решение средствами css?
0 votes13 answers -
IE6 смещает картинку
Приветствую. Есть сайт http://tdsol.ru/?page_id=3. Подскажите, почему в мозилле все пучком (и меню "Продаем" открывается, и png в шапке нормально видно, и карта в контактах на своем месте), а в IE6 все это глючит. Да и вообще если в нем открывать сайт, снизу сразу пишет что открыто с ошибками. Как это побороть?
0 votes7 answers -
Проблема с "отталкиванием" блока
Вот такая проблемка. При увеличении блока left не отталкивается блок bottom. все это находится в блоке контент (футер отдельно), вот коды : <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="css/template.css"/> <title>Заготовка_под_сайт_универсальная</title> </head> <body> <div id="header"> </div> <div id="menu"> </div> <div id="container"> <div id="content"> <div id="left"> …
0 votes4 answers -
Смещение блоков при изменении размера одного из них
Все доброго времени суток. Гугление не принесло никакого результата. Проблема такая: Есть, например, 12 блоков размеро 200на200, у всех левый флоат, размер радительского блока, скажем, 650пикселей(200*3+место на отступы). Итого получается 4 строки по 3 блока - типа галереии или портфолио, применение не важно. Хочется чтобы при наведение на любой блок он увеличивался, ну скажем, процентов на 10%. И вот тут начинается проблема. Блок увеличивается - ломается вся структура, блоки смещаются и получается хаос. Z-index проблемы не решает. Как сделать чтобы каждый блок увеличивался поверх других(если размер уж такой, что приводит к перекрытию соседнего блока) и структура была не…
0 votes4 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-