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
-
"Закрыть" внешние ссылки от поисковых систем
Приветствую! На сайте пользователи пишут комментария, введут блоги и т.п. В тексте могут использовать ссылки на внешние сайты и/или почтовые адреса. Я сделал так чтобы все ссылки автоматически высвечивались, то есть юзер введет www.test.ru, а уже на странице это будет готовая ссылка к примеру: <a href="test.ru"... Я в SEO не силен, но я знаю что если на сайте будут внешние ссылки, то сайт будет терять некую "популярность". 3 варианта решения: 1. Убрать к черту скрипт высвечивая ссылок и эл.адресов (либо подключать его только для зареганых, ведь поисковой робот не зарегистрируется и не увидит ссылки :-) ); 2. Переводить все внешние ссылки на подтверждающую страницу (как…
0 votes0 answers -
Проблемы с прозрачностю
Здравствуйте. У меня вот такой вопрос. При создании блока с черным фоном и изображением внутри, применяются стили css для прозрачности фона, но вместе с фоном прозрачным стает и изображение, как добиться того чтоб изображение не было прозрачным. код HTML <div id="test"> <img src="img/img.gif" width="117" alt="img"> </div> код CSS <style> #test { background-color:#000; opacity: 0.5; } </style>
0 votes1 answer -
Половина блока с opacity нестандартного размера
Как делаются такие штук? Я понимаю, что через :after видимо, путем накладывания блока такой формы поверх, может конечно ошибаюсь. Но ведь через псевдо-элементы нужно будет видимо указывать конкретные размеры, как тут с адаптивностью быть? + еще и текст там, его видимо понимать нужно будет.
0 votes0 answers -
Ошибка в позиционировании или в z-index, или в overflow?
Опять злой сафари в мак ос меня бесит.. Что в этом коде не так? Из за чего появляется такая картина когда пытаешься открыть скрытое меню на iPad или в Safari (Mac OS)? Код можно увидеть тут http://jsfiddle.net/bqy66jf0/2/
0 votes1 answer -
Как лучше реализовать вот такую задумку?
Вот как лучше реализовать вот такую вот задумку дизайнера Макет: http://prntscr.com/62xzzj Надо сделать так, что бы при нажатии на Ежика, открывалось окошко поверх картинки Ежика вот так http://prntscr.com/62y0my
0 votes3 answers -
появление картинок при определенном разрешении экрана
Здравствуйте, подскажите как решить такую вот задачу если у пользователя разрешение экрана допусти 1700 и выше что бы по краям появлялись картинки?
0 votes1 answer -
вопрос из HTML5
Только знакомлюсь с ним. В книжке, которую читаю, написано, что элементы header, nav, footer, article в CSS по умолчанию считаются display:inline, поэтому надо сперва сделать: header,nav,footer,article{ display:block;} Потом они продолжают писать стили для элементов: header, nav, footer, article{display:block;} nav {float:left; width:20%;} article{float:right; width:79%;} footer{clear:both;} Но float, ведь уже делает элемент блочным, стоит ли тогда писать display:block для элементов к которым он применен? Или у них это просто подстраховка?
0 votes2 answers -
Помогите доработать шаблон до симпатии Joomla 1.5
Помогите пожалуйста! Весь измучался!! css /********************************* GENERAL NASTROYKA CSS **************************************/ html { height: 100%; } * { margin: 0; padding: 0; } body { font-family: Tahoma, Arial, Verdana, sans-serif; background-color: #DFEFF5; font-size: 14px; min-height: 100%; padding: 0 10px 10px 10px; } p { font-family: Tahoma, Arial, Verdana, sans-serif; font-size: 14px; line-height: 20px; } a { color: #4D4946; outline: none; text-decoration: none; } a:hover { color: #FF0000; outline: none; text-decoration: underline; } /*********************************************************************************…
0 votes0 answers -
Главное меню
Нужно сделать меню чтобы при нажатие на него появлялась сверху полоска , я использовал border-top, но почему то текст который есть внутри кнопки сползает вниз на толщину этой же полоски, не могу никак решить задачу . Помогите пожалуйста. Вот мой код: html: <body> <div id="menu"> <ul> <li><a href="#" class="current"><p>home</p></a></li> <li><a href="#"><p>about us</p></a></li> <li><a href="#"><p>services</p></a></li> <li><a href="#"><p>solutions</p></a></li> <li><a href="#"><p>contac…
0 votes2 answers -
XML
Будет ли правильным,если после html и css я буду изучать язык правил разметки xml,если у меня в плане javascript и php?И как посоветуете продвигаться по этой технологии?
0 votes1 answer -
не работает closest-sied в css3 градиентах
http://jsfiddle.net/k74qU/ Собственно в чем ошибка-то?
0 votes5 answers -
при наведении на миниатюры изображений ничего не происходит
Доброго времени суток! Столкнулся с необычной проблемой...использую компонент галереи phocagallery,при тестировании на стандартных джумловских шаблонах все отлично работает,но в своем шаблоне при наведении на миниатюры изображений телефона ничего не происходит,но если навести на последнюю то работает все отлично (сами скрипты галереи,стили,разметку ничего не трогал), не понимаю почему такое происходит..? адрес: p-club.mcdir.ru/galereya/7-samsung-galaxy-s5
0 votes2 answers -
CSS и плагин MultiScroll.js
ребят, что за бред с фоновым изображением, почему деление непрвильное? wsfox.ru ( при прокрутке вниз тоже деление неверное). интересная особенность: если включить файрбаг в мозиле, то все встает на свои места
0 votes3 answers -
Проблемы с адаптацией эффекта анимации текста
Здравствуйте! Возникли проблемы с адаптацией данного эффекта http://codepen.io/Sonick/pen/HthaI Пытаюсь прикрепить этот эффект к отдельной section лендинга, а никак не получается. Похоже, что он работает только когда есть position:fixed. А мне нужно применить его по сути только к одному отдельному диву...Вот и вышла задача которую я никак не могу решить. Подскажите, пожалуйста, возможно кто-то сталкивался с подобной проблемой)))
0 votes2 answers -
Множественный фон
Не получается организовать множественный фон. Показывается только ОДИН фон, но никак не несколько))) И что не так делаю? Код здесь: https://jsfiddle.net/yfLs5tsh/ Спасибо.
0 votes3 answers -
печать страницы из браузера
http://imgur.com/a/qXdrG/all 4 колонки это превью хром, 2 колонки это фф другие страницы этого сайта в фф превью нормально выглядят куда смотреть?
0 votes3 answers -
Input type submit с плавающим gradient фоном
Все работает для любых элементов кроме input type="submit". Вот пример: .test { background: linear-gradient(to left, #feffe800 0%, #c3c3c3e6 100%); transition: all 1s ease-in-out; background-size: 20% 100%; display: inline-block; } .test:hover { background-size: 100% 100%; } Здесь плавает только background-size. Что не так делаю? Это в браузере не допилено или я туплю где-то?
0 votes0 answers -
pictures as background
izveniaus za translit net russkoy klavu. Kartinki background propisanu v HTML file, ne css file. Kogda stranica zagruzhaetsa to kartinki backgroundskie zagruzhautsa poslednimi, mozhno li sdelat' tak chtob oni zagruzhalis' ran'she? I have html file with pictures as background (all style into html file, i don't use css file). When page uploaded background pictures loaded at the end. How can I make them uploaded at the begining?
0 votes1 answer -
Фреймы
Кто знает в опере и иe6 (может еще в каких либо!) не меняется размер фрейма! Кто знает в чем проблема? <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /> <title>Технологическая инструкция</title> </head> <frameset rows="80,*" cols="*" border="2" framespacing="0"> <frame src="top.html" name="topFrame" scrolling="No" id="topFrame" title="topFrame" /> <frameset rows="*" cols="478,*" framespacing="0" border="2"> <fram…
0 votes0 answers -
Файлы для плавающего фрейма
В самоучителе по html описано как создать плавающий фрейм, а вот как делаются сами файлыы для плавающего фрейма нет. Так как делаются эти файлы? Какие теги туда нужно вписывать?
0 votes1 answer -
всплывающий блок перекрывается подвалом
Вроде бы стили одни и те же, порядок элементов тоже, но получаю странный эффект. Второй день никак не могу найти в чём косяк, поэтому прошу помощи от незамыленного взгляда компетентного человека. Сравните две страницы, прошу обратить внимание на табличку-зебру с конкретными наименованиями, в низу страницы: _http://poligon.info/catalog/index.php?SECTION_ID=5418 и _http://poligon.info/catalog/index.php?SECTION_ID=5418&ELEMENT_ID=72414 при наведении на ячейку с наименованием, всплывает блок с изображением. почему-то во втором случае, этот блок перекрывается подвалом. Заранее благодарен.
0 votes4 answers -
Помощь в поиске проги
Приветствую! Подскажите какую прогу можно использовать, для того чтобы скачивать сайты, чтоб качала html css имейджы и js. Много просмотрел софта, половина платный софт.. Половина домены в зоне рф не понимают... Поделитесь ссылкой плз.
0 votes3 answers -
Пропали части сайта
Сайт Не понимаю в чем дело.. кто сталкивался подскажите пожалуйста Прогонял его через валидатор, исправлял ошибки, подумал удалил что то не то. Вернул все на место, не помогло.
0 votes1 answer -
Зависимость стиля объекта от URL
Помогите пожалуйста! Есть например объект <div> с id=mylanguage, как организовать чтобы при адресе который заканчивается на /ru ,например, фон объекта был флаг РФ, а при /en флаг Англии.
0 votes5 answers -
Переход на след строку
Необходимо зафиксировать слайдер так. При фул скрине браузера я вижу: http://i060.radikal.ru/1208/b9/faf602214487.jpg Стоит перевести браузер в оконный режим, как одно из изображений падает на строку ниже: http://s45.radikal.ru/i108/1208/98/95df4218767e.jpg код слайдера: html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weigh…
0 votes2 answers