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
-
Проблема со шрифтом
Здравствуйте! Как перенести запятую к слову которое распологается слева а не справа? Вот скриншот - линк Я так понимаю, что дело решается с помощью CSS? Пробовал использовать word-spacing и letter-spacing немного не то!
0 votes9 answers -
Автоуменьшение горизонтального меню
Здравствуйте, есть горизонтальное меню оформленное через CSS, вроде бы как надо сделано, но при уменьшении окна последний блок меню сползает вниз, а хотелось бы чтобы меню уменьшалось всего навсего, нет конечно оно уменьшается, но всё равно как-бы не успевает. вот url демо-сайта: http://trebolka.16mb.com/ попробуйте уменьшить окно и будет видно как один пункт меню перейдёт ниже вот CSS код: #mainmenu { width: 100%; } #mainmenu ul { list-style: none; display: table; padding: 5px 0px; margin: 0px auto; } #mainmenu li { list-style: none; display: block; float: left; margin: 0px 1px; } #mainmenu li a { display: block; float: left; height: 66px; color: #fff; tex…
0 votes4 answers -
Получить селектор автоматически возможно?
Здравствуйте. Есть ли в Хроме в инструментах разработчика(или Firebug, т.п.) средства, позволяющие автоматически получить селектор какого-нибудь тега, которому дальше потребуется прописать стиль? Благодарю
0 votes7 answers -
Как обрезать картинки в IE?
[РЕШЕНО] Во всех браузерах картинки обрезаются снизу и отображаются правильно, вот так: А во всех Internet Explorer'ах картинки обрезаются, но появляется пустое пространство, вот так: стили: .pic_block { height: 290px; overflow:hidden; } .pic_mat { float:left; margin-bottom: 15px; width: 200px; } вывод картинок: <div class='pic_mat'> <a href='/material.php?mid=".$row_pic['mid']."'> <div class='pic_block'> <img src='pictures/".$row_pic['small']."' width='196px'></a> </div> <a href='/material.php?mid=".$row_pic['mid']."'>".$row_pic['title']."</a> <br> <div class='price'>".$row_pic["cost"]." р.</div> <…
0 votes0 answers -
Изображение в IE10+
Обрезается изображение облаков по контуру кнопки в IE10+. В остальных браузерах оно выходит за пределы кнопки, как и должно быть. Почему это происходит? http://cssdeck.com/labs/full/a7jvce0r
0 votes2 answers -
Не отображаются background в IE8
Здравствуйте! Подскажите чайнику почему в IE (смотрел на 8 версии) не отображается background http://www.evernote.com/shard/s353/sh/47f2b3ab-47b2-4167-9458-702d8eafbc8d/5fa3cb41a43d8f5a2ac4ea180824fe4f у характеристик товара - "нагрузка, высота, жёсткость" http://matrasspb.ru/catalog/matrasy-dlya-krovati
0 votes2 answers -
Подходящий размер изображения для главного фона
В одном макете для главного фона используется изображение (текстура) , которая растягивается на весь фон. Креативный такой макет. Это изображение весит 752килобайт. Это нормально использавать такие размеры для одного только фона? (Ведь есть фоны и для других блоков). Как орентироваться человеку, который создаёт PSD макет, что так можно делать или нельзя???
0 votes10 answers -
css рецепты программирования кристофер шмитт
Помогите найти исходники к книге, коды я нашёл, а где взять картинки? в книге указан адрес исходников http://csscookbook.com/ но где там достать картинки??
0 votes8 answers -
Неправильно работает :hover в GoogleChrome
Здравствуйте. Столкнулся с такой проблемой. В сверстаном шаблоне некорректно отображаются стили при наведении в Хроме. Блок "Наши Новости" работает правильно - при наведении на блок меняется цвет фона, при наведении на новость меняется цвет её фона, текста и рамки у img. При наведении на блоки "Новости Alfa" и "Новости дилеров" у меня стили :hover срабатвают ТОЛЬКО при наведении на нижнюю (3-ю) новость. В других браузерах соответственно всё нормально. Первый раз с таким сталкиваюсь, предположил что дело в новой версии хрома? Ссылка Кусок кода CSS:
0 votes2 answers -
Фон активного пункта выпадающего меню
Здравствуйте! Помогите, пожалуйста, разобраться с двумя вопросами по выпадающему меню: 1. Отступ от А до В в 1 px. Я делаю отступ, но в таком случае, при переводе курсора на сабменю, само сабменн исчезает... 2. При активном B должен быть активным блок А (белый фон, зеленый шрифт). Меню здесь - http://jsfiddle.net/zs252taw/ Заранее благодарю!
0 votes3 answers -
Follow Twitter
Всем привет. Столкнулся с такой проблемой: добавляю на сайт кнопку follow twitter отсюда https://about.twitter.com/resources/buttons#follow. но при загрузки страницы в момент когда грузится скрипт твиттера появляется скролл (это можно увидеть если кнопку добавить в нижний правый угол). скролл появляется буквально на секунду и пропадает. я уже пытался обернуть в див и задать overflow: hidden. не помогло. кто знает как пофиксить данную проблему? Спасибо
0 votes2 answers -
проблемы верстки
есть фиксированный див с классом .wrapper {width: 1170px; margin: 0 auto;} в него вклдаываются все дивы навигации хедер и так далее. В футоре надо backgroud сделать чтобы он выходил за границы ширины(1170px) основного контейнера как это сделать ?:
0 votes7 answers -
Можно ли поменять местами 2 параграфа?
есть: <p><img путь и параметры картинки />текст</p>надо: <p>текст</p><img путь и параметры картинки />как такое сделать регулярками не понимаю, если вообще возможно. зато знаю как сделать так: <img путь и параметры картинки /><p>текст</p>но так получается что картинка над текстом.. может можно как-то при помощи CSS сделать визуально, чтобы фото было под текстом?
0 votes8 answers -
Верстка в первый раз - в чем ошибка?
Добрый день, уважаемые форумчане! Совсем недавно друг попросил сверстать ему Лендинг из PSD файла. Визуально лендинг не сложный, поэтому я согласился. С версткой до этого особо опыта не имел. В процессе вертски я сталкивался со всевозможными пролемами, которые удавалось решить с помощью гугла и форумов верстальщиков, за что вам огромное спасибо. Но одну проблему я так и не победил. Перехожу к сути: Дано: домен http://водоканал-сервис.рф Что хотел получить согласно макету PSD: http://joxi.ru/a2X3ZYMCq9qDmg Для верстки решил использовать Dreamveawer CC2015. Был выбран табличный тип верстки. Все вроде получилось кроме одного НО - в разных браузерах таблицы съезжают с фон…
0 votes5 answers -
Линия через три блока
Добрый день, подскажите как реализовать такую линию, как показано на рисунке? Линия пересекает три блока, один из которых находится над ней?
0 votes2 answers -
вопрос про описание таблиц
Доброго времени суток. У меня такой вопрос. Увидел на этом сайте в статье про border-collapse интересный пример, в котором идёт описание таблицы <head> <style type="text/css"> TABLE { .. } TH { ... } TD { ... } </style> </head> вопрос такой, если я буду рисовать на одной странице отдельные таблицы друг с другом не связанные, они же все будут подвержены вышеописанному форматированию. А как быть, если я хочу нарисовать разные таблицы?
0 votes4 answers -
Блок в блоке со смещением
Как сделать так, что бы второй блок находился в первом и что бы часть блока была смещена и скрыта на несколько пикселей.
0 votes2 answers -
Validator W3C
Подскажите пожалуйста. Валидатор ругается на: Line 259, Column 23: document type does not allow element "h3" here; missing one of "object", "applet", "map", "iframe", "button", "ins", "del" start-tag <p align="center"><h3><a href="/ru/events/">Все события >>></a></h3></p> The mentioned element is not allowed to appear in the context in which you've placed it; the other mentioned elements are the only ones that are both allowed there and can contain the element mentioned. This might mean that you need a containing element, or possibly that you've forgotten to close a previous element. One possible cause for this message is …
0 votes4 answers -
0 votes6 answers
-
Повышение квалификации. Критика
Здравствуйте. Нужен разбор нижеследующего кода. Не ахти какая сложная вёрстка, нужно узнать что же я наверстал на самом деле . Данный код представлен как строгий xhtml 1.0, но я не вижу причин, по которым он не мог бы корректно отображаться в IE6 или как HTML 4-5 (естественно, придёться подкорректировать некоторые "лишние" мелочи например самозакрывающиеся тэги). Где можно толково почитать про вёрстку под CMS: Joomla, Wordpress и т.д. Со временем собираюсь выложить сюда шаблоны под них тоже. Ссылка: http://rat-worker.ucoz.ru Очень хочу сориентироваться. Спасибо.
0 votes3 answers -
Названия категорий "спадают" при изменении разрешения экрана
Следующая ситуация. Есть блок archive_of_ratings width: 708px; В нём есть блок titles_of_archives width: 708px; В блоке titles_of_archives лежите четыре ссылки: <a href="#" class="category">Text1</a> <a href="#" class="category">Text2</a> <a href="#" class="category">Text3</a> <a href="#" class="category">Text4</a> Где стили класса category: .archive_of_ratings a.category { background: url("../img/archiveratings_grey.jpg") repeat-x; border-left: 1px solid #aab7c7; border-right: 1px solid #e9ecf1; color: #0068D0; font-family: Tahoma,Arial; font-size: 12px; height: 20px; line-height: 15px; …
0 votes4 answers -
как воспроизвести avi файл
Каким образом можно воспроизвести avi файл на сайте? Попробовал так <img dynsrc="name.avi" loop="infinite" start="fileopen"> но понимает только IE. Что делать?
0 votes0 answers -
Как верстать?
Умею верстать фиксированно (width:960px) но вот хочу научится верстать резиново т.к. где ширина более 960пх. Где и какие задавать величины(ширина и высота.)?И ще ехотел бы узнать что делает этот скрипт. <script> function A() { client_h=document.getElementById("img").height; client_w=document.getElementById("img").width; //document.getElementById("language").innerHTML=client_w+"*"+coof+"="+client_w*coof; document.getElementById("img").height=client_w*0.6; } </script> Спасибо
0 votes3 answers -
Вложенность строчных элементов в блочный. Зачем?
Очень часто в примерах на htmlbook.ru и готовых сайтах используются конструкции типа <p> <input> </p> либо <p> <a></a> </p>. Для чего используется именно такой формат записи и чем плохо применение CSS свойства display: block для строчных элементов?
0 votes3 answers -
элемент не влияет на полосу прокрутки
как сделать так, что бы 1 элемент, в данном случае картинка, не влиял на полосы прокрутки в окне страницы. т.е. даже если она не влезает туда, то добавлять полосы прокрутки не нужно, но только для этой картинки? то бишь если другой объект влезать не будет, то скроллер добавлять. почему я не могу просто обрезать картинку? картинка с position:absolute, в правом нижнем углу, как бы фоном. на картинке ваза с веточкой какого-то растения. если кусочек растения будет не помещаться, то все норм будет смотреться, но если смотреть сайт с фул hd экрана или с большим разрешением просто, то глупо, если веточка будет просто "обрезаться". вот. прошу помощи спасибо за поддержку и понима…
0 votes4 answers