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
-
Позиционирование выпадающего меню
Здравствуйте! Помогите пожалуйста: 1. сайт _hххp://aktivsport.com.ua меню слева категорий сделано в виде выпадающих подкатегорий, в случае если пункт меню находится возле нижнего края экрана то подкатегории уходят за нижнюю границу экрана, а нужно что бы они в этом случае открывались как бы "вверх". 2. сайт _hххp://nkt.ua в шапке присутствует вывод валют комбобоксом, в ФФ он отображается а в ИЕ его не видно Прошу помощи, помогите пожалуйста
0 votes0 answers -
Верстка для iPhone
Здравствуйте! Есть макет из 2 колонок. В левой широкой колонке - фотография и текст справа. Правая - узкая, видимо, под текст. Требуется сверстать макет с учетом корректного отображения в устройствах типа iPhone. Скажите, пожалуйста, каковы особенности такой верстки? Что следует учесть при работе?
0 votes0 answers -
Вписывание блока по размеру свободной области родителя.
Пишу <html style="border: red dotted 50px; width: 100%; height: 50%; /*padding: 50px;*/"> <body style="border: blue solid 10px; margin: 0; width: 100%; height: 100%; padding: 100px;"> bla-bla-blah </body> </html>получаю бред. 1) Естественное желание - иметь некоторые фиксированные размеры родителя, возможно с padding-ом, а дочерний блок вписать в то свободное место родителя, которое должно остаться после padding. 2) ИЧСХ - по высоте оно всё растягивается, а по ширине - выходит за границу. Решил начать разбираться с корневых элементов, но div-ами, тоже не могу решить этот вопрос <div style="border: red dotted 50px; width:…
0 votes1 answer -
text-align внутри блока
Добрый день! Есть у меня блок .block{height:; width:; border:; padding:; float:; margin-right:;} Для этого блока хочу добавить заголовок. .new{text-align:center;} И уже в коде html <div class="block"><span class="new">Some text</span> </div> Но не получается, текст не выравнивается по центру. Почему?
0 votes4 answers -
Всплывающее меню без использования js
??<!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" xml:lang="ru" lang="ru"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>test</title> <meta name="description" content="" /> <meta name="keywords" content="" /> <style type="text/css"> .tt span { display : none; padding : 2px 3px; margin-left : 8px; } .tt:hover span { background:#fafafa; border:1px solid #7d8891; color:#000; display : inline; position : absolute; padding:1px 3px 1px 3px; font-siz…
0 votes1 answer -
Почему блок плавает при изменении масштаба?
внизу в футере там есть счетчик статистики, при изменении масштаба страницы он "плывет" как сделать, чтоб он был статичным и распологался к примеру справа в футере? пс: разобрался.. надо было вложить блок в футер, а не отдельно
0 votes0 answers -
почему тему удалили?
я хочу что бы когда я создавал на странице новую информацию старая информация уходила на страницу назад как это сделать?
0 votes1 answer -
Изображение на заднем плане, которые будут исчезать на маленьком разрешении.
Есть вот такой макет сайта была ссылка на файлообменник Проблема возникает с баскетболистами. Вроде как они на заднем плане, а вроде как и должны быть прикреплены к краям сайта. Напрашиваются само собой 2 решения. 1. Сделать спортсменов фоном, который будет меняться в зависимости от окна браузера. Но тогда на маленьком разрешении экрана, спортсмены оказываются под сайтом. При экране с соотношением сторон 1*1, всё тоже отображается не очень корректно. 2. Прикрепить спортсменов к телу сайта. Но тогда сайт начинает отображаться начиная с левого спортсмена(а хотелось, чтобы в таких случаях он не отображался и снизу появляется полоса горизонтальной прокртуки. Вот эти 2 вариант…
0 votes2 answers -
Как сделать в резиновой шапке....
Как сделать в резиновой шапке 3 картинки следующим образом: одна прижата к левому краю другая к правому и одна плавает по центру.?! Верстка на дивах. <div id="header"> <div class="left"></div> <div class="center"><a href="/"></a></div> <div class="right"></div> </div>
0 votes1 answer -
Как сделать обтекание diva картинкой, при любом экране
Необходимо чтобы при любом масштабе экрана, изображение прилипло с внешней стороны правой и левой Это делаются 2 картинки? С помощью чего можно реализовать Как пупсы тут ? И какого размера должна быть картинка , если на ней 2 элемента по бокам?
0 votes1 answer -
Почему не работает handheld для определения смартфонов?
Есть способ отобрать именно мобильные устройства - телефоны, смартфоны, планшеты?
0 votes0 answers -
IE10 странное поведение выпадающего блока
http://road.media/?template=rm при наведении на "каталог" в IE10 в первый раз "выпадайка" показывается нормально, во второй раз - пустая, как будто в контейнере с классом drop ничего нет: После перегрузки страницы восстанавливается ровно до второго наезда мышью В чем может быть дело? Может глюк конкретного браузера? 10.0.9200.16600 В IE11 например всё нормально.
0 votes0 answers -
Получение погоды с сайта.
Как введя на своей странице название города получить погоду с другого сайта? Искал по API, ничего не нашел. http://openweathermap.org/ не получаться.
0 votes1 answer -
Границы изображения css
Хочу сделать так, чтобы при нажатии на изображение осуществлялся переход по ссылке, но из-за границ этого самого изображения нормально сделать не получается, вот код - https://jsfiddle.net/j7e89dro/.
0 votes0 answers -
Форум
всем привет, я тут учусь верстать, как бы главную страницу, я верстаю, ф форум вообще не знаю как. И собственно просьба, если кто то видел видеоуроки или статьи, на эту тему. Дайте ссылку мне пожлуйста, а то я чет не могу найти Зарание спасибо.
0 votes5 answers -
Фон и подвал внизу страницы
Ребят, не могу разобраться, возможно ли мне тут: http://exphp.tmc-center.ru сделать фон (справа внизу) как задумывалось? Помогите, пожалуйста
0 votes3 answers -
Выравнивание DIV'ов
Здраствуйте. Мне необходимо сделать так, чтобы 2 DIV'а внутри 3его шли в ряд имели вертикальное выравнивание по середине относительно родительского: <div class="class1"> <div class="class2">sdfgsdfg</div> <div class="class3">dhfkajhdfkldhf</div> </div> Пытался назначить float: left; второму классу и vertical-align: middle; второму и третьему, но это не сработало. display: inline тоже. Кто нибудь знает как решить проблему?
0 votes2 answers -
Про валидацию
Подскажите что это за ошибки , спасибо. Line 249, Column 15: attributes construct error <td width="20%"valign="top" ><img src="30-text.png" alt="" height="32" width="3… ? Line 249, Column 15: Couldn't find end of Start Tag td line 249 <td width="20%"valign="top" ><img src="30-text.png" alt="" height="32" width="3… ? Line 249, Column 81: Opening and ending tag mismatch: tr line 248 and td …"20%"valign="top" ><img src="30-text.png" alt="" height="32" width="32" /></td> ? Line 251, Column 5: Opening and ending tag mismatch: table line 247 and tr </tr> ? Line 252, Column 8: Opening and ending tag mismatch: div line 228 and table <…
0 votes0 answers -
Помогите исправить Вид материалов файлов
Я написал вид материалов как ВКотнтакте, но он выглядит не очень СМОТРИТЕ В СКРИНЕ Выглядит тексты не ровны Это CSS .app_cat_image_cont { vertical-align: top; padding: 0px; width: 75px; text-align: left; } .app_cat_image_h { width: 75px; height: 75px; overflow: hidden; } .app_cat_image { -webkit-border-radius: 5px; -khtml-border-radius: 5px; margin-bottom: 10px; /*box-shadow:inset 0 0 3px #BBBBBB; -moz-box-shadow:inset 0 0 3px #BBBBBB; -webkit-box-shadow:inset 0 0 3px #BBBBBB;*/ } .apps_cat_row { display: inline-block; width: 292px; padding: 5px 10px 10px; vertical-align: top; *display: inline; *zoom: 1; } .apps_wide_row { padding: 11px 0px; border-…
0 votes0 answers -
Скрытый текст
Ищу наиболее семантичный метод скрытия текста. Такой, что бы по клику подробнее отображался полный текст без перезагрузки страницы. И такой, что бы поисковики индексировали весь текст. Помогите кто чем может. Кодом или ссылкой.
0 votes2 answers -
Сверстать, чтобы занимало меньше места
В дизайне есть следующие фоны. Как их лучше сверстать, чтобы они занимали меньше места. Не хочется делать фон одной большой картинкой. Если присмотреться к фоном, то можно увидеть, что там есть наклонные полупрозрачные линии по всей картинке. http://s2.ipicture.ru/uploads/20130220/PH8eiXDT.jpg http://s2.ipicture.ru/uploads/20130220/1dk7iaCN.jpg http://s2.ipicture.ru/uploads/20130220/TH8CATcY.jpg
0 votes1 answer -
Почему один и тот же шрифт разный?
Допустим есть сайт: http://www.adme.ru/tipografika/25-krutyh-sajtov-s-besplatnymi-shriftami-449555/ На котором якобы используется Тахома 14 Вот я сделал тоже самое http://jsfiddle.net/vJjM6/ Но как видно, шрифты отличаются. В первом случае он кажется тоньше и немного красивее. Почему так? Я что-то не дописал? Сам всегда пользуюсь Тахомой, но раньше не замечал.
0 votes1 answer -
лишнее место меню
http://jsfiddle.net/ENEVq/2/ интересует как сделать ровное распределение главного меню по краям, там остаётся лишнее пустое место
0 votes4 answers -
sourcemaps in sass
Меня всегда раздражало, что изменения стилей в инспекторе хрома (на вкладке elements) не сохраняются на жесктй диск при использовании препроцессоров. Итак, воспользуемся препроцессором sass (в пререлиз версии 3.3+ есть замечательная штука sourcemaps) и след. инструкцией: http://www.hongkiat.com/blog/editing-css-preprocessor-chrome/ Что имеем в итоге: в инспекторе хрома (на вкладке elements) мы видим не скомпилированный css, а sass. И когда правим его - изменения тут же отражаются скомпилированном css-файле, НО...все это теряет обсолютно любой смысл, т.к. именения стилей в инспекторе хрома (на вкладке elements) НЕ отражаются на самом sass-файле, а только на скомпилированно…
0 votes0 answers -
Маркеры списка заходят за границы img
Подскажите, какой стиль применить чтобы маркеры списка не заходили за границы изображений? В разных браузерах маркеры располагаются по разному. Это FF 27.0: А это в IE 9:
0 votes1 answer