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
-
При подключении CSS шаблон в ФФ падает, даже при пустом ССS файле.
Верстаю шаблон, (вверху и внизу 2-ве приклееных менюшки, посередине будет блок и конечно все будет на аяксе) в Опере и Осле всё отображается нормально, а в ФФ headerpanel и footerpanel не приклеиваются, помогите плиз разобраться. Методом тыка выяснил что в ФФ шаблон падает когда подключаю ccs, когда объявляю <link href="menu.css" type="text/css" rel="stylesheet" > и данный файл существует (возможно он даже пустой, это сути не меняет), когда его нет, тогда всё нормально. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <head> <title>Шаблон</title> <meta http-equiv="Content-Type" content="text/html…
0 votes14 answers -
Элемент не центрируется в Firefox / IE.
Довелось мне править чужой говнокод. Основной кусок: <tr> <td> <table align="center"> <tr> <td> <table align="center"> <tr> <td> <DIV align="center"><TABLE STYLE='width: 100%; background-attachment: scroll; background-repeat: no-repeat; background-position: 0% 0%; background-image: url("http://*.ru/obuchenie.png"); border-collapse: collapse' align summary="null"><TBODY><TR><TD STYLE='width: 1198px; letter-spacing: 0px; word-spacing: 0px'><BR><BR><BR><BR><TABLE><TBODY><TR><TD></TD></TR></TBODY></TABLE><DIV onclick="if (…
0 votes7 answers -
first-child в IE6
Здравствуйте! Подскажите пожалуйста следующий момент. Есть вот такой код: #seriy_fon{width: 320px; height: 60px; background:#999966;} .section {width: 98px; height: 58px; border: solid 1px #000000; float:left; margin-left: 10px;} #seriy_fon div:first-child {margin-left: 0px;} Однако, как я узнала IE6 " не понимает" first-child. Я написала след класс: .section_first {/* IE6 */ width: 98px; height: 58px; border: solid 1px #000000; float:left; margin-left: 0px;} Но знаний очень мало, как его в основном файле использовать/подключить? Наверное как то прописывается условие для IE6? Подскажите пожалуйста каким образом. Заранее спасибо.
0 votes8 answers -
CSS-хак для Мака/айФона/айПада
Столкнулся с очередной траблой при внедрении кастомных шрифтов: на эпловских устройствах (включая Мак-мини) они позиционируются по вертикали по-другому (ближе к верху строчного бокса), чем на виндовых машинах. Из-за этого заголовок с плавающей иконкой под маком/айфоном/айпадом выглядят некузяво (словно иконка вниз сползла, хотя по факту, наоборот, вверх уполз заголовок). Игры с line-height и vertical-align не помогают — на маке всё равно всё по своему. Не вижу иного выхода, как явно подпереть одну из платформ специфическими для нее отступами, но столкнулся с проблемой: как в CSS опознать платформу? Встречающиеся в поиске решения нацелены либо на движок Webkit (что мне не …
0 votes8 answers -
Пиксельный перфекционизм
Вопрос по большей части к гуру данного форума, людям опытным, за спиной которых десятки макетов и годы работы.. Значит верстаю я, верстаю.. и всё-то мне кажется, что недостаточно всё ровненько.. то там буковка вылезет, то здесь интервал между словами большой.. Следует ли обращать внимание на такие мелочи? Например на рисунке видно, что первая и последняя строки совпадают (полупрозрачная верстка наложена на картинку), а вот посередине какая-то белиберда.. Но ведь у меня для всех строчек одни и те же маргины и паддинги, значит изображение, полученное мной "правильнее", если так можно выразиться.. Или вот, например просто текст. первое и последнее слово совпадает, в серед…
0 votes18 answers -
Слайдер slick нет левой стрелки
Подключил слайдер slick, если стрелки вынесены по бокам слайда, все работает, если слайд делаю на всю ширину экрана, стрелкам меняю позицию, левая стрелка проподает. В чем проблема может быть?
0 votes7 answers -
Разъезжается ячейка в таблице. Хотя размеры указаны.
Делаю шапку для сайта. Делал вначале слоями, но в последствии оказалось, что отображается эта шапка не во всех браузерах хорошо. Сейчас таблицей сделал, и о ужас :-) с таблицей тоже не все гуд. Вот посмотрите таблицу (убрал картинки и стили, что бы было нагляднее) В комментах кода суть моей проблемы. Как сделать так, чтобы ячейки ?1 и ?2 оставались при своих размерах, независимо от введенных данных ячейки ?3. Заранее благодарю :-) P.S Таблица хорошо отображается только в Firefox 2
0 votes9 answers -
Опрос
Всех с Новым Годом! Подскажите, как сделать страницу результатов опроса?
0 votes10 answers -
Как сделать ссылку такого вида
не активна при наведении курсора и нажатии Может быть не много криво нарисовал, но... Если делать картинками-вс? понятно. Но можно ли как-то это реализовать не через картинки?
0 votes11 answers -
z-index и контекст наложения
Пытаюсь разобраться со слоями, но что то не выходит. Прочитал статью на хабре Зададим классу .red { z-index: 1;} - блок стал выше... Но если мы родительскому элементу блока .red задаем opacity<1, то есть например opacity: 0.99, то блок снова почему то ниже по уровню. В статья написано, что: Новый контекст может быть сформирован в следующих случаях: Если элемент – корневой элемент документа ( элемент) Если элемент позиционирован не статически и его значение z-index не равно auto Если элемент имеет прозрачность менее 1 Окей, значит я создал новый контекст opacity. Но если вместо оpacity применить position: relative наприм…
0 votes5 answers -
Разрешение 1024х768
Подскажите, что нужно сделать. Есть шаблон и в разрешении 1280х1024 все видно хорошо, но у некоторых пользователей разрешение 1024х768 в этом случае появляется горизонтальная прокрутка, что нужно сделать, чтобы от нее избавиться и страница сама подстроилась под нужное разрешение? Вот код CSS html { padding: 0px; margin: 0px; border: 0px; } body { margin: 0px; padding: 0px; border: 0px; height: 100%; width: 100%; text-align: center; /* required for centering the page in IE */ background-repeat: no-repeat; font-family: Arial, sans-serif; font-size: 12px; color: #E9E9E9; line-height: 19px; background-attachment: fixed; background-position: left bottom; bac…
0 votes8 answers -
Резиновые трехколоночные макеты
Систематизировал различные варианты резиновых трехколоночных макетов, в итоге получил их 13 разновидностей. К примеру, такой (px ∞ px) означает, что первая и третья колонка задана в пикселах, а средняя занимает оставшееся пространство. Макет (% % %) означает, что ширина всех колонок указана в процентах. 1. ∞ px px 2. px ∞ px 3. px px ∞ 4. % % % 5. % ∞ px 6. ∞ % px 7. (% %) px (ширина первых двух колонок принимается за 100%) 8. px % ∞ 9. px ∞ % 10. px (% %) (ширина последних двух колонок принимается за 100%) 11. % px ∞ 12. ∞ px % 13. ∞ px ∞ (здесь левая и правая колонка равны между собой)
0 votes11 answers -
Обёртка с тенью и футер
Доброй ночи. Вчера по совету одного форумчанина я сделал тень у сайта с помощью css стиля box-shadow. Я обернул весь свой сайт в div и дал этому диву стиль. Но сейчас я заметил, что теперь футер не прижимается к низу браузера, что впринципе и логично, но вчера я об этом не подумал. Сейчас я пробовал делать 2 обёртки. Отдельно для wrapper и отдельно для футер, но получается тоже не совсем то, что нужно. Да и видимо это совсем уж искусственный способ. В общем посоветуйте как это можно реализовать. Мне надо, чтобы тень у сайта была и футер прижимался. Вот ссылка для наглядности: http://deluxe-okna.ru/production/index.php
0 votes9 answers -
Как сделать анимацию логотипа при помощи css 3
Один из моих клиентов хочет анимировать логотип - http://prntscr.com/75udaq Крутиться должен символ в центре круга, у меня не выходит пока ничего Подскажите решение проблемы, ил пока не получится сделать вращение по часовой стрелке при помощи свойства animation
0 votes19 answers -
выпадающее меню
Добрый день уважаемые, В общем незнаю в чем беда, 2 дня ковыряюсь в CSS, с копировал с Joomla выпадающее меню, В общем работает но немогу раздвинуть фоновые кнопки на с текстом внутри на одинаковое расстояние друг от друга. Первая и вторая кнопки нармально рассположены, третья уходит в право на растояние чуть больше чем положено, третья уезжает еще дальше. Предлагаю посмотреть код меню <div id=horiz-menu> <ul class="nav" id="horiznav"> <li class="active"> <span class="topdaddy"><a class="topdaddy" href="#">1</a></span><ul> <li><span class="top"><a href="#">1.1</a></span></li> <li>&…
0 votes3 answers -
Список нумерованный в обратном порядке
Подскажите, пожалуйста т.д. март февраль январь Можно ли пронумеровать такой список проще (одной записью), без указания в каждом параметра value?
0 votes3 answers -
svg - как включить текст к rect, circle и т.п.?
Затеял тут сделать простой редактор схем процессов. И подумал, чтобы линии в месте пересечения полукругом друг друга огибали сделать всё на Svg. И кажется так в дальнейшем будет больше преимуществ. Без svg всё просто стрелочки бы тоже дивами рисовал (там мона и треугольнички дивами к ним приделать... по большому счёту можно и полукруги сделать ..) Вот например, как я таскаю див и текст в него могу вбивать: http://jsfiddle.net/5g55uyjn/1/ А вот с svg начались непонятки. Но совершенно не понял, как тупо текст внутрь rect или внутрь circle поместить. А потом таскать это одним махом... Думал просто можно текст вставить... Нельзя вроде... Думал для этого <g> служит..…
0 votes2 answers -
Как на реальных проектах используется Git ?
Здравствуйте. На данный момент я верстаю для себя и пользуюсь гитом так как я привык (ниже опишу как). Вот сейчас хотел бы узнать, как мне придется работать с гитом когда над проектом работать буду не я один ? На данный момент я работаю так: 1. Создаю в github новый репозиторий; 2. Клонирую этот репозиторий к себе на локальную машину; 3. И начинаю верстать; 4. Комиты я пишу частые для себя (все делаю в ветке master, знаю что это не правильно но пока для меня нет необходимости их разделять); Комитах пишу что то типа этого: - Подключает {какой то} шрифт; - Создает какой то блок; - Добавляет файл с переменными less/sass; - Создает секцию header -…
0 votes7 answers -
Некорректное расширение картинки.
Мысль появилась, есть картинка, которую админ может залить картинку. Если эту картинку переименовывать без расширения, то она в общем то нормально отображается, к примеру <img src="1190862358" /> выводит вполне вменяемый гиф: Или вс? - таки так лучше не делать? Чем грозит? Интересует ответ именно со стороны корректности html - ибо картинку один фиг видно.
0 votes4 answers -
прослушивание mp3 на сате.помогите!
такая задача-надо на сайте сделать прослушивание mp3.уже все перепробывала-не получается. <object id=MediaPlayer codebase=http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.cab##Version=6,4,5,715 type=application/x-oleobject height=50 standby="Loading Microsoft Windows Media Player components..." width=250 classid=CLSID:22d6f312-b0f6-11d0-94ab-0080c74c7e95> <param name="FileName" value="../music/Come_To_Me_My_Baby.mp3"> <param name="TransparentAtStart" value="true"> <param name="AutoStart" value="true"> <param name="AnimationatStart" value="false"> <param name="ShowStatusBar" value="true"> <param name="ShowControl…
0 votes13 answers -
include
Здравствуйте. Не могу подключить файл через include. Сам файл находится в другой папке от того файла где нужно подключить. Пробовал указывать полный путь до файл но все равно ошибка. Как правильно?
0 votes15 answers -
Какие размеры дисплеев нужно учесть
Пишу сейчас дизайн, хочу сразу подготовить всё для адаптивности, изучил все статьи из списка по теме, пока вот выбрал себе 4 как наиболее вероятные: @media only screen and (max-width: 480px) {}@media only screen and (max-width: 768px) {}@media only screen and (max-width: 1024px) {}@media only screen and (min-width: 1025px) {}Может подскажете какие нужно учесть обязательно?
0 votes16 answers -
Reset form
зравствуйте, столкнулся с проблемой относительно горячих клавиш, а точнее с функцикй которая должна имитировать кнопку ресет при нажатии клавиши. Как это реализовать с привязкой к id формы я понимаю, но ето не вариант, так как страниц с формами должно быть много. Поетому хотелось бы написать универсаьную функцию ля всех форм. По логике, ето должна быть либо первая найденная скриптом форма, либо просто любая (хотя етот вариант менее желателен). Собственно вопрос, как такую функцию написать? заранее благодарен
0 votes1 answer -
фиксированный див при скролинге
Здрасьте! подскажите ссылкой или примером, очень буду благодарен за помощь в следующей проблеме. Итак: если Mozila, Opera, Netscape понимают fixed, а какя альтернатива есть для IE ? спасибо откликнувшимся !!!
0 votes3 answers -
мигающая ссылка
нужно сделать мигающую ссылку на сайте ( и не одну) blink помоему работает только с текстом, а не с ссылками посдскажите как можно сделать такое? какими методами?
0 votes2 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-