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
-
Почему border делает отступ?
Приветствую! Создаю свой первый сайт. Помогите пожалуйста понять и решить, почему при использовании атрибута border он делает отступ снизу от контента? Padding нигде не стоит в коде. Прикрепляю скрины как выглядит непонятный отступ и результат, который хочу достичь позже Мой код: HTML <main> <div class="menu text stroke"> <nav> <a href="./Playlists.html">PLAYLISTS</a> <a href="./LocalArtists.html">LOCAL ARTISTS</a> <a href="./Shop.html">SHOP</a> <a href="./Schedule.html">SCHEDULE</a> <a href="./About.html">ABOUT</a> …
0 votes3 answers -
Помогите с этим!!!!
Помогите пожалуйста сверстать так, как на картинке. У меня не получается. Зарание спасибо!!!
0 votes5 answers -
Формат списка файлов каталога
Друзья, если не угадал с темой, то смело перемещайте мой вопрос куда следует. Вопрос в следующем. Как известно браузеры могут при условии Options Indexes отображать содержимое директория. И даже рисовать какие-то столбики. Если вдруг Вы знаете, как облагородить этот список, изменить ширину колонок и всё такое, то расскажите пожалуйста. Ну или посоветуйте того, кто знает, того, кто может посоветовать. Заранее, с почтением, Саша.
0 votes6 answers -
Проблемы с меню
a:hover { color:#e5964b; text-decoration:none; font-weight: 600; text-align: left; display:block; background: url("/images/menuicon.png")no-repeat; left = 50%; } У меня такой код для ссылки "hover". Картинка /images/menuicon.png должна появляться слева от текста после наведения курсора, а появляется под ним. Как выравнить ее влево от текста? http://s54.radikal.ru/i143/1001/bc/d03b660f7dd0.png
0 votes8 answers -
Как сделать статистику ?
Доброй ночи уважаемые Гуру!Подскажите как сделать возле каждой кнопки "скачать" свою мини статистику,например: Кнопка "Скачать" возле неё на против сколько раз файл просмотрен и сколько раз этот файл скачали. Возможно ли так сделать?если да,то как??? - Это не на форум,а на каждую страничку сайта где есть кнопка скачать. Вот пример как тут: http://www.twirpx.com/file/41594/ Заранее БОЛЬШОЕ СПАСИБО.
0 votes6 answers -
Некорректно отображается кнопка
Добрый день! Верстаю себе сайт. вставляю следующий код но кнопка отображается плоской http://s19.radikal.ru/i192/1004/4e/2d0f581888b7.gif подскажите в чем ошибка?
0 votes3 answers -
Сайт в Google
Здравствуйте! Я создал сайт в Google и хотел бы для конкретной страницы сайта задать фоновое изображение. Можно ли это сделать? Если да, то как?
0 votes15 answers -
Поомогите "допилить" меню на спрайтах
Доброго времени суток. Хочу сделать меню на спрайтах, которое состоит из изображения (иконки) и текста (текст под иконками). Нашёл пример создания тут: http://ruseller.com/lessons.php?rub=29&id=523 Сделал - всё ок, за исключением одного важного для меня нюанса. Мне нужно, что бы под изображением был и текст меню (в виде текста, а не изображения естественно), в данном примере этот текст вынесен за пределы экрана так: text-indent:-9999px; Значение -9999px я убираю на "0" и текст размещается поверх графической части кнопки, а мне нужно спустить его под изображение. Что только не пробовал - не выходит... подскажите, пожалуйста, как это реализовать? Можно на другом при…
0 votes6 answers -
Как пройти Pagespeed от гугла?
Доброй ночи. Народ. Не подскажите как пройти спидтест для десктопа в гугле? (впервые прохожу ) Есть такая страница например: http://webmaster.ayrveda.ru/se_plus/index26083k.html И результат по ней вот такой выдается: https://yadi.sk/i/fdwugjQ5rQq9A как уже только не оптимизировал те 2 картинки - спидтесту этому они все равно не нравятся ) + не понятно что надо сделать со стилями и джаваскриптом.. ) Так же хотел бы поинтересоваться наиболее простым методом сжатия в GZIP (может кто то толковую статью скинет на эту тему..) P.S. Буду благодарен за помощь..
0 votes12 answers -
Опять про футер
короче, воть .foo { width: 800px; height: 120px; vertical-align: bottom; bottom: 0px; margin: 0px; background: black url(img/botgr.gif) no-repeat bottom right; position: absolute; } в осле уходит на 30 пкс вниз низа страницы и оооооочень далеко влево.. Помогите плз... СПС. Просто маюсь уже оооочень долго, башка того...
0 votes3 answers -
Крупные буквы в IE выглядят зазубренными.
Крупные буквы в IE выглядят зазубренными. Как с этим бороться? Где то я видела решение, но вовремя не запомнила, а теперь не найду. Подскажите, пожалуйста, если вам удалось решить эту проблему.
0 votes9 answers -
Форма с фотографиями и свойство прокрутки
Всем привет!!! На сайте http://www.hrej.cz/clanky/preview/mafia-ii-prvni-dojmy/ в верхней части страницы есть небольшая форма в которой содержатся картинки. Как можно сделать точь в точь такую же? никто не знает?!
0 votes6 answers -
Смещение блока с margin: 0 auto; при разных разрешениях
Есть проблема. Помогите, пожалуйста, если можете! Очень срочно. Уже несколько дней воюю. На сайте должен быть полупрозрачный блок тянущийся на всю ширину экрана, но контент блока фиксированный на разрешение 1024 В FF и IE7 все хорошо, а в Opera и IE8 при изменении ширины экрана справа и слева от фиксированного блока появляются верикальные однопиксельные полоски, т.е. этот блок при разных разрешениях смещается из-за margin: 0 auto то вправо то в лево. Если фиксированному блоку поменять ширину с 998 на 997, то проблема пропадает в Opera и IE8? а появляется наоборот в FF и IE7. Верстка сделана след. образом: в <div> с фоном ПНГ длиною 1920px (но центральная часть 998p…
0 votes4 answers -
Нужно выделить основной контент при выделении пункта меню.
Очень нужна помощь! !! Верстка почти закончена за исключением одной детали, которая портит всю "малину". Не знаю как сделать чтобы при нажатии на пункт меню выделялся также и основной блок с контентом относящийся к пункту меню. Прилагаю ссылку на скриншот. http://itmages.ru/image/view/4756644/ed59c9f0
0 votes3 answers -
BUTTON - backgroud, фоновое изображени
Привет! Я тут первый раз. Не знал где это спроить, поэтому спрашиваю здесь Народ, вот у меня такой вопрос: наверное все знают что такое кнопки. Я про те кнопки, которая например находится на http://yandex.ru На этой кнопке написан ТЕКСТ "Искать" Чтобы забабахать себе такую же кнопочку с каким-либо текстом, надо прописать вот что: С этим я разобрался. А вот скажите плиз, как сделать так, чтобы заместо ТЕКСТА на кнопке была какая-нибудь КАРТИНКА? Мне именно не код для картинки нужен типа как а код, который поместит КАРТИНКУ на кнопку. Заранее спасибо
0 votes3 answers -
Верска дивами (основа)
Объясните пожалуйста популярно, как использовать дивы... А именно интересует позиционирование. Тоесть в чем разница вложенности дивов? Вот 2 примера... <div id="1"> <div id="a1"> <div id="a2"> <div id="a3"> </div> </div> </div> </div> <div id="a1">a1</div> <div id="a1">a2</div> <div id="a1">a3</div> Какая между примерами разница? Как правильно и для чего? И главное относительно чего позиционируются дивы? (относительно окна браузера, несмотря на уровни вложенности или относительно родительского окна, тоесть div относительно другого div-а в которое вложен?) И может есть у кого…
0 votes8 answers -
Обратный отсчёт в нумерованном списке
Появилась идея сделать нумерованный список в обратном порядке. То есть по типу: .....99,98,97,96... Это стилями как-то можно сделать?
0 votes3 answers -
Свойства тегов <ul> и <li>
В стандарте даны свойства list-style-type, list-style-image, list-style-position и list-style: http://www.w3.org/TR/CSS2/generate.html#list-style В разметке может быть два тега: <ul> и <li>. К каким из этих тегов применять данные стили корректно? Есть ли какие-то особенности в стилях для тега <ul> и отдельно для тега <li>? Объясните, как надо для этих тегов правильно задавать свойства.
0 votes2 answers -
Кто как решает проблему производительности background-size?
В общем если разрешение большое у картинки и поставить background-size cover, или проценты какие-нибудь, то появляются лаги в хроме точно, не имеющие себе никакого оправдания. Кто и как с этим борится? Вроде как по идее скриптик вставить и все, имулирующий это поведение. Но я вот тут засунула волшебную строчку -webkit-backface-visibility: hidden, и лаги вроде как пропали. Но пока я рылась в гугле, пишут, что в файрфоксе тоже может лагать. Но у меня вроде все норм. Вот сижу и думаю теперь - скрипт все-таки или эту строчку.... Может кто сталкивался и придумал что-нибудь?
0 votes14 answers -
растяжения rowspan в таблицах
<table border="0" cellspacing="0" cellpadding="0" id="maintable"> <tr> <td colspan="3" id="header"> </td> </tr> <tr> <td rowspan="2" id="left_panel"> здесь менюшка </td> <td id="main_window"> </td> <td rowspan="2" id="right_panel"> </td> </tr> <tr> <td id="footer">Футер</td> </tr> </table> Проблема в том что при добавлении отступов между пунктами меню, растягивается футер, не знаю в чем дело 1) 2)
0 votes5 answers -
Тег ALT
Объяснить на словах довольно сложно, поэтому: Пожалуйста, кому не сложно, зайдите на softmuz.com, в левой колонке есть рекламный блок, если навести курсор появится ALT-текст (довольно большой), после навести курсор на любую публикацию в центральном блоке, так-же появится ALT-текст, только рамка под него не уменьшится (в длинну), а останется прежней, как для рекламного блока. И так с любыми ALT-ами, за исключением тех, которые в центральном блоке. Понятно что это как-бы и не проблема совсем, но это неправильно, поэтому очень хочется устранить данный баг... Подскажите пожалуйста, где/что подправить... Благодарю за внимание.
0 votes14 answers -
Помогите создать всплывающее меню!
Не то, чтоб я вообще не знаю, как это сделать, но запуталась в тегах. Итак, исходный css файл был таким body {margin:0; font-size:12px; line-height:20px; font-family:Arial, Helvetica, sans-serif; color:#FFFFFF; background:url(images/body.jpg) repeat-x #F7FFC4; padding-bottom:10px;} a {color:#deff00; text-decoration:none;} a:hover {text-decoration:underline;} #container {background:url(images/main_bckg.jpg) center top no-repeat; width:980px; margin:0 auto;} #logo {margin:0 90px 0 110px; background:url(images/logo_bckg.jpg) no-repeat #4A730B; padding:43px 0 69px 0; text-align:center;} #logo a {color:#FFFFFF; text-decoration:none; text-transform:uppercase; font-size:20px;…
0 votes7 answers -
Меню как на Google
Здравствуйте. Решил сделать меню как на Google. Но пока получилось только вот это: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <title>Пример горизонтального CSS списка</title> <style type="text/css"> body {margin: 0;} #nav_menu {width: 100%;} #nav_menu ul {list-style: none;} #nav_menu a { float: left; height: 100%; background-color: #2d2d2d; text-decoration: none; text-align: center; padding:7px; font-family: arial; font-size: 10pt; color: #cccccc } #nav_menu a:hover {background-color: #4c4c4c; color: #cccccc;} span {border-top: 2px solid #dd4b39;} </style…
0 votes6 answers -
выпадающие списки: дергается страница при свертывании/развертывании пункта
Чтобы воспроизвести, раскройте два последних пункта списка, category 2 и LAST. Страничка дёргается при разворачивании/сворачивании LAST, то есть когда контент пересекает нижнюю границу экрана: http://jsfiddle.net/kpoxo6op/kWBBz/#base Мне же нужно поведение, как на этом примере: http://www.designchemical.com/lab/jq...gin/examples/# Тут как ни жми, страничка просто удлинняется и укорачивается, без дёрганья.
0 votes5 answers -
На Brackets LivePreview открывается норм а если так открыть лажа..
Привет ребята! Я вообще в расстерянности, сверстал все через Brackets LivePreview отработал все через Хром и после когда все сверстал открываю без LivePreview от Brackets на том же хроме только теперь через не Brackets а через индексный файл смотрю и вижу никакие стили не работают. Фоновый изображение не действуют хотя все в стилях прописано и все файлы на месте. В чем проблема помогите.
0 votes3 answers