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
29,542 questions in this forum
-
Перевёрнутые буквы
Можно ли сделать чтобы надпись "Добрый день" была перевёрнута по вертикали каким нить способом CSS?
0 votes4 answers -
Окошко со скроллингом
Как сделать такое... как сказать.. окошко. Чтобы оно было определенного размера и были полосы прокрутки внутри. Такое есть в полной версии написания сообщения на этом форуме - там где смайлы. Вот мне нужно окошко где есть скроллинг. заранее спасибо.
0 votes5 answers -
html
Подскажите што такое происходит.задал цвет и т.д. тексту он находится в div,перед ним еще один div,когда я его убераю цвет и остальное меняется в другом div. Ставлю обратно.все опять работает.
0 votes17 answers -
4-х колоночный макет
Имеется трех колоночный макет. 1 и 3 фиксированная ширина. 2 резина. За основу взят набросок Klierik'a http://forum.htmlbook.ru/index.php?showtopic=21817&pid=198608&st=0entry198608 Как можно сделать из нее 4-х колоночный. 1 и 4 фикс. 2-3 резина.
0 votes7 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 -
Выпадание margin'а. Почему так происходит?
В примере выше мне не совсем понятно, почему при указании margin-top блоку №2, блок №1 также опускается в низ. Как я понимал ситуацию: блоки 1 и 2 смежные, между ними нет связи родитель > дочерний, следовательно марджин не должен был выпадать. Body {padding-top 1px} исправляет ситуацию, но меня интересует именно причина возникновения проблемы с блоком №1 Просьба объяснить на "пальцах"
0 votes4 answers -
Хелп с шаблоном plz
В общем нужен такой шаблон , header - фикс высота , резиновая ширина footer - фикс высота , резиновая ширина left - фикс ширина , резиновая высота right - фикс ширина , резиновая высота center - абсолютом , но чтобы незалазил на вс? остальное ... у кого есть выкиньте пожалуста ...
0 votes4 answers -
Меню,выскакивание разделов..
Я новичек в этом всем деле,поэтому никак не получается у меня на сайте http://countertt.narod.ru/ Сделать с кнопкой download тоже,что и с кнопками на этом сайте http://www.wiganlatics.premiumtv.co.uk/page/Home/ при наведении например на news, тоесть выскакивание разделов... Подскажите пожалуйста какой код мне нужен?
0 votes2 answers -
Подвижное меню
Всем доброго времени суток. Хотелось бы узнать, можно ли с помощью CSS реализовать передвижное меню? Мне надо, чтобы, про прокручивании страницы, меню передвигалось за мной, по определенной вертикали. Т.е что-то похожее на свойство background:scroll, но для меню выполненого на дивах. Заранее спасибо.
0 votes2 answers -
Кнопки...
Хочу сделать так, чтобы при наведении на кнопку начиналась анимация - кнопка начинала как бы гореть. А после того как убрали курсор с кнопки, кнопка постепено затухала, т.е. анимация резко не обрывалась. Как такое замутить без скриптов ?
0 votes6 answers -
Проблема с формой....
Это все элементарно, но все таки прошу помощи) Есть форма. Надо чтобы, когда я нажмаю на одну кнопку, мне на этой же странице показывалась одна информация, а когда нажимаю на вторую кнопку, то показывалась другая инфа. Вот код: <form> <input type="submit" name="now" value="За Сегодня" /> <input type="submit" name="7_days" value="За неделю" /> </form> <?php if (isset($_POST['now'])){ echo "Сегодня"; if (isset($_POST['7_days'])){ echo "7 дней"; } ?> Так не работает... в чем проблема????
0 votes3 answers -
Тег nofollow
Узнал что для Сео,для сохранения веса страницы лучше прописывать в ссылках идущих с моего сайта тег rel="nofollow",но как с этим тегом должна выглядеть ссылка полностью? счас у меня вот так: <a href="http://www.seversiti.ru/" title="Гостиница"><img src="images/banners/gostsever.jpg" border="0" alt="Гостиница" width="248" height="60" style="border: 0; margin: 1px;" /></a> а как будет с тегом rel="nofollow" ? Спс огромное тому кто подскажет)
0 votes3 answers -
Плавающая ширина дива
Доброго времени суток! Подскажите, пожалуйста, как можно решить следующую проблему: Есть такой код: <div id="body"> <div id="content">Content</div> <div id="news">News</div> </div> №news имеет фиксированную ширину, но его может вообще не быть в документе. Я никак не придумаю, как мне сверстать так, чтобы в случае отсутствия #news, #content растягивался на всю ширину #body, а в случае наличия - находился слева от #news. Сейчас #content растягивается на всю ширину, а #news уходит под него. Буду признателен за советы, а то голову уже сломал. Полный листинг: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://ww…
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 -
Помогите сделать авторизацию
Помогите плз сделать красиво авторизацию на моем сайте. Залил шаблон, но авторизация как то криво (см. скрин). хотелось бы что бы получилось так как на скрине справа. в 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 -
Bootstrap + search form
Не могу понять, как в Bootstrap изменить дину поисковой формы. В Друпал + Омега выглядит так: 1. 15 знаков длины 2. Кнопка в одной линии с формой. Включаю библиотеку Bootstrap, и форма приобретает такой вид, Если в настройках блока (модуль Block Class) указать класс span1, то все приобретает такой вид: т.е. размеры блока меняются, но поле ввода, конечно, остается прежним. Как сделать, чтобы с Bootstrap это выглядело как обычно?
0 votes3 answers -
Горизонтальная прокрутка или Страница под ширину экрана.
Доброго времени суток. Сайтом занимаюсь всего 3 месяца, поэтому смело называюсь чайником. Задач поставлено много, но с одной справиться не могу. На сайте http://nastya-for-you.dp.ua/ проблема при масштабировании браузера более 100%. Все виджеты сползают в подвал. А на маленьких экранах (нетбук) вообще всё сползает вниз. Подскажите может скрипт какой или код куда прописать. Попробовал вот такую штуку http://www.cms-sd.ru/stati/javascript_i_jquery/htmlscale_mashtabirovanie_stranici_pod_shirinu_ekrana но результатов никаких. Спасибо.
0 votes9 answers -
Верстка картинок списка шаблон Django
Как переместить картинку слева от категории списка? <ul class="dropdown-menu" data-navigation="dropdown-menu"> {% category_tree depth=2 as tree_categories %} <li><a tabindex="-1" href="{% url 'catalogue:index' %}">{% trans "All products" %}</a></li> {% if tree_categories %} <li class="divider"></li> {% for tree_category, info in tree_categories %} {% if info.has_children %} <li class="dropdown-submen…
0 votes1 answer -
Не всегда работает margin-top
Добрый день. Использовал плитку из masonry.pkgd.min.js. Между блоками должен быть промежуток 20 px. Но он есть не всегда и не во всех браузерах. Опера все отрисовывает правильно, хром иногда без промежутков, а мозила почти при каждом F5 выдает разные результаты. С чем это связано и можно ли починить? .prev_block{ width:300px; background-color:#a3bd6f; margin-top:20px; }
0 votes1 answer -
В 6IE Выскакивает таблица из <div>-а
Здравствуйте, возникла передо мной проблема, которую никак не могу решить самостоятельно. Имеется шаблон с фиксированной шириной правой и левой колонок и резиновой центральной. Сделано так: три -а, правый и левый float-нутые в соответствующие стороны, центральный position: relative. Вот они: #main { position: relative; clear: both; width:100%; padding-bottom: 52px; overflow: hidden; } #left { float: left; width: 260px; background-image: url(images/left_fon.jpg); background-repeat: repeat-y; margin: 0; padding: 0; } #right { float: right; background: url(images/right_fon.jpg) repeat-x; margin-top: 30px; width: 250px; } #content { position: relative; b…
0 votes4 answers -
2 класса ссылок в одном документе. Помогите!
Здравствуйте, серьезная проблема: пытаюсь отделить дизайн от html и столкнулась с тем, что у меня второй класс ссылок не работает, перелопатила весь код, не пойму почему так получается... Помогите, пожалуйста! Не работает класс a:link.text, ссылки вообще такими не делаются. P.S. Вставляю весь код, вдруг дело не в самих классах. <html> <head> <title>Layout</title> <link href="style.css" rel="stylesheet" type="text/css"> </head> <body> <table class="main" border="0" align="center"> <tr><td class="top" colspan="3"><div id="profile">Здесь будет текст</div></td></tr> <tr><td class="…
0 votes5 answers -
Нужна помощь с div в ие6
Добрый день. Подскажите плз в чем проблема. Простой код во всех броузерах кроме ие работает отлично: <html> <head> <title>Div test</title> <style> body { margin: 0; text-align: center; } .container { width: 982px; margin: 5px auto; } .subcontainer { border: 1px solid black; float: left; width: 980px; } .header { background-color: red; height: 30px; margin-bottom: 5px; } .item { border: 1px solid blue; display: inline; float: left; height: 135px; width: 180px; margin: 0 7px 5px 7px; } </style> </head> <body> <div class="container"> <div class="subcontainer"> <div class="header"&…
0 votes2 answers -
Родительский див и абсолютное позиционирование
как можно сделать что бы див , имеющий внутри абсолютно позиционированные дочерние дивы, растягивался на их высоту ?
0 votes2 answers -
3d
Реально ли создавать трехмерную графику при помощи интернет-технологий. В какую сторону копать???
0 votes5 answers -
jsfiddle.net
Я заметила в комментариях,что многие пользуются порталом jsfiddle.net ,объясните мне пожалуйста! Я хочу поделиться своим вариантом решения задачи в практикуме. Зарегистрировалась,пишу на сайте jsfiddle.net в окне html и/или css свой код,а результат не получается,так как картинка, путь к которой я указываю в коде находится на моем компе,следовательно вместо того,что бы получить блок с рамкой через border-image,например,я получаю просто блок,без рамки,ведь рисунок рамки находится на моём компе. На этот сайт нужно загрузить мой рисунок или как получить результат????
0 votes4 answers