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, наткнулся на такую задачку: есть страница, фрагмент которой представлен ниже. нужно написать правило для задания параметров тега с классом v-button-caption, но, унакальное имя у меня у всего этого это v-first. как мне через него пройти до низов и достучаться до цели? как правильно записать? <form class="v-first" target="PID84_TGT_FRAME" action="http://localhost:8080/vt/APP/UPLOAD/PID84/action/1f13badc-1ba8-4b64-9148-8939e0ea0ee3" method="post" enctype="multipart/form-data"> <div> <input type="hidden"> <input type="file" name="PID84_file" class="gwt-FileUpload"> <div class="v-button"> …
0 votes1 answer -
выровнять блок меню с любым количеством пунктов
подскажите пожалуйста метод, с помощью которого можно выровнять по горизонтали меню с произвольным числом пунктов или посоветуйте сайты использующие хорошо работающий подход к решению проблемы. я сверстал страничку, на которой использовал метод равномерного распределения пунктов меню по горизонтали, найденный на этом форуме. для центрирования блока меню я задал отступы по 60px слева и справа. в случае сайта, работающего на движке с админкой заранее узнать количество пунктов невозможно. например если их будет в два раза больше, то меню будет выглядеть так. то есть слева есть оступ в 60px, а с права нет - несимметрично. задача типовая и, я думаю, должны существовать наработ…
0 votes3 answers -
Помощь с версткой макета
Я в верстке совсем новичек, пробую сверстать этот макет. Подскажите как сделать тетку с мобильником сверху и полоску? Я внимательно читал мануалы по html и css, так что не посылайте меня пожалуйста в гугл :3 Трудность в том, что часть полоски в изображении, а часть вне его, и я без понятия, можно ли сделать эту полоску как border, или лучше поместить картинкой.
0 votes1 answer -
li в несколько колонок - непонятный глюк
Здравствуйте, товарищи! Помогите, пожалуйста, разрулить ситуацию: есть набор кнопок, мне нужно расположить их по три в ряд. Я верстаю их списком: <ul class="buttons"> <li><a href="#">Пенсионное обеспечение граждан</a></li> <li><a href="#">Социальная поддержка населения</a></li> <li><a href="#">Социальная поддержка семей с детьми, пожилых граждан и инвалидов</a></li> <li><a href="#">Социальная поддержка семей, имеющих детей</a></li> <li><a href="#">Адресная социальная помощь</a></li> <li><a href="#">Реабилитация и социальна…
0 votes3 answers -
Количество текста не увеличивает площадь DIVа
Убрала по максимуму лишнее, боюсь если обрежу больше, выйдет версия не такая как у меня, и потом запутаемся. Как видно из названий, это чат, данный пункт, это там где выдаются сообщения, надо, чтоб при большом сообщение его строка вертикально увеличивалась, до нужных размеров, третий день мучаюсь с позиционированием элементов, вроде всё уже выглядело, как хотелось бы, и тут проблема с растяжкой ((
0 votes3 answers -
Как описать стили для текстового поля в форме?
Как мне прописать стили для текстового поля формы, если форма находится в тбалице? <table border="0" cellspacing="0" cellpadding="0"> <form name="form" method="post"> <tr> <td><label>Название категории:</label></td> <td><input type="text" name="title" value="" required /></td> </tr> </form> Так не получается: table form tr td input[type=text] { тут стили }
0 votes3 answers -
нужна помош
http://www.wallcollection.ru/ - вот мой сайт я пока ток начал делать сайты люди попробуйте в опере приблизить маштаб точней увеличить и картинка там где разрешения идёт в бок вот код <img src="table.png" style="position: absolute; top: 160px; right: 450px"> З.Ы. если убрать "position: absolute то етого гона небудет но картинка забьётся в левый верхний угол и немеяет позиции вообще
0 votes3 answers -
first-child
Доброго времени суток! Помогите, пожалуйста, разобраться в проблеме с first-child… Имеем CSS: .photo .post-title * { display: none; } .photo .post-title :first-child { display: block !important; } .photo .caption { display: block; } .photo .caption > :first-child { display: none !important; } А также HTML: <div class="photo"> <div class="post-title"> <p>Заголовок 1</p> <p>Заголовок 2</p> </div> <div class="caption"> <p>Заголовок 1</p> <p>Заголовок 2</p> </div> </div> Я планировал, что в случае с post-title должен выводиться исключительно заголовок 1 (заголовок 2 скрыт), а в сл…
0 votes3 answers -
Проблема с video
Есть вот такой код, но проблемка в том,что звук идёт , а видео самого нету, надеюсь подскажет кто-нибудь <video width=320 height=240 controls poster="window.jpg"> <source src="P1000204.ogg" type='video/ogg; codecs="theora, vorbis"'> <source src="P1000204.mp4" type='video/mp4; codecs="avc1.42E01E, mp4a.40.2"'> </video>
0 votes2 answers -
2 класса как выбрать?
Здравствуйте. Делаю подсветку активных ссылок. Нашел пример на JAVASKRIPT. Суть скрипта, в том что активным ссылкам (Активная ссылка эта та ссылка которая имеет в теге href тот же адрес, что и в строке браузера вне зависимости от заведений мышкой). пример работы a.menum{ color:black; /*Цвет шрифта*/ } a.actl { /*Обычные ссылки*/ color:#FFFFFF; /*Цвет шрифта*/ } <a class="menum" href="./" >1</a> После работы явас крипта ссылка имеет класс <a class="menum actl " href="./" >1</a> То есть 2 класса. Как сделать так что бы когда у ссылки 2 класса и операторы конфликтовали один класс был выше другого и с него бралось значение. Спасибо.
0 votes2 answers -
Подскажите проверку
Я хочу сделать проверку формы как в задании http://htmlbook.ru/practical/forma-registratsii, где число с картинки, возможно чтобы это реализовалось только css и html ?
0 votes1 answer -
Счетчик посещений
Подскажите пожалуйста сервис бесплатных счетчиков посещений...нужен такой, который ведет статистику посещений за все время, а не за сутки, неделю или месяц. Нужно, чтобы висел и показывал цифру....если всего на сайт было миллион переходов, то он пусть и показывает миллион.
0 votes1 answer -
minDate в jqueryUi datepicker
подскажите пожалуйста как в jqueryUi datepicker установить диапазон для выбора года 1950-2014 мой настройки $(".datepicker").datepicker({dateFormat: 'yy-mm-dd',changeMonth: true,changeYear: true,minDate: "-220",});устанавливают диапазон выбора года 2013-2024
0 votes5 answers -
что за непонятный бордер?
всем привет, сверстал первую страницу http://swift.url.ph/ не пойму что за бордер образуется в IE у элементов таблицы, соц-иконок и других ?
0 votes2 answers -
рейтинг
Подскажите как работают таки звездачки(тобиш рейтинги) и как их создать?
0 votes2 answers -
Что делать с фоном?
Привет всем) Такая проблема. Верстаю шапку сайта и там бекграунд. вот он http://hostingkartinok.com/show-image.php?id=bed25bb19a0ef684f99214990db85d98 проблема в том что он имеет ширину 1600px, и на мониторах с 1920 по бокам белые полосы, я отцентрировал. использовать background-size:cover, но его не поддерживает ie8. как быть?
0 votes2 answers -
У after отступ после блока с картинкой
Здравствуйте! В блоке about после блока с картинкой after(вертикальная линия) отступает на 4px, а к следующему блоку с картинкой примыкает плотно. И чтобы этот вопрос решить, нужно after дать margin-top: -4px; Но как можно обойтись без этого свойства, и не понятно почему такой отступ есть. Вот код: http://jsfiddle.net/ua8k3sou/ Заранее спасибо!)
0 votes2 answers -
Проблема с position:absolute на длинной по высоте LP
Добрый день! Есть сайт http://valeodent.spb.ru/, представляющий длиннющую landing page, сделанную на темизированном Drupal 7. При щелчке по кнопке "Записаться" выходит форма, после заполнения которой посетитель должен увидеть сообщение типа "Заказ отправлен. В ближайшее время с вами свяжутся для уточнения деталей." - или сообщение об ошибке, если не все поля формы были заполнены. Сообщения реализуются через стандартные системные сообщения Drupal, но темизированы в файле .css шаблона сайта. В шаблоне страницы page.tpl.php это сообщение выводится в блоке <div class="message">, который вложен в <div class="content-block">. Соответственно, поскольку content-blo…
0 votes1 answer -
Проблемы с навигацией
Я столкнулся с проблемой, когда делал навигацию для сайта. Суть в том, что оп не понятной мне причине, при наведении появляется ещё раз border.По пунктам:Нажал на пункт меню > Ссылка активна, рамка снизу активна. Но при hover эффекте на уже активный пункт меню появляется ещё один border. Как его убрать? код на JS:$(document).ready(function(){ var link = window.location.pathname; $('#custom-bootstrap-menu a[href="'+link+'"]').parent().addClass('Active'); });Ну тут понятно, обьяснять не надокод CSS: #custom-bootstrap-menu.navbar-default .navbar-nav>li>a:hover,#custom-bootstrap-menu.navbar-default .navbar-nav>li>a:focus { color: rgba(255, 255, 255,…
0 votes3 answers -
как привязать изменение цвета текста к фокусу инпута
Нужно сделать как на картинке, при фокусе инпута подсвечивается и сам инпут и текст-название. Как сделать фокус инпута это я знаю, но как привязать к этому и текст?
0 votes1 answer -
Вместо простого текста сслыка
Начал верстать макет для сайта, там всего около пары строк, однако почему-то переглючило: простой текст (точнее телефонный номер) отобразился как ссылка без тэга ссылки. Помогите понять, почему так произошло и как сделать нормально отображение телефонного номера. P.S. Хотел прикрепить сюда скриншот, но он почему-то не отображается (всплывает сообщение:"Возникла ошибка..."
0 votes2 answers -
на PC высота обрезана наполовину
Подскажите далею картинную галлерея с помощью карусели http://dev.foodlips.com/shared/restaurants/United-States и на PC высота обрезана наполовину а на мобильниках отображается полностью и непонятно почему... Спасибо!
0 votes1 answer -
Автоопределение ширины колонки в таблице.
Доброго времени всем. Скажите плиз, как отключить авто-определение ширины колонки в браузере IE-6,7? Т.к. Firefox,Opera не меняют ширину колонки установленную в 100px; а IE занимается произволом -) Заранее спасибо.
0 votes3 answers -
Изображения Перекрываются
Вот тут: ТУТ в шапке используютс три изображения: 1)dog_big0.jpg 2)topcente.jpg 3)cat_and_.png так вот при увиличении масштаба или уменшения разрешения экрана/страници cat_and_.png перкрывает изображение topcente.jpg как это исправить? <TABLE cellspacing="0" width="100%" height="260"> <TBODY><TR> <TD width="1%" rowspan="2" height="260"><IMG src="/main_files/dog_big0.jpg"><BR></TD> <TD width="50%" height="260" align="left" valign="middle" background="/main_files/topcente.jpg" class="maininfo"> </TD> <TD width="*%" class="contacts" align="center" valign="top" style="padding:0px; margin:0px;" background="/m…
0 votes0 answers -
Патсцаны!
Не могу задать координаты распологающихся картинок. Задаю при помощи ксс, постоянно задаю направление, которое мне ужно, у меня становится все на свои места, но у других мониторов все по-другому. Мое разрешение - 1680х1024. У более мелких мониторов все сливается либо уходит в другую сторону... Если есть люди добрые, то прошу стукнуть в аську или скайп: аська: 91400009, скайп: jenek0796 Вознаграждение за помощь - будет!
0 votes0 answers