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
-
Выровнять список
Здравствуйте. Подскажите, пожалуйста. Правильно ли я рассчитал значения margin-left и padding-left на psd-макете? Крайние линии установил по границам объектов. Среднюю линию установил "на глаз", посередине между маркерами и текстом списка. http://savepic.su/2329770.htm Дело в том, что для меня было "неожиданностью", как рассчитываются margin-left и padding-left для списков. Первоначально хотел вычислить эти два значения на макете следующим образом: http://savepic.su/2330794.htm Но потом Firebug помог определить, что установка margin-left и padding-left для списков производится совсем не так, как я себе это представлял. На деле это выглядит так: http://savepic.su/2318506.h…
0 votes4 answers -
0 votes4 answers
-
Проблема со стилями!
Добрый всем час уважаемые посетители форума. Имеется проблема, которую было бы хорошо решить как можно быстрее. Обратился к вам. Мб есть ответ уже на форуме или в гугле, но все же, решил у вас спросить. Имеются стили: img{ width: auto\9; /* ie8 */ height: auto; width:auto; width:100%; max-width: 100%; } Они собственно для всех img на странице. Тут все понятно. Но, вот в чем собственно вопрос, для одного изображения, мне нужны совершенно другие стили. Поступил я так, присвоил ему id="img_test" и написал так: img#img_test{ width: auto\9; /* ie8 */ height: auto; max-width: 100%!important;} Но, изображение все равно придерживается основных стилей. Как поменять при…
0 votes5 answers -
выделение tr
Подскажите пожалуйста, имеется таблицы пускай стандартная <table class="table"> <tr> <td>1</td> <td>2</td> <td class="red">3</td> </tr> <tr> <td>1</td> <td>2</td> <td class="red">3</td> </tr> <tr> <td>1</td> <td>2</td> <td class="red">3</td> </tr> </table> .table tr:hover{ background-color:#00ff00; } .red{ background-color:#ff0000; } Вот при наведении на ряд, окрашивается ряд, кроме ячейки с классом red. Как реализовать чтоб он тоже окрашивался?
0 votes3 answers -
Навигация по странице
Подскажите пожалуйста возможно ли средствами CSS показывать скрытые блоки? Если их скрыть например display:none; <!-- <nav> <ul> <li><a href="#rasp">Расписание уроков</a></li> При наведении показывать div name="rasp" <li><a href="#zam">Заметки</a></li> При наведении показывать div name="zam" </ul> </nav> <div> <div name="rasp"> Скрыть например display:none;? <table> <tr> <td>Понедельник</td> </tr> </table> </div> <div name="zam"> Скрыть например display:none;? <p>Какой то текст</p> </div> </d…
0 votes5 answers -
Порекомендуйте видеоурок
Доброго времени суток. Порекомендуйте пожалуйста курс видеоуроков как сверстать сайт из шаблона фш. Давно просматривал один курс по-моему Евгения Попова, показывали как нарисовать шаблон как сверстать его и как установить на хостинг, тематика была что то про путешествия. Если кто знает или помнит такой дайте пожалуйста ссылку. Еще инфа: кажется сайт назывался Choose Travel
0 votes2 answers -
Как выравнять элементс с display:inline-block по горизонтали?
Собственно сам вопрос в названии темы. Ни как не могу разобраться как тег <div> с display:inline-block выравнять по горизонтали... margin: auto тут почему то не помогает. Данный элемент прижат к левому краю и никак не хочет на середину
0 votes5 answers -
IE9. Панель поиска и радиент
Всем доброго времени суток! Сверстал страницу интернет магазина. Но, в IE9 жутко отображается панель поиска и не показывает градиент.
0 votes3 answers -
Помогите разобраться начинающему.
Изучаю HTML5->CSS3->Javascript. Всё чаще в интернете встречаю LESS, JQuery, AJAX, Angular, Bootstrap и т.д. и таким образом совсем запутался что есть что. Насколько я понял LESS это типо CSS файл где значения прописаны в виде переменных. Bootstrap вообще не понял для чего нужен. С JQuery чуток легче это вроде как библиотека для Javascript где многие функции уже готовы и не надо заново изобретать велосипед. Читал статьи где народ пишет что не надо учить Javascrip, а надо учить Angularjs, в другой говорят чтобы забей на CSS и учи Bootstrap. Помогите разобраться в современных технологиях. В какой последовательности учить и что именно учить чтобы претендовать на должно…
0 votes1 answer -
hover -эфект
Подскажите как сделать эффект при наведении мышки на блок с категорией товара как на сайте http://mariyka.com.ua/ То есть сначала мы видим блок с названием товара, под ним картинку и корзину покупок, а при наведении на него блок получает рамку с тенью и увеличивается вниз где дополнительно можно прочесть краткое описание товара?
0 votes1 answer -
Сабменю двигает контент (пробовал absolute, но исчезает меню)
Меню второго уровня двигает контент. Посмотрел в чем причина может быть - пробовал ставить абсолютную позицию, но тогда меню второго уровня не вылезает. вот сайт http://kernmetal.ru/
0 votes1 answer -
Как сделать чтобы блок масштабировался как картинка
Здравствуйте. Как сделать чтобы блок масштабировался ,как картинка? (т.е. при изменении размера экрана менялась ширина блока и высота менялась пропорционально. и пропорционально менялся размер шрифта ) Верстаю html письмо, поэтому стили внутри тегов. https://jsfiddle.net/r73kpcjq/
0 votes1 answer -
Текст, который длиннее 1 строки, переносится на следующую строку
На сайте есть блок тестирования. Проблема отображена в скриншоте. Может кто-нибудь поможет разобраться, как это исправить?
0 votes1 answer -
Зачем нужны meta теги?
Я вообще не вдупляю что такое мета, и что делают атрибуты. Пожалуйста объясните тупому.
0 votes1 answer -
Открыть в Word или PDF
Добрый день, скажите если я хочу поставить ссылки чтобы по щелчку на них, открывался документ в Word или PDF, мне просто ставить ссылку формата .doc или .pdf, илиже есть для таких случаев конкретные скрипты? Спасибо.
0 votes1 answer -
Нужна помощь по JS
Доброго время суток! Подскажите пожалуйста что значат следующие строчки (каждая по отдельности): 1) newstr = str.replace(/\n+/g, ' '); 2) str = str.slice(0, 100); 3) if(document.getSelection()) {
0 votes3 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 -
Вертикальное выравнивание внутри элементов списка
Добрый вечер! Вот проблема такая есть, не знаю как сделать. Вот картинка проблемы: Вот код: <html> <head> <style> .asd ul li{ outline: 1px solid black; height: 80px; } </style> </head> <body> <table border="1" align="center" width="200"> <tr> <td> <div class="asd"> <ul> <li><a href="#">123</a></li> <li><a href="#">sd sdg g456 gf sdgd 4 23 423 423 </a></li> <li><a href="#">345</a></li> <li><a href="#">456 234 234 234 234 234 23 423 423 </a></li&g…
0 votes3 answers -
Сделать часть картинки ссылкой
Доброго времени суток, уважаемые форумчане и программисты! У меня такая проблема, на сайте есть хедер, в фотошопе дополнил его красивым заголовком, теперь нужно это изменение сделать ссылкой. То есть чтобы отдельная часть картинки была ссылкой. В исходном коде страницы картинка выводится вот так: <div id="block-header"><div> А вот css: #block-header { background: url(../../images/header/rust/header_destroyed2.png) 50% 0 no-repeat; position: relative; z-index: 999; } Подскажите, пожалуйста, как сделать часть этой картинки ссылкой, ну или для начала хотя бы всю картинку ссылкой. Заранее очень благодарен!
0 votes3 answers -
Никак немогу разобраться с Фоном сайта
Все принципе устраивало, пока не сел за 17 дюймовый монитор, оказалась, что у сайта не растягивается фон до конца границ справа(он обрывается и вместо него появляется пустая белая область, как будто либо лишний блок или неправильный размер где-то), при чем если уменьшить масштаб в браузе все нормально. Сайт http://i-t-master.com/
0 votes6 answers -
В таблице у img не отображается border если стоит padding
Хочу в ячейке таблицы скруглить по всем сторонам углы кнопке. Если не ставлю padding кнопке, то скругляет нормально, а если поставить то не скругляет. Причем если сделать padding-right то скруглит только по левой строне Как можно исправить? <td width="500" height="150" align="right" valign="middle" bgcolor="#003399" id="two"><img src="12_r15_c7.gif" width="72" height="26" alt=""></td> <td> </td> #main img { border-radius: 10px; padding:5px; }
0 votes2 answers -
Валидность верстки
В общем учусь верстать, пока сверстал пару шаблонов, не очень сложных. Один из них поставил на свой сайт (CMS uCoz), решил сделать его валидным. Сначала было около 180 ошибок, вот сейчас осталось только 9, которые я сам исправить не могу. Надеюсь на Вашу помощь. Скриншот с ошибками: http://savepic.net/3079081.png Спасибо за помощь.
0 votes2 answers -
Плагин не работает
Насколько я понимаю, плпгин это готовый к использованию продукт требующий несложной адаптации к конкретной веб странице. Перерыл поиск "How to install jQuery plugin", "как установить jQuery плагин" пытаясь установить слайд шоу http://jquery.malsup.com/cycle/ 1) Собственно плагин и библиотеку подключил. 2) Разметку и соотв id контейнеру прописал. А плагин не работает ни с какой попытки! Похоже ошибка моя и такая проблема у меня только. Может я упускаю принципиальные моменты , подскажите плз что нужно пересмотреть? http://pomidor.com.ua/seemax/ImageneerF/HTML/ImageneerF.html
0 votes6 answers -
Уменьшаются некоторые символы после Fontsquirrel
Шрифт PFSquareSansPro-Medium.ttf после прогона через fontsquirrel начинает некорректно отображать некоторые кириллические символы. Они становятся меньше или появляются артефакты. Причем на маке, например, это не проявляется Например, здесь уменьшается буква "м": а здесь появляется какая-то "засечка": Другие веб-шрифто-генераторы не подходят по причине очень большого размера файлов шрифтов на выходе, хотя может я просто не нашел нормальный. Подскажите, пожалуйста, как это можно исправить, обойти, как-то настроить fontsquirrel, или использовать другой веб-шрифто-генератор, который на выходе не будет отдавать файл размером в 400 кб.
0 votes2 answers -
Растягивание страницы по всему экрану
Здраствуйте! Помогите мне пожайлуста растянуть страницу сайта ( на картинке) по всему экрану(то есть по ширине) а не как на картинке ( по середине). Заранее вам огромное спасибо)
0 votes2 answers