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
-
Навороченное меню из блоков
Есть такое мега-крутое меню Верстается оно исключительно вручную и "на века"... У меня возникла проблем. На скрине красным отмечены пункты которые стали неактивными... Их можно подтянуть повыше? Вот код ХТМЛ: <div id="page-top"> <div id="actions"><a href="#"><img src="images/buttons/actions.png" alt="Акции"></a></div> <div id="models"><a href="#"><img src="images/buttons/models.png" alt="Модели"></a></div> <div id="games"><a href="#"><img src="images/buttons/games.png" alt="Игры"></a></div> <div id="deposits"><a href="#"><img src="images/buttons/deposits.pn…
0 votes3 answers -
Помогите новичку
Здраствуйте. Я обращаюсь к вам с просьбой. У меня есть свой сайт. Он сделан с нуля и ещё пока сырой. Кого заинтересовало можете написать в личку. Ну так вот, перейдём к делу. Не могли бы вы мне кинуть пару учебников "html с нуля" и желательно "css с нуля"? Заранее спасибо.
0 votes1 answer -
Разное отображение типографии в Ubuntu и Windows Xp
Здраствуйте. Я верстаю на ubuntu. Совсем не давно заметил, что размеры шрифтов по разному отображаются в уьунту и виндоус. Как с этим быть? Существуют ли какие либо сбросы стилей конкретно для типографии? Скрины прилагаю: ubuntu, windows xp
0 votes2 answers -
Перенос строки
Имеется вот что http://jsfiddle.net/eyMtV/ Надо что бы при переносе строки она выравнивалась нормально, а не была под ценой. Т.е. слово "Элит" должно быть под "Зеленый" Непонятненько как сделать
0 votes2 answers -
Ширина в ie > 8
Всем добрый вечер. Сегодня при верстке столкнулся с тем, что в ie 9 и ie 10 ширина li элементов моего горизонтального меню считается, в отличие от всех остальных браузеров (последние версии хром, фф, опера, ie 7, 8), в дробных числах. Это нормальное поведение? Нельзя ли как-то избежать? P. S. Ширину явно не указывал
0 votes1 answer -
Сильно растягивается таблица
http://nt-reklama.ru/prajs-list-karmany-pod-pechatnuyu-produktsiyu Поясните почему таблица себя так ведет, хотя текст абсолютно нормально выглядит.
0 votes5 answers -
Снова рендеринг шрифтов
Вот я не пойму - то ли я дурачок то ли глаза меня обманывают. Два компьютера. Одинаковая операционная система (Windows 7, с одного носителя установленная) обновленная. Одинаковые браузеры и дополнения (Firefox 26 к примеру). ClearType включен и там и там. Однако в одном (№1) я вижу шрифт вот так (обратите внимание на "e"): А в другом (№2) - вот так: Это в общем, во всех браузерах. Ан нет, IE10 на №1 показывает "e" с горизонтальной полкой.. Почему так? Можно ли этого избежать? Если у меня есть такой эффект (отсутствие горизонтальной полки у "е"), то есть вроятность появления у других - процент вероятности мне не известен. но думаю, он большой. P.S. И да, у себя…
0 votes3 answers -
Вложенность в CSS
Помогите, пожалуйста, разобраться: Пример Суть: в классе b1 есть "background-color:#cccccc;". Но это же свойство влияет и на ссылку в b2, если нажать мышь и не отпускать. Что я делаю не так? Как избежать влияния свойств ссылок в b1 на b2?
0 votes2 answers -
Помогите разобраться начинающему.
Изучаю HTML5->CSS3->Javascript. Всё чаще в интернете встречаю LESS, JQuery, AJAX, Angular, Bootstrap и т.д. и таким образом совсем запутался что есть что. Насколько я понял LESS это типо CSS файл где значения прописаны в виде переменных. Bootstrap вообще не понял для чего нужен. С JQuery чуток легче это вроде как библиотека для Javascript где многие функции уже готовы и не надо заново изобретать велосипед. Читал статьи где народ пишет что не надо учить Javascrip, а надо учить Angularjs, в другой говорят чтобы забей на CSS и учи Bootstrap. Помогите разобраться в современных технологиях. В какой последовательности учить и что именно учить чтобы претендовать на должно…
0 votes1 answer -
Как делать значки соц. сетей через css?
Разобрался. Это шрифт специальный. Font Awesome Icons .fa-pinterest::before { content: ""; } А чтобы инвертировать цвет написал: background: black; color: white;
0 votes0 answers -
Вложенный блок в ссылку
Почему происходит такое поведение блока в котором есть ссылка? https://jsfiddle.net/jgpkow1m/ если же в блок положить другой элемент например абзац, то всё нормально.
0 votes1 answer -
Правильная разметка
Подскажите пожалуйста, как сделать то же самое, но более оптимизировано и правильно. Мне кажется что тут лишние див'ы и можно было сделать проще!? https://jsfiddle.net/dd36susm/
0 votes1 answer -
Проблема с размещением li
Простите может за глупый вопрос ,я еще новичок в этом деле . Проблема в том что я зафиксировал шапку -position: fixed; в хедере и все работало нормально . Но когда я добавил текст на страницу все элементы смешались в один . Создавал пункты для шапки с помощью( a) заключенных в (li). Заранее спасибо !!! Р.С могу дослать фото кода , если нужно .
0 votes1 answer -
Текст
Добрые люди помогите! Я не могу сделать так чтобы, на странички двигался только текст, без заднего плана, как его закрепить подскажите в HTML. Заранее спасибо!
0 votes1 answer -
Проблема со ссылками
Добрый день, уважаемые. Помогите разобраться, пол дня бьюсь. Имеется div внутри которого картинки-ссылки. Картинки и ссылки берутся из php. Вот примерный код: <div id="colleft"> <a href=" "><img src=" " /></a> </div> Стили для блока заданы следующие: div#colleft { position: ralative; float: left; top: 0px; left: 0px; width: 120px; height: 635px; padding-right: 20px; padding-top: 0px; border-right: 1px solid #878787; } #colleft img { width: 50px; padding: 5px; } Почему-то Firefox и Google Chrome эти ссылки не видит. В опере и експлорере все ок. Если убрать стили, то ссылки работают. Во всех остальных местах с подобным кодом все ок. Только в од…
0 votes5 answers -
Отображение картинок
Не отображаются картинки на сайте. Когда все ресурсы на винчестере то все норм а на хосте возникают проблемы причем некоторые изображения выводятся а некоторые нет. В чем причина? p.s. Проверял на двух хостах, на главной все норм а на других возникают проблемы
0 votes7 answers -
Прошу помочь с таблицами
Всем привет. Никогда не верстал таблицами - возникла потребность их использования в резиновой верстке. В блоке с контентом, который тянется от 1000 до 1200 располагается таблица - цель создать 3 резиновых текстовых блока со строго фиксированными отступами между ними. Вот какой на данный момент выходит код: <table> <tr> <td class="block"> </td> <td class="margin"> </td> <td class="block"> </td> <td class="margin"> </td> <td class="block"> </td> </tr> </table> table {width:100%; height:50px; border-collapse:collapse;} td.margin {width:40px; background:#000;} td.block {backgrou…
0 votes2 answers -
<footer> и InternetExplorer
С новыми тегами HTML5 Internet Explorer по ходу не дружит? HEADER, ARTICLE, FOOTER... "все в сад", т.е. IE8 их наверху все оставил друг за дружкой. Получается, что сделать кроссбраузерность, нужно для IE всё дописывать ручками?
0 votes2 answers -
Таблица - ячейка
Есть <table border="0" cellpadding="0" cellspacing="0" width="100%"> <tr><td><?substr('$GLOBAL_AHEADER$',18,-38)?></td></tr> <tr> <td><?substr('$GLOBAL_CLEFTER$',18,-38)?></td> <td>$CONTENT$</td> <td><?substr('$GLOBAL_DRIGHTER$',19,-39)?></td> </tr> <tr> <td><?substr('$GLOBAL_BFOOTER$',18,-37)?></td> </tr> </table> Как сделать отображение первого <td> в полную таблицу как будто тут три <td><td><td>
0 votes3 answers -
Вывод значение массива через smarty
Доброго времени суток. Ребята, что-то не могу никак понять как разделить вывод. Есть массив примерно такой (убрал лишнее) shopcart Object ( [tax] => Array ( [1] => Array ( [value] => 2684.27142857 [desc] => Включая налог ) ) ) в шаблон передается $tpl->assign('UST', $_SESSION['cart']->show_tax()); Мне в шаблоне нужно получить в виде двух меток Например {$UST_DESC} - Включая налог {$UST_VALUE} - 2684.27142857 Т.е., чтобы удобнее было ими в шаблоне оперировать. не могу понять как сделать
0 votes0 answers -
3 элемента hover
имееться меню с 3 элементами(3 фонами) как сделать чтобы при на водке на любой менялися все ,на примере покажите) .g1 {background:url(../1.gif)} .g2 {background:url(../2.gif)} .g3 {background:url(../3.gif)} как чтобы при нажатии на любой стиль менялись все фоны аля .g1:hover {background:url(../1.gif)} .g2:hover {background:url(../2.gif)} .g3:hover {background:url(../3.gif)}
0 votes3 answers -
Позиционирование фонового изображения
При задании позиции фонового изображения оно просто исчезает. Какую ошибку я допустил?
0 votes3 answers -
Содержимое Java Script не по центру в Internet Explorer
Добрый день! Возникла такая ситуация: установил скрипт слайдшоу на главную страницу сайта, в CSS прописал margin: auto Во всех браузерах картинки скрипта по центру, а в IE по левому краю. Помогите устранить данную ошибку. Буду рад любой помощи. Сайт: http://testshops1.ucoz.org/ с ув.
0 votes1 answer -
Подгрузка контента на AJAX
Доброго времени суток. Имеется страница <html> <head> <meta http-equiv="Content-Type" content="text/html; Charset=UTF-8"> <script> function showContent(link) { var cont = document.getElementById('contentBody'); var loading = document.getElementById('loading'); cont.innerHTML = loading.innerHTML; var http = createRequestObject(); if( http ) { http.open('get', link); http.onreadystatechange = function () { if(http.readyState == 4) { cont.innerHTML = http.responseText; …
0 votes1 answer -
Как задать высоту td кроссбраузерно в абсолютных единицах?
Первое что попробовал это просто присвоить высоту td(height: 40px;) - этот вариант поддерживает, то есть отображает как желалось только FF, далее другой вариант это задания tr(height: 40px;), а td - 100% - этот вариант поддерживается большинством браузеров кроме браузеров на движке webkit. Может кто знает как задать высоту td кроссбраузерно? Подскажите пожалуйста. Хм.. задал tr нужную высоту и всё стало кроссбраузерно. Извеняюсь за пост... Тогда что бы тема не пустовала, может знает кто как решить одну проблемку. В FF есть возможность взяите таблчних элементов в фокус, при этом элементы в фокусе подсвечиваются синей рамкой, может знает кто как её убрать?
0 votes4 answers