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
-
Вопрос по верстке дайвами.
Привет всем!.Собственно,я раньше учился верстать на таких известных тегах html как <table> , <tr>, <td> и т.д.,но когда начал изучать css,то понял,что могу обойтись без этих тегов и верстать на дайвах без проблем.Собственно,такой небольшой вопрос: Как сделать так,чтобы форма,сделанная на дайвах,не выделялась как текст?
0 votes3 answers -
проблема с div'ом id=#topmenu
в css я писал для этого div'a margin-top:10px; а он отступает не от родительского div'a header , а я не знаю от чего, похоже от окна браузера. index.php: <?php // защита от прямого доступа к файлу defined('_JEXEC') or die; ?> <!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" xml:lang="<?php echo $this->language; ?>" lang="<?php echo $this->language; ?>" dir="<?php echo $this->direction; ?>" > <head> <link rel="stylesheet" href="<?php echo $this->baseurl; ?>/templates/<?php echo $this->template…
0 votes4 answers -
Как сделать такую менюшку
Доброго дня форумчанам! Вот есть такая картинка с меню, хочу на своем сайте сделать примерно такую же менюшку. Но судя по картинке меню сделано в виде ссылок. Можно ли сделать такое же меню с помощью чекбоксов или списка и замаскировать под ссылки? Или так же красиво оформить. Просто в меню должны быть параметры, которые передаются в скрипт для выборки данных из БД, а с помощью ссылок передать сразу два параметра как-то сложновато получается )) Спасибо за внимание! Меню
0 votes1 answer -
Как сделать картинку при наведении курсора картинка изменяется
Вот код я использую: #header .site-info {padding:100px 0 0 120px;height:84px;text-shadow:1px 1px 0 #000;background:url(http://www.cod.game-pack.net/images/logocallofduty.png) 30px 40px no-repeat;overflow:hidden;} А вот код другой код: <div class="site-info"> Помогите!!!!
0 votes2 answers -
Опустить DIV в DIV'е в нижний правый угол
Не могу опустить DIV в DIV'е в нижний правый угол при фиксированном размере вложенного div'а и c padding'ом. Может кто покажет на примере?
0 votes2 answers -
Всплывающие подсказки
Подскажите пожалуйста способ или ссылку реализации всплывающих подсказок при наведении на любой елемент (таблица,ячейка таблицы,блок,ссылка и т.п.) самое главное это простота инициализации и стилизация. Можно с помощью jquery
0 votes2 answers -
тэг {edituser}
Доброго Вам время суток. столкунля с проблемай двиг DLE надо сделать что бы 1 стал такимже как 2 .userinfo { padding-left: 125px; } .ui-dialog-content .userinfo { padding: 10px 0 10px 125px; } .userinfo .l_con { margin-left: -125px; width: 110px; padding-right: 15px; } .userinfo .r_con { width: 100%; } .userinfo .rcol ul { margin-left: 0; } .userinfo .rcol ul li { margin-bottom: 2px; }
0 votes2 answers -
Использование иконок в спрайтах и "em"
Не могу решить проблему. У меня для инлайновых элементов, например для внешних ссылок указана иконка, через background. Так вот, когда размер шритфа фиксированный, например строго 14px/16px, то проблемы нет, задаю: background: url(images/sprite.png) no-repeat 0 -64px; И все здорово, иконка по центру строчки, все красиво. Однако когда шрифт нужно задать в em, например 1em/1.2em , то тут возникает проблема. Так как физический размер в пикселях может изменяться, то и иконка "гуляет", уползая вверх-вниз. Есть ли решение этой проблемы? Вариант с иконкой через :before не предлагать, он не работает в ие7, а городить костыли крайне нежелательно..
0 votes9 answers -
Свернутое окно
Всем доброго дня! Вопрос следующий, при сворачивании окна на половину, все картинки и текст съезжаются, подскажите что нужно прописывать для закрепления текста в таблицах, и картинок, заранее спасибо.
0 votes6 answers -
Тормозит IE при добавлении 3d галереи jquery
Здравствуйте! Подскажите пожалуйста как бороться с такой проблемой. На странице добавлена 3d галерея jquery появляется при нажатии кнопки методом show,hide везде работает нормально кроме IE(7,8,9) в них тормозит очень сильно(при появлении галереи!). Заранее спасибо!
0 votes6 answers -
Что значит в css "."
#middle:after { clear: both; content: "."; display: block; height: 50px; visibility: hidden; } Что значит конкретно content: ".";
0 votes5 answers -
Кнопки в шапке Wordpress
Всех приветствую!!! Вот уже парюсь не первый день... Как мне сделать меленькие красивые кнопочки в ряд,так,как показан на рисунке,что бы этот ряд был прикреплен в правой или в левой стороне,без разницы???и без промежутка от картинки логотипа. И пожалуйста,напишите сам код. Заранее спасибо.
0 votes8 answers -
Как сделать рамку
Здравствуйте http://imedia.3dn.ru/ Под основным меню сайта я сделал еще одно так сказать под-меню. Но я хотел бы сделать это под меню такого же вида как и основное меню сайта, прошу помочь как это можно сделать
0 votes16 answers -
тянуть колонки по высоте
Собственно SUBJ, возможно ли средствами css и html, реализовать "тягучесть" по высоте, у колонок, в зависимости от разрешения пользователя? Например в гугл+, есть такая фишка, но как я понял там javascript юзается. Кто, что думает по этому поводу?
0 votes4 answers -
недогоняю
делаю навигацию под статьями в joomla сделад вывод куска в таком формате <div class="pagination"> <p class="counter"> Страница 8 из 17 </p> <ul class="pag"> <li class="tab"><strong><a href="/index.php?limitstart=0" title="В начало">В начало</a></strong></li> <li class="tab"><strong><a href="/index.php?start=24" title="Назад">←</a></strong></li> <li><strong><a href="/index.php?start=8" title="3">3</a></strong></li> <li><strong><a href="/index.php?start=12" title="4">4</a><…
0 votes2 answers -
-webkit-transform не работает в Chrome
Доброй ночи. У меня проблема, сделал анимацию меню через css3, отображается везде кроме хрома и осла. Подскажите почему не происходит анимация в хроме, хотя в css она прописана -webkit-transform: translate(0,-10px); http://svetlogradstroy.ru/1/ Спасибо
0 votes1 answer -
Opera и фон страницы
Праивльно ли я понимаю, что в Opera при открытии страницы изначально всегда тот фон, который определен в настройках (белый по умолчанию)? Соответственно, на сайтах с темным фоном при относительно быстром переходе от страницы к странице, мелькает фоновый цвет (белый). Можно ли что-то сделать с таким мельканием, кроме помидорного терракта в штаб-квартире разработчиков сего браузера? (фоновый цвет задан и для html и для body, равно как и 100%-е ширина и высота)
0 votes1 answer -
картинка всегда внизу блока
Здравствуйте! Волнует вопрос как сделать так, что бы картинка располагалась всегда в правом нижнем углу, в независимости от наличия и объема контента в блоке. (контент должен ее обтекать) Background не пойдет так как в таком случае текст будет наползать на картинку... жду хоть каких то идей..
0 votes2 answers -
Помогите с переопределением
Что-то совсем не получается в модуле Джумлы1.5 сделать вот такое вот: http://s2.ipicture.ru/uploads/20120224/4dzTAayK.png Получается только вот так: http://s2.ipicture.ru/uploads/20120224/75X6621k.png Вот код менюшки: http://jsfiddle.net/WP9XM/ А как модуль переопределить чтобы можно было такую структуру выстроить не понимаю Вот как я делал: http://jsfiddle.net/b4jxg/ Но как классы то придать заголовкам чтобы двигать их можно было, жирность выставлять и т.д.? Как структуру правильно выстроить? Очень нужно, спасибо.
0 votes2 answers -
Вопрос по отправке формы
Здравствуйте, вот такая у меня проблема. У меня есть код <form action="http://localhost"> <input name="lol" type=image src="1.gif"> </form> По-идее браузер должен отсылать параметры картинки 1.gif, но они каждый раз разные, почему?
0 votes1 answer -
Размер щрифта
Всем привет!! У меня есть макет в psd. Наткунулся на такую проблемку. 1) В psd размер шрифта 12pt Нужно ли переводить их в PX при верстке шаблона или писать просто 12px или (12pt = 16px) МАКЕТ ДЕЛАЮ ЭЛОСТИЧНЫЙ! что писать 12px или 16px если в фотошопе 12pt
0 votes4 answers -
Размер щрифта
Всем привет!! У меня есть макет в psd. Наткунулся на такую проблемку. В psd размер шрифта
0 votes1 answer -
Масштаб изображения по размеру экрана.
Как сделать чтобы изображение полностью было на экране, без прокрутки? например изображение 1600х1200. а размер окна намного меньше.
0 votes2 answers -
Изменение размера textarea
Добрый день! На странице есть элемент textarea. Проблема в том что к нему не применяется resize. Пишу resize: vertical и нифига, как изменялся размер так и изменяется
0 votes11 answers -
помогите убрать странный отступ снизу
помогите убрать странный отступ снизу(для IE). используется плагин с сайта http://css3pie.com/ <html> <head></head> <title></title> <style> #main{ padding: 10px; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; -webkit-box-shadow: #666 0px 2px 3px; -moz-box-shadow: #666 0px 2px 3px; box-shadow: #666 0px 2px 3px; background: #EEFF99; background: -webkit-gradient(linear, 0 0, 0 bottom, from(#EEFF99), to(#66EE33)); background: -webkit-linear-gradient(#EEFF99, #66EE33); background: -moz-linear-gradient(#EEFF99, #66EE33); …
0 votes2 answers
-
Обсуждения
-
Актуальные контакты: Telegram: @Nikker_web E-Mail: tarasevich.email@gmail.com Портфолио https://www.behance.net/d4d4186e Разрабатываю дизайн групп в соц сетях, сайтов, приложений, другой дизайн под заказ -
Актуальные контакты: Telegram: @Nikker_web E-Mail: tarasevich.email@gmail.com Разрабатываю дизайн групп в соц сетях, сайтов, приложений, другой дизайн под заказ Портфолио https://www.behance.net/d4d4186e
-
Доброго всем времени суток. Прошу помощи. Научите принципу изменения футера. Движок Xenforo. Версия 2.2.10. Стиль дефолтный. Что именно нужно в итоге на фото примере. Мой шаблон app.footer less имеет следующее значение. .p-footer { .xf-publicFooter(); a { .xf-publicFooterLink(); } } .p-footer-inner { .m-pageWidth(); .m-pageInset(); padding-top: @xf-paddingMedium; padding-bottom: @xf-paddingLarge; } .p-footer-row { .m-clearFix(); margin-bottom: -@xf-paddingLarge; } .p-footer-row-main { float: left; margin-bottom: @xf-paddingLarge; } .p-footer-row-opposite { float: right; margin-bottom: @xf-paddingLarge; } .p-footer-linkList { .m-listPlain(); .m-clearFix(); > li { float: left; margin-right: .5em; &:last-child { margin-right: 0; } a { padding: 2px 4px; border-radius: @xf-borderRadiusSmall; &:hover { text-decoration: none; background-color: fade(@xf-publicFooterLink--color, 10%); } } } } .p-footer-rssLink { > span { position: relative; top: -1px; display: inline-block; width: 1.44em; height: 1.44em; line-height: 1.44em; text-align: center; font-size: .8em; background-color: #4682B4; border-radius: 2px; } .fa-rss { color: white; } } .p-footer-copyright { margin-top: @xf-elementSpacer; text-align: center; font-size: @xf-fontSizeSmallest; } .p-footer-debug { margin-top: @xf-paddingLarge; text-align: right; font-size: @xf-fontSizeSmallest; .pairs > dt { color: inherit; } } @media (max-width: @xf-responsiveMedium) { .p-footer-row-main, .p-footer-row-opposite { float: none; } .p-footer-copyright { text-align: left; padding: 0 4px; // aligns with other links } } -
Нужны сайты с примерами верстки, типа https://css-tricks.com/. Типовые приемы и нестандартные на все случаи жизни. Накидайте ссылок. -
By Katerina23 · Posted
Да, подходит. Спасибо. -
<input type="number"> -
By Katerina23 · Posted
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-