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
-
Никак не могу настроить =( Помогите, please
Вот в чем проблема: Есть у меня блок логинирования на сайте: Код: <ul class="reset loginbox"> <li class="loginbtn"><a id="loginlink" href="#"><b>Login</b></a></li> <li class="lvsep"><a href="{registration-link}"><i>Register</i></a></li> </ul> Код css: .loginbox li { float:left; margin:8px 0 0 9px; width:90px; height:33px; line-height:32px; overflow:hidden; text-align:center; } .loginbox li a { font:normal 14px Tahoma, Geneva, sans-serif; color:#fff; } .loginbox li a:hover { text-decoration:underline; Также есть блок пользователя на сайте: (Код css тот же) <u…
0 votes2 answers -
уезжают блоки в chrome
здравствуйте. выглядит все так а должно так но в хроме все уезжает /* основной блок */ .notifiers { position: absolute; bottom: 0; right: 10px; bottom: 5px; z-index: 400; } /* маленькие блоки */ .notifiers .notifier { display: block; position: relative; width: 256px; height: 55px; padding: 8px; margin-bottom: 7px; /* тени */ } почему?
0 votes5 answers -
Форма и Google Chrome
Как сделать чтобы тестовое поле имело жесткий размер и не имело возможности растягиваться по ширине и высоте в Google Chrome
0 votes2 answers -
Совсем простой вопрос
Вот у меня вначале страницы указаны цвета ссылок в стилях: body a{color:red;} body a:hover{color:red;} body a:active{color:red;} Но некоторые ссылки на странице я хчу сделать другим цветом, поэтому делаю так <a href='' class='newcolor'>link</a> style: .newcolor{color:green} Почему так цвет не меняется? он меняется только если мы сделаем вот так <a href='' style='color:green;'>link</a> Как изменить цвет с помощью класса?
0 votes6 answers -
Помогите с выравниванием
Помогите не могу выравнять текст по центру сбоку от изображения <ul> <li><img src="blablabla.jpg"/>Текст</li> </ul>
0 votes6 answers -
Относительно независимая прокрутка в двух колонках
Здравствуйте. Как можно добиться эффекта, когда два рядом расположенных divа прокручиваются только до того момента, пока в них не закончится контент, а не до конца соседнего? Например, в div1 контента больше чем в div2. Прокрутка div2 останавливается, когда он заканчивается, а div1 прокручивается дальше... В результате должны получиться две заполненные колонки до футера, чтобы не было никаких пустых мест. Примеры того, что я хочу получить в результате можно посмотреть на одноклассниках и фейсбуке.
0 votes2 answers -
Идея, но как воплотить?
Здравствуйте. У меня возникла идея, а именно - анонимная форма сообщений, т.е., когда заходишь на сайт видишь окно, куда можно что-то писать, пишешь (анонимно все конечно же), потом жмешь отправить (так же можно что-нибудь прикрепить) и это сообщение автоматом идет администратору на почту (с почты сайта). Собственно вопрос заключается в чем: чтобы прикрепить файл придется использовать только php или можно выразить это через что-то другое? Можно ли написать саму форму на css и html (без прикрепления) или же придется прибегать к другим языкам программирования? Движка нет, я хотел сделать все на чистой html странице.
0 votes6 answers -
Шрифт GaramondPremrPro
В макете дизайнер использовал шрифт GaramondPremrPro, вызываю строкой с гугла в верстке: @import url(http://fonts.googleapis.com/css?family=EB+Garamond&subset=cyrillic);На сайте выглядит так надпись одна: В макете выглядит так: Не работает вывод цифр, вроде как английского и знака №. Как это побороть, кто сталкивался? Шрифт такой GaramondPremrPro наврное конвернуть под вебфонт? Бкд признателен, если кто поделится.
0 votes2 answers -
Одинаковая высота блоков
Друг за дружкой идут несколько блоков с разным кол-вом текста. Подскажите, как сделать их высоту одинаковой (по высоте самого высокого блока)? http://jsfiddle.net/crazzzy/ZATMa/
0 votes5 answers -
Проблема с разделителями в горизонтальном меню.
Почему у меня разделители разного цвета? http://jsfiddle.net/vf94k/4/ Как сделать, что бы они были все одинаковые, как 2 по середине?
0 votes2 answers -
Нужна помощь с блоком авторизации.
Не получается сверстать вот такой вот блок авторизации Вот что у меня. Кому не сложно, объясните как что и где? <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html><head> <title>Design</title> <meta http-equiv="Content-type" content="text/html" charset="utf-8"> <link type="text/css" href="css/style.css" rel="stylesheet"></head><body> <div id="logo"> <img src="images/logo_head.png" alt="logo" id="logo"> <form id="log"> <div id="log_txt"> <p> <label for="text">Логин:</label> <input type="text" id="login"…
0 votes2 answers -
Установил комментарии от Disqus. Можете ли Вы комментировать в качестве гостя?
Здравствуйте! Установил форму комментариев от Disqus. Но что то в качестве гостя не могу комментировать (хотя настройка этого включена в опциях Disqus)... Просьба к Вам, зайдите пожалуйста в мою последнюю статью на блоге (free-pc.ru) и попробуйте оставить любой комментарий в качестве гостя (поставить галочку "Гость"). Или хотя бы написать здесь, есть ли такая возможность.
0 votes2 answers -
bootstrap 3 dialog
модальное окно <!-- Modal "client" --><div class="modal fade" id="client-modal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> <div class="modal-dialog modal-sm"> <div class="modal-content"> <div class="modal-body"> ... </div> </div><!-- /.modal-content --> </div><!-- /.modal-dialog --></div><!-- /.modal -->код вызова модального окна $(document).on('click', 'a.link-modal', function(event){ event.preventDefault(); var url = $(this).attr('href'); var clickedbtn = $(this); var modalContain…
0 votes3 answers -
Почему текст выходит за границу родителя?
Привет. Никак не соображу - почему текст не переносится: Посмотреть можно тут (на главной): http://z.leveler.ru/
0 votes2 answers -
0 votes1 answer
-
Не работает позиционирование
Попытался поверстать один из выложенных здесь макетов, возникла проблема. При создании элемента (большой бардовой полоски) этот элемент не прилегает плотно к левой части экрана, есть отступ не предусмотренный в графическом макете. Вот ссылка на все это дело в fiddle:https://jsfiddle.net/jhcgof0b/ Пытаюсь сделать так чтобы полоска вплотную прилегала к левому краю экрана через position:left, но элемент не сходит с места ни на пиксель. Сам элемент сверстан как пустой див с цветным фоном. Страничка не выложена в сети, находится у меня в папке компьютера.Вот макет, который я пытаюсь верстать: P.S. Очень старался задать вопрос правильно, с учетом…
0 votes2 answers -
Проблема с позиционированием блоков Bootstrap
Доброго времени суток,я уверен что такая тема поднималась миллион раз,но я не могу правильно сформулировать поисковый запрос))) В общем внимание на экран: http://joxi.ru/1A5avYnsPZaXAE Как мне поднять блок футер наверх?
0 votes3 answers -
На разных разрешениях меню выглядит по разному
Здравствуйте уважаемые пользователи. Прошу помочь разобраться, вот это меню выглядит по разному на разных разрешениях. Блок практически меняет размер и весь текст сливается. Скрытый текст @import url('https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300'); .menu { position: block; max-width:100%; background: #fff; } .contact_info { font-family: 'Open Sans Condensed', sans-serif; font-size: 14px; } nav { position: inherit; max-width: 100%; margin: 0px 0 0 0px; } nav ul { position: inherit; background: #48cfad; list-style: none; margin: 0; padding: 0; } nav ul li { position: relative; display: inline-block; …
0 votes6 answers -
Блок с фиксированными width, height но не block.
Собственно нужен елемент, например div, что-бы при указанных width, height, он держал форму но при этом не было display:block; т.е. могло быть несколько в одной строке. PS Положить block-элементы в таблицу не преблагать. PPS Заранее спасибо.
0 votes0 answers -
Странное отображение выпадающего меню
Подскажите кто-нибудь пожалуйста. Почему у меня на сайте nala.net.ru (открывайте в IE) выпадающее меню появляется под контекстной рекламой Google, а в Опере ,к приеру, все ок. И как это исправить ?
0 votes2 answers -
cellspacing
Допустим есть таблица 3 на 3, с бакграундом. Как сделать, что между tr был зазор 1-2 px , а между td его небыло. cellspacing как то глобально его задаёт....
0 votes2 answers -
Проблема с верхним отступом в IE
В IE в самом верху макета появляется отступ, т.е. становится видна небольшая полоска с задним фоном сайта. Никак не могу понять откуда он берётся. Сайт http://www.evolis-russia.ru
0 votes1 answer -
Полоса прокрутки со своим дизайном
Хочу сделать scrollbar со своим дизайном чтобы вписывался в дизайн сайта. Изменение вида полоса прокрутки в CSS мне не подходит, т.к. в нормальных браузерах это не работает... Может быть это возможно реализовать на JAVA или FLASH или другим методом?
0 votes2 answers -
проблемы отображения таблицы в Опере
Нижеприведенная таблица отображается коррекно в мозиле и в эксплорере, а вот в опере в теле сайта рассыпается ужасно использую функцию INCLUDE чтобы вставить из файла в тело функции если вставить просто html в тело страницы все нормально, а с INCLUDE все рассыпается не могу понять почему, может кто-нибудь сталкивался <table style="width:100%;background-color:#FFFFFF; font-size:12px; color:#50585D; line-height:12px; text-align:center; border-left:1px solid #949494; border-top:1px solid #949494;" cellpadding="0px" cellspacing="0px" > <tr> <td colspan="1" rowspan="5" style=" width:25%;height:150px;padding:10px; border-right:1px solid #949494; b…
0 votes2 answers -
Проблемы с отображением блоков с float
Приветствую. Знаю, что не первый столкнулся с проблемой, но поискав не нашел решения, а сроки поджимают. Суть - делаю горизонтальное меню из блоков. В блоке есть вложенные блоки с изображением и текстом. Нужно чтоб блок с текстом оставался справа от блока с изображением. В Опере все нормально выглядит, а в мозилле и хроме все плывет. Код: <a href='' style='border:1px solid #f0f0f0; background:#fff; width:190px; height:60px; padding:0px; margin:0px 3px 0px 3px; float:left; text-decoration: none;'> <img src='' style='border:1px solid #e0e0f0; width:46px; height:46px; margin:6px 0 6px 6px; float:left;'> <p style='width:128px; height:26px; padding:0; margin:0;…
0 votes4 answers