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
-
Отображение сайта в разных разрешениях-2
Здраствуйте. Помогите решить такую проблему: в заголовке сайта с помощью html вставлял 2 изображения, на моем мониторе и во всех браузерах - сайт отображается нормально. Но на ноутбуке, 17 дюймовом, на другом разрешении экрана - эти 2 изображения пикселей на 20-30 уезжают по бокам... Может кто то откликнется и чем то поможет? Сайт: http://pravvo.org.ua/ Код изображения 1: <a href="http://pravvo.org.ua/wp-content/uploads/4.jpg"><img class="alignleft size-full wp-image-378" style="margin-left: 21px; position: relative; top: 23px;" alt="" src="http://pravvo.org.ua/wp-content/uploads/4.jpg" width="500" height="162" /></a> Код изображения 2: <a hr…
0 votes17 answers -
Прозрачные вкладки
Как можно сделать прозрачные вкладки? Затык в нижней черте. Ширина и количество вкладок неизвестны. На странице неоднородный фон.
0 votes5 answers -
Как стилизовать нумерованный список?
Привет, друзья! Прошу помощи в решении задачи. Уже не знаю как подойти... Необходимо сделать такую стилизацию http://prntscr.com/68s92w . Мои попытки успехом не увенчались: .content-list ol { list-style-type: none; /* Убираем исходные маркеры */ counter-reset: num; /* Задаём имя счетчика */ }.content-list li::before { content: counter(num) ' '; /* Выводим число */ counter-increment: num; /* Увеличиваем значение счётчика */ color: #ff0000; font-weight: 600; display: inline-block; padding: 5px; width: 100px; height: 100px; background: url(images/list-style.png) no-repeat; }Заранее благодарю!
0 votes4 answers -
div в div'е - помогите с высотой блока
Добрый день! Нужна помощь знатаков... Поставил на ВП новый виджет - поехал шаблон. У меня div в div'е. Первый div по высоте не растягивается. Из-за этого содержимое внутреннего (вложенного) div'а не мопомещается в главный div. Подскажите, пожалуйста, чего там не хватает ((( Заранее спасибо.
0 votes5 answers -
Оцените сайт объективно на ошибки
Можете пожалуйста указать на ошибки, корректность кода, качество адаптации. http://plitka20x20.h1n.ru/n3/
0 votes2 answers -
Отображение border в мобильном hrom
Есть сайт http://evacuator61.ru/ Кнопка "Задать вопрос" справа вверху. Сделана стилями (эффекты наведения, острые углы). Отображается даже в опере 12. Но в хроме мобильном (ну или в любом в режиме адаптивного дизайна) видны косяки. Что-то я не могу понять откуда оно
0 votes4 answers -
Вёрстка css с процентами
Добрый день господа. Я начинающий, можете пожалуйста помочь. У меня сайт построен впринципе на div`ах. Дело в том, что если разместить два div`а рядом как две колонки, а затем начать уменьшать ширину окна браузера - правая колонка уходит под левую. Никак не могу разобраться. А ещё если я в колонки добавляю padding то автоматом опять же правая уходит вниз. Что делать?
0 votes1 answer -
Не работает скролл над флешкой
Народ, помогайте! В ИЕ, когда курсор мыши находится над флешкой, не работает скролл колесом мыши. Что сделать чтобы он работал?
0 votes3 answers -
Плавующие блоки
Мне надо сделать такую штуку, Три блока расположены один за другим, а есть они все, или несколько не умещаются на странице, то чтобы некоторые падали одна под другую. Вот примерчик: Посоветуйте, что-нибудь. Если можно примерчик. Спасибо.
0 votes3 answers -
Для тех кто делает Email templates (Outlook 2007)
Сейчас частенько заказывают email templates. Об ограничениях HTML для email templates-ов говорить много не буду, их куча. В общем случае необходимо вернутся мозгами в 1995 год и делать HTML таким, каким бы Вы его делали тогда. Ну вот пример кода, для наглядности: <table bgcolor="#ffffff" cellpadding="5" cellspacing="3" width="600"> <tr> <td valign="top" width="381"><img src="http://xxx.com/team-selection-panel.png" alt="team selection"><br><br><img src="http://xxx.com/bhead-latest_news.png" alt="Latest news"> <table cellpadding="4" cellspacing="4" width="381"> <tr> <td><img src="http://xxx.com/photo-2.png" …
0 votes0 answers -
не работает display="inline"
топик можно удалить. сам решил вопрос.
0 votes0 answers -
Меню
Подскажите, как можна зделать вот такое меню ???http://s60.radikal.ru/i167/1010/ab/2a7c252371d0.png Может есть примери????Что изпользовать и тд.
0 votes6 answers -
Тень и выравнивание по центру
Приветствую товарищей дизайнеров и прошу подсказать насчёт 2 небольших вопросов. 1. Есть элемент с id aaa. Он выводит на экран различные уведомления. Подскажите, как сделать так, чтобы тень была не от всех элементов находящихся внутри, а от рамки этого элемента, который с id aaa? И, правильно ли я задал его расположение? Элемент должен выводиться в центре окна браузера. CSS: #aaa { background: #eee; border: 1px black solid; border-radius: 6px; text-align: center; padding: 5px; position: fixed; left: 25%; top: 25%; text-shadow: 0.1em 0.1em 0.15em #555; } 2. Подскажите, как выровнять сайт по центру?
0 votes4 answers -
div в divе
Здравстуйте. Имеется стандартная верстка , меню, шапка, две колонки и футер... Выглядит так: <div class="main"> <div class="container"> <div class="main_menu">Главное меню</div> <div class="header">Хедер</div> <div class="left"></div> <div class="center"></div> <div class="footer">Подвал</div> </div> </div> Проблема в том, что в основной див container почему то входят только блоки main_menu и header а все остальные как бы отдельно. Хотя в коде все блоки располагаются в нем. Из-за этого я не могу сделать рамку вокруг всего контейнера. Если же например у блока left убрать float:left, то…
0 votes4 answers -
как наложить 2 блока
сделал верстку эскиза: внизу блок контента наложил, создав иллюзию, как и 2 колонки одинаковой высоты, а вот как верхнюю часть контента, вернее меню, ума не приложу, вот образец: тыц! помогите доработать!
0 votes2 answers -
нужна помощь по абсолютному центрированию слоя
Ребят, помогите, пожалуйста, по верстке немного. То ли я уже заработалась, то ли еще что-то. Вещь вроде несложная, но никак не рожается. <!DOCTYPE html> <html> <head> <style type="text/css"> #sloy4{ top: 50px; width: 900px; height:50px; background:red; position: absolute; left: 50%; margin-left: -450px; } </style> </head> <body> <div id="sloy4">wertwert</div> </body> </html> слой красного цвета ширины в 900 пикселей появляется как надо. НО, когда я окно браузера сужаю влево, то появляется полоса прокрутки. Как сделать так, чтобы слой в любом случае оставался по середине страницы, а полоса прокрутки не появл…
0 votes18 answers -
не работает меню
навожу курсор на меню, но ничего не происходит, хотя до того как вставил в код слайдер, все работало, с чем может быть связано? вот коды HTML- <body> <div class="header"> </div> <div style=" width:1260px; height:1700px; background: url(images/fon.jpg) ;"/> <div class="main"> <div class="content-main"> <ul class="menu"> <li><a href="#">Главная</a></li> <li><a href="#">История</a></li> <li><a href="#">Команды</a> <ul> <li><a href="#">CS:GO</a></li> <li><a href="#">DOTA 2</a></li> …
0 votes4 answers -
Проблема с шрифтом
http://jsfiddle.net/5HzmC/
0 votes7 answers -
Шапка неверно отображается в IE
Здравствуйте. У меня в шапке один из блоков отображается гораздо правее,чем надо. Такое происходит только в ie(у меня 9 версия). Сайт http://newzveriki.ucoz.com/ Подскажите,пожалуйста,что для ie прописать.
0 votes2 answers -
Разместить анонс текста в заданные размеры
Здравствуйте! Задача состоит в том, чтобы текст с описанием разместить в блок заданной высоты, чтобы это смотрелось корректно. Проблема в том, что текст может иметь совершенно различное форматирование (разный шрифт, жирность, наличие или отсутствие заголовков и пр.); и соответственно, его точную высоту нельзя рассчитать заранее. Поэтому, может получаться вот так: Хотелось бы еще добавить в конец строки многоточие. Как можно это сделать?
0 votes10 answers -
Blink-браузеры не правильно обрабатывают тень
http://waa.ai/4w3T При масштабировании колесиком тень выставляется неверно - между тенью и объектом появляется белая полоса. Как это исправить?
0 votes11 answers -
Подскажите по вёрстке
В чём может быть проблема в вёрстке, при уменьшении экрана после 990px контент фиксируется на 990px и появляться прокрутка. Это правильно, но меню всё равно продолжает уменьшаться, в чём может быть проблема? На скриншоте пример вывода Файлы вёрстки можно посмотреть тут: https://yadi.sk/d/eW--fg1UftBKG Помогите решить проблему кто знает, уже голову сломал с этим
0 votes3 answers -
Форма не отправляется из-за value
<div class="block-signup"> <form action="" method="post"> <table class="form-table"> <tr> <th colspan="2">Информация о клиенте</th> </tr> <tr> <td class="label"> </td> <td class="value"> <?php if ($user_shopper_group->shopper_group_id == 5): ?> <input type="radio" id="shopper_group_id_5" name="data[shopper_group_id]" value="5" checked="checked" /> <label for="shopper_group_id_5"><span></span&…
0 votes0 answers -
Совет. Как выстроить блоки для закругления углов.
Добрый день! Имею вот такой код: https://jsfiddle.net/f3scmbr0/ Загвоздка вся в том, что мне нужно закруглить углы у блока wrapp так, чтобы блок с изображением оставался в таком положении, в каком он сейчас находится. Подскажите где промахнулся при построении дерева. Пока я вижу вариант закруглять определенные углы у .hello__container и .hello__btn. Но это крайне тупо, как мне кажется... А по другому чет не вижу как это реализовать при таком построении блоков. Нуждаюсь в совете как правильно выстроить вложенность. Потому что, повторюсь, явно напартачил с этим делом, но не вижу решения... И, по ходу написания, нашел еще один вопрос, на который хотел бы найти ответ: сам…
0 votes4 answers -
Как записать новый текст в ячейке таблицы сохранив старый текст?
У меня есть таблица в ячейках которой уже есть текст как записать туда новый текст при этом сохранив старый. InnerHtml не помогает он делает замену старого текста на новой скриншот. Может быть можно как-то с помощью стилей сделать? <!doctype html> <html lang="en"> <head> <style> table td {width:25px; height:25px} </style> <meta charset="utf-8"> <title>Page1</title> <script> function showInfo() { document.getElementById("cell1").innerHTML="A"; document.getElementById("cell2").innerHTML="B"; document.getElementById("cell3").innerHTML="C"; } </script> &…
0 votes1 answer