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
-
Не могу определить элемент на странице
Здравствуйте. Помогите пожалуйста определить, что за элемент появляется на странице перед изображением. Сначала появляется тёмная полоса, по ширине картинки, и толщиной примерно 3 px, потом сама картинка. Просмотрел весь файл style.css, закрывал комментарием всё подозрительное - всё без толку. Вот адрес одной из страниц, а то на Главной нет картинок, может посмотрите, что за ерунда. http://sekretymastera.ru/prisposobleniya/podyomnyiy-kran/ Шаблон вордпресовский.
0 votes10 answers -
Привязка объекта
Здравствуйте У меня несколько вопросов для более сведущих людей чем я... 1. (наверное слишком глупый... но все же): в опера с альфа слоями работает... а в IE нет... что можно сделать чтобы это дело заработало? 2. Я хочу сделать чтобы при наведении на картинку происходило движение до нужного мне момента, после того как она доезжает должна происходить другая анимация кнопок на этой картинке... но я не знаю как мне их связать чтобы они вместе двигались, но при этом чтобы к кнопкам не привязывался скрипт первого движения... очень надеюсь на вашу помощь! (очень надеюсь на то, что вы поймете что я имел ввиду.. т.к. сам с трудом понимаю что написал.. ) для наглядности ссылка и …
0 votes2 answers -
Две колонки
Здравствуйте, помогите решить проблему. CSS недавно начал осваивать. Нужно что бы блоки news и menu обтекались блоком content а получается вот что CSS #container { width: 875px; } #top { background:url(../images/top.jpg) no-repeat #000000; width:875px; height:427px; } #speedbar .leftb { width: 115px; height: 32px; float: left; color: white; background:url(../images/b_l.gif) no-repeat #000000; } #speedbar .centerb { height: 32px; width: 732px; background:url(../images/b_c.gif) repeat #000000; margin-left: 0px; float: left; } #speedbar .rightb { height: 32px; background:url(../images/b_r.gif) no-repeat #000000; float: left; margin-left: 0…
0 votes6 answers -
Помогите сделать авторизацию
Помогите плз сделать красиво авторизацию на моем сайте. Залил шаблон, но авторизация как то криво (см. скрин). хотелось бы что бы получилось так как на скрине справа. в html сам практически не разибраюсь( спасибо в файле login.tpl код такой <ul class="reset loginbox"> <li class="loginbtn"> <form method="post" action=""> <div id="logform" class="radial"> <ul class="reset"> <li class="lfield"><label for="login_name">Имя:</label><input type="text" name="login_name" id="login_name" /></li> <li class="lfield lfpas"><label for="login_password">Парол…
0 votes9 answers -
выезжающие js-вкладки
на сайтах часто встречаются боковые выезжающие вкладки. например на этом есть вкладки "мой заказ" и "меню". скажите пожалуйста существуют ли готовые популярные js-скрипты, которые предоставляют подобный функционал? дело в том, что я даже не представляю по каким названиям гуглить или хотя бы в общих чертах объясните как на js/jq можно подобное сделать. при помощи каких функций
0 votes6 answers -
Не стандартная верстка
Хотелось бы узнать ваши идеи верстки вот такого дизайна.В моей верстке пожалуйста не обращайте внимания на стили внутри html тегов, это сейчас не важно. При таком варианте, у меня проблема в том, что при разрешении по высоте более 1080px темные треугольники (padding картинки) внизу (будут обрезаны, так как фиксированная высота и overwlow у wrappera). Не нужен код, а просто - Ваш метод и основная идея или решение моей проблемы? Спасибо.
0 votes4 answers -
Активная ссылка
Как мне сделать так чтобы помечалась та ссылка(в навигации) в зависимости от страницы на которой я нахожусь.
0 votes6 answers -
@media screen and (max-width: ***px)
Наверно глупый вопрос, но я не совсем понимаю при прогрессивной верстке /*==общий код для самых маленьких дисплеев==*/ @media screen and (max-width: 480px){ телефоны } @media screen and (max-width: 768px){ планшеты } @media screen and (max-width: 992px){ мониторы } у нас сверху вниз наследование происходит? то есть 768 будет в себя включать 480 или же там надо будет все это про дублировать еще раз. Интересуюсь с целью сокращения кода. если наследуется то супер.
0 votes7 answers -
Что это за красная линия?
http://img.pixs.ru/storage/5/8/2/Bezimyanni_5147755_9401582.png Всем привет.. Я вот 3-4 дня начал заниматся HTML.. у меня такая проблема.. Что это за красная линия между кнопками "in" и "f"... никак не могу исправить это.. HTML <div class="Share"> <a target="_blank" href="https://www.youtube.com/user/BaxramEfendi/videos"><img class="Youtube" src="Icons/youtube-icon2.png" width="36px" height="36px" onmouseover="this.src='Icons/youtube-icon.png'" onmouseout="this.src='Icons/youtube-icon2.png'" /></a> <a target="_blank" href="https://plus.google.com/109111671453089973163/posts"><img class="Gplus" src="Icons/…
0 votes7 answers -
Проблема со сползающим блоком (Bootstrap)
Впервые взялся сегодня за Bootstrap 3 (до этого немного знал 2-ю версию). Столкнулся с такой проблемой codepen.io/anon/pen/Kzkfw?editors=110 Если закомментировать float в последнем блоке CSS — то блок контента и меню сайдбара выравниваются по верхнему краю. Но с float контент съезжает вниз. Помогите разобраться, из-за чего это происходит. И как это победить (желательно без откровенных костылей, типа подтягивания блока контента вверх). (Кроме своего CSS, к коду на CodePen подключен bootstrap 3, но я не думаю, что это их баг)
0 votes0 answers -
Как подключить виджет uLogin к HTML сайту?
Создал главную страничку сайта. Так как я новичок в HTML хочу попробовать с простой авторизации через социальные сети. Можете описать детально процесс подключения виджета?
0 votes9 answers -
Что лучше выбрать?
Объясните, пожалуйста, в каких случаях предпочтительнее пользоваться классами, а в каких id?
0 votes5 answers -
Flash height 100% width auto
Привет всем!! Давно не видел "старички", как дела? по теме: сделал флэш карту.. размером 1350 на 700, (разрешение экрана у меня 1280 на 800) в общем суть, нужно что бы флэш в браузере всегдя растягивался по высоте, соответственно ширина тоже (в зависимости от разрешения, края либо обрезаются за браузером, либо оставляют место - это мелочи) (*при этом полоса прокрутки не появляется, как и должно быть) проблемц: он ростягивается по высоте, все гуд.. но как-то по всему браузеру.. получается что нижних пикселей 100 не видно.. начал убирать плашки в опере.. и о чудо, когда все убрал, стало все видно.. но это не дело! таже чушь и в "осле" (на то он и осел) если пытатся открыт…
0 votes1 answer -
Квадрат 100% на 100%
Можно ли с помощью html и css сделать пропорциональный квадрат шириной и высотой в 100%?
0 votes5 answers -
Оцените семантику
Здравствуйте, оцените, пожалуйста, структуру: <!doctype html> <head> <!-- Metatags and other... --> </head> <body> <section> <header> <!-- Logo and banner --> </header> <nav><!-- Speedbar --></nav> <article> <h1><!-- Title --></h1> <!-- Content --> <nav><!-- Navigation (Pager) --></nav> </article> <aside> <menu> <!-- Menu --> </menu> </aside> <div id="empty"></div> </section> <footer> <!-- Footer --> </footer> </body> </html>. Футер прижат…
0 votes8 answers -
textbox и круглые углы
Привет! Пытаюсь сделать кроссбраузерные закругленные углы для textbox. Помогите пожалуйста, кто не занят. Проблемы такие: 1) div блок, содержащий картинку с левой границей не хочет растягиваться на всю высоту. 2) div блок, который рисует верхнюю границу, выезжает за пределы div блока, который содержит рисунок правого верхнего уголка. посмотреть можно тут Код: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="X-UA-Compatible" content="IE=8" /> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />…
0 votes2 answers -
вопрос кросс-браузерной верстки блока absolute
Здравствуйте уважаемые форумчане. Проблема заключается в не переносе текста на след строку в браузере хром. в остальных переносится нормально. Что нужно добавить в свойства <h1>, чтобы все отображалось корректно? http://auto-rentgarant.com.ua/ru/catalog // пациент, .products ul li .info { position: absolute; left: 300px; top:0px; font-size: 12px;}.products ul li .info h1 { //кусок подозреваемого кода margin: 13px 0 5px 0; padding: 0; font-size: 14px;}.products ul li .info h1 a { color: #000; text-decoration: none;}.products ul li .info h1 a:hover { text-decoration: underline;} https://yadi.sk/i/Zd8OeKy-ekwp8 - н…
0 votes6 answers -
Ругается валидатор
Никак не пойму, почему ошибка на 64 линии? http://validator.w3.org/check?uri=http%3A%2F%2Fbarbershop-borodinski.ru%2Fid19853%2Ftechnomart%2Findex.html&charset=utf-8&doctype=HTML5&group=0
0 votes12 answers -
Проблема с таблицей
Не знаю как это объяснить, смотрите на скриншоты. Как решить эту проблему?
0 votes4 answers -
Выравнивание в ячейке таблицы
Есть ячайка, в ней таблища, как эту таблицы выравнить по правому краю? <table> <tr> <td class="new3"> <table class="new4"> <tr> <td> Текст </td> </tr> <table> </td> </tr> <table> это не помогает td.new3 { background: url(images/bg92.png); height: 31px; text-align: right; vertical-align: bottom; } table.new4 { border-collapse: collapse; /*table-layout: fixed;*/ border: 0px solid #000; }
0 votes5 answers -
ie7, фоновое png, ссылки над ним не работают
Есть некоторый div, который абсолютно спозиционирован относительно body Т.е. он всегда в правом верхнем углу экрана В этом диве в качестве фона используется png-шка В блоках, которые располагаются поверх этого изображения, присутствуют ссылки Так вот в ие7 и ниже они не работают, отображаются, но ховера нет В чем может быть причина? Помогите разобраться
0 votes5 answers -
Выпадающее меню - Internet Explorer 7
Думаю, проблема будет ясна, если взглянуть на два скрина в приложении. Поясню, что скрин с названием normal.png - то как должно отображаться выпадающее меню и как отображается сейчас в нормальных браузерах (Chrome, Firefox и т.д.) Второй скрин (abnormal.png) отображает проблему воспроизведения кода всеми любимым Internet Explorer'ом 7й версии. HTML Code: <td scope="col" class="bundling"> <div id="gear"> <a><p>Open</p></a> <div class="bundling"> <ul class="actions"> </ul> <!-- <span class="hr"></span> --> <ul class="selects"> <li> <a id="sele…
0 votes2 answers -
как добавить див через :before for ie6?
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Документ без названия</title> <style type="text/css"> *{padding:0;margin:0} div{position:relative} .zi{width:500px; height:200px; border:3px solid red; z-index:expression(runtimeStyle.zIndex=1,insertAdjacentHTML('afterBegin','<div class="ab"></div>'));} .ab{position:absolute; left:100px; height:100px; width:100px; background-color:yellow; top:40px;} </style> </head…
0 votes6 answers -
Как сверстать такой простой сайт с 3-я колонками, заголовком и подвалом?
Если б порядком не замучился, то не стал бы заводить эту простую тему. Везде написано, что сейчас таблицы не нужно использовать для верстки, а нужны Div. Подскажите, как сверстать такой сайт - по типу сайтов с фотками и картинками. По высоте он будет на 100% страницы. Сверху будет заголовок с меню навигации. Снизу будет 3 колонки. В средней колонке будет картинка и она должна вся умещаться. Полос прокрутки в этом блоке быть не должно. Должен изменяться размер исходной картинки в этом блоке. Слева будет динамическое раскрывающееся меню. Оно может быть длинным - там нужна полоса прокрутки. Справа будет доп информация, тоже может понадобиться полоса прокрутки. Снизу буд…
0 votes11 answers -
Почти адаптивная таблица
Здравствуйте. Посоветуйте, как сверстать такое расписание http://joxi.ru/Q2KxaXpsNKGyAj Пока верстала таблицей. Но в мобильной версии таблица превращается в шорты - http://joxi.ru/p27LXw5SOaj6A7 Сайт верстаю под WP. Как лучше реализовать?
0 votes5 answers