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
-
Как сделать прямоугольник с рамкой?
Нужно сделать рамку в 2 пикселя со стороны гипотенузы. Столкнулся с разными значениями рамки при масштабировании: http://cssdeck.com/labs/4ct3z0gy Да и вообще какая то кривая рамка получается. Может я что-то не так делаю? Это можно как то решить без канваса или там изображений чисто на css?
0 votes6 answers -
Верстка шкалы
Здравствуйте. Сделал такую адаптивную шкалу https://jsfiddle.net/x5pv92ox/, в которой будет меняться класс st-level-*, который применяет градиент с другими параметрами. Но мне кажется, что это можно реализовать как-то проще. Посмотрите, может у кого возникнет идея, как это лучше сделать.
0 votes2 answers -
Как зафлоатить инпут?
Помогите пожалуйста, не получается сверстать вот такую банальную навигацию .. Пробывал уже и inline-block, и флоат .. Но инпут не прижимается к правому боку. Можете ответ не говорить, скажите что не так делаю, и что поправить. Вот мой измученый код: <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title> example </title> <link type="text/css" rel="stylesheet" href="style.css"> </head> <body> <ul> <li><a href="#">Home</a></li> <li><a href="#">News</a></li> <li><a href="#">Blog</a></li> …
0 votes3 answers -
Анимированные табы
Добрый день! Помогите, пожалуйста, с анимацией. Использую jquery-плагин shiftyNav(https://plugins.jquery.com/shiftynav/) Вот пример - http://codepen.io/anon/pen/EWgKKX При анимации, идущей слева-направо(если кликать text1-text2-text3) происходит активный блок уезжает налево и появляется новый блок. А при анимации справа-налево(если кликать text3-text2-text1) происходит активный блок скрывается чуть вправо и появляется справа новый блок. Как бы привести к одинаковому стилю? Т.е. сделать анимацию по принципу клика слева-направо(text1-text2-text3), чтобы и когда кликали в обратном порядке(text3-text-2-text1) активный блок уезжал налево …
0 votes1 answer -
Форма слайдера
Помогите пожалуйста разобраться как сверстать слайдер, чтобы фоновое изображение распространялось на выделяющийся прямоугольник справа внизу где написан номер слайда, никогда с таким не сталкивался, буду рад любому совету. Спасибо.
0 votes2 answers -
проблемы с расположением текста
как в css сделать так, чтобы текс был сверху кнопки (в верхней ее части) без создания контейнера?
0 votes1 answer -
По разному отображается в IE и Firefox. Помогите!
HTML код: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="content-type" content="text/html; charset=iso-8859-1"> <meta name="author" content=""> <link rel="STYLESHEET" type="text/css" href="style.css" > <title>Untitled 1</title> </head> <body> <div class="fl halfofbigcol icol icol_ie"> <div class="box box_s"></div> <div class="box2 box_full"></div> <div class="box3 box_full"></div> <div class="box6 box_full3_s"> …
0 votes1 answer -
траблы с float в ie6
имеется такая конструкция: <p class="block"><span class="info">День рождения:</span>19.09.2007</p> и соответствующие стили: .block { margin :5px 0px; font :normal 1em sans-serif; } .info { display :block; float :left; font :bold 1em sans-serif; margin :0px 10px 0 0; width :210px; overflow:auto; } так вооот в ие6 текст который находится внутри класса info странным образом исчезает, но если убрать float, то он появляется. может мне кто-нибудь объяснить почему так происходит?
0 votes2 answers -
IE6 и 7 - подскажите!
Добрый вечер! Подскажите пожалуйста, почему в IE6 и 7 не корректно работают ссылки при наведении мыши, а в остальных все ок., проблемная часть кода: .menu ul {list-style:none; position:relative; top:65px; text-align:center; line-height:32px; } .menu li {display: block; position: relative; width:100%; } .menu a {display: block; height:100%; } #home {display:block; background-image: url(../img/home-red.gif); width: 192px; height: 18px; position: absolute; background-repeat: no-repeat; top: 5px; left: 50%; margin-left:-96px; } <div class="menu"> <ul> <li&…
0 votes6 answers -
Кнопка внизу td
Добрый вечер. Вновь обращаюсь за помощью. Есть примерно такая схема Есть некоторая таблица с 2 строками и 3 столбцами. В каждой ячейке текст разных и соответственно высота ячейки может быть различной. Внимание вопрос: как сделать чтобы кнопка в каждой ячейке была на одном уровне по высоте. Код примерно такой: <table> <tr> <td> Текст <a href="#"><span>Кнопка!</span></a> </td> <td> Tекст <a href="#"><span>Кнопка!</span></a> </td> <td> Опять текст <a href="#"><span>Кнопка!</span></a> </td> &…
0 votes6 answers -
Резкая прокрутка вверх в Opera
Вроде всё хорошо, а в браузере Opera на одной единственной странице при установке курсора в самый низ страницы вдруг страница резко прокручивается вверх, т.е. прочитать то что внизу страницы нельзя. Вот та страница: http://e-dotu.ru/2011/05/razreshenie-problem-natsionalnyih-vzaimootnosheniy-v-rusle-kontseptsii-obshhestvennoy-bezopasnosti-3-1/ Что же может вызвать такое поведение? Кто сталкивался с таким?
0 votes1 answer -
Помогите переделать оформление h2 в div
Было так .sidebar h2{ margin: 10px 0 0px 0; padding: 10px 0 10px 6px; text-align: left; font-size: 18px; line-height: 18px; color: #F4F5F6; font-family: Arial, Helvetica, Sans-serif; font-weight: bold; text-transform: uppercase; background: url(images/sidebar-tab.png) left top repeat-x; } .............. <h2 class="widgettitle">Новые статьи</div> Мне нужно убрать тег h2 и сделать такоеже оформление, но через div. Как правильно переделать код?
0 votes3 answers -
всплывающее окно меняет координаты при повторном открытии
реализовал функцию обратный звонок на ДжиКвери, при нажатии на ссылку всплывает окно при повторном нажатии без перезагрузки страницы окно меняет месторасположения hххp://www.dommoy.com.ua/ кнопка "Обратный звонок" в верху сайта Подскажите плз
0 votes1 answer -
Кодировке и хостинг
Помогите разобраться. При сохранении html или php файла(предварительно сохраненных в блокноте как utf8 и c прописанным тегом meta) на сервере хостинга, вместо русских букв появляются вопросы. На локальном сервере(Denwer) проблем нет, русские буквы отображается верно. В связи с этим также не работают запросы с русскими символами в параметрах, с английскими все работает.
0 votes9 answers -
не работает background: url(top.jpg)repeat-x;
Всем привет. Не могу разобраться! Не работает background: url(top.jpg)repeat-x в ИЕ. В мозиле все нормально! В чем может быть проблема Все разобрался)
0 votes2 answers -
Помогите разобраться!
Не могу ни как понять! Моя ссылка HTML,Body 100% все хорошо; Только в CSS заношу #conteiner внизу появляется отступ и прокрутка! HTML <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>Block</title> <link href="css/style.css" rel="stylesheet" type="text/css"> <script type="text/javascript" src="js/jquery-1.7.1.min.js"></script> <script type="text/javascript"> function fontSize() { var width = 1500; // ширина, от которой идет отсчет var fontSize = 16; // минимальный размер шрифт…
0 votes10 answers -
требования к атрибуту class
Собственно, вопрос в следующем, какие применимы требования к описанию атрибута class в HTML4 и HTML5. Можно ли описывать следующим образом? class="elem1-subelem2-x:3-y:7-z" Буквально, простыми словами или ссылкой на спецификацию. За ссылку на параграф спецификации, дополнительное спасибо.
0 votes4 answers -
Ошибка в firefox
Здравствуйте, не получается сверстать страницу в firefox. Подскажите, пожалуйста, в чём дело. Мне кажется, что ошибка в firefox, так как в опере и ie вёрстка встала как надо. <!-- html --> <div class="window"> <div class="caption"> <div class="corner-left"> </div> <div><span>Authentication</span></div> <div class="corner-right"> </div> <div class="clr"></div> </div> <div class="content"> <form> <div class="input"> <label>Username</label> <input type="text" /> <div class="clr"></div> </div> <di…
0 votes4 answers -
Откуда берётся <p align="justify"> перед доктайпом?
Вот сайт - http://www.shark.ru/sharknew/ Это то, что я вижу в шаблоне: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <?$APPLICATION->ShowHead();?> <meta http-equiv="Content-Type" content="text/html; charset=<?=LANG_CHARSET;?>" /> <?$APPLICATION->ShowMeta("robots")?> <?$APPLICATION->ShowMeta("keywords")?> <?$APPLICATION->ShowMeta("description")?> <title>Shark ID | <?$APPLICATION->ShowTitle();?></title> <!--?$APPLICATION->ShowCSS();?--> <!--?$APPLICATION->ShowHeadStrings()?--> <script type='te…
0 votes7 answers -
Неправильное растягивание блока с плавающим содержимым
Доброго времени суток, Дано: Растягивающийся по содержимому блок(display:inline-block): Внутри него обтекаемый блок(float:left) За ним обтекающий блок, который должен растягивать родителя. Код: Проблема: При небольшом размере текста в обтекающем блоке Chrome и Firefox растягивает родительский блок не правильно. Как правило, короткий текст просто переносится под плавающий блок. скриншот: IE и Opera растягивают родителя правильно. скриншот: Посмотреть вживую можно тут и тут (по второй ссылке html5 и Firefox его отображает немного по другому) Нужно найти кроссбраузерную реализацию такой верстки. Заранее благодарю.
0 votes2 answers -
Не знаю как сделать форму
Нужно сделать такую форму, но не знаю как. Получается сделать только просто выпадающий список. Но для сохранения общего дизайна нужна такая. Заранее благодарен
0 votes7 answers -
Что не правильно делаю?
Вот сайт http://firstsiteinmymi.ucoz.com/ при переходе на другую страницу, нажмите на "Видео" отступы появляются, и правильно ли я создал переход на другую страницу?И посоветуйте другие хостинги, но чтобы можно было так же менять код на свой.
0 votes9 answers -
Как избавиться от скачка при развертывании текста
Подскажите пожалуйста, как избавиться от скачка влево при появлении бегунка? Вот образец: http://vanna-servis.com.ua/price.html Спасибо!
0 votes4 answers -
Градиентная прозрачность картинки
Как сделать градиентную прозрачность картинки с сердечками http://jsfiddle.net/ntxsx1ba/ чтобы слева она была прозрачная, а справа непрозрачная? Т.е. чтобы картинка с сердечками слева сливалась с фоном (с использованием прозрачности), а справа она была не прозрачной.
0 votes5 answers -
Масштабирование сайта проблема 2
Как сделать так чтобы сайт выглядел при массштабировании как тут То есть при сильном уменьшении сайт располагался слева, а вправо можна было перемещаться скролом. А то сейчас обрезается левая сторона...
0 votes2 answers