HTML Coding

29,542 questions in this forum

1. Кнпки сьезжают

   Здравствуйте. Сверстал свой сайт, но когда я уменьшаю окно браузера или уменьшаю разрешение монитора до 1024х768точек то все кнопки и текст съезжают вправо, вот скрин: http://pikucha.ru/i95CF Подскажите что сделать чтоб оно на всех разрешениях стояло как надо, на 1280х1024 стоит там где надо.

   Asked by EvilDoom, August 21, 2012

   0 votes
   5 answers
2. Проблема с дивами в IE7

   Добрый день. С закончил очередной сайт. Но в ИЕ 7 шаблон жутко едет... Не знаю как быть... Кто-то может помочь советом? Заранее спасибо! Нормальный вид: ИЕ 7: http://avtor-moda.ru

   Asked by dron, August 16, 2012

   0 votes
   5 answers
3. Растягивание родительского блока

   Проблема решена.

   Asked by DesiresDesigner, August 21, 2012

   0 votes
   0 answers
4. Схлопывание margin'ов

   Доброе утро. Часто возникают ситуации, когда необходимо отменить действие схлопывания отступов. Тут вроде бы все понятно: флоаты, воерфлоу-хиддены, клеарфиксы, паддинги и бордеры в помощь. Но столкнулся с такой проблемой, когда наоборот очень нужно схлопывание марджинов элементов, что идут в потоке, но из-за некоторой специфики, оно (схлопывание) не всегда возможно. Задача. В потоке идут несколько дивов-контейнеров для последующего контента. Марджины для них заданы как для топ, так и для боттом. Проблема. Все прекрасно работает до тех пор, пока в одном из контейнеров не появляется колонки типа флоат. Следовательно, для корректного отображения родительскому диву необходи…

   Asked by atatakobry, August 21, 2012

   0 votes
   17 answers
5. Отображение в IE

   Здравствуйте. Вот сайт http://zhaitan.ru/ В Хроме и Мозиле отображается как надо. а вот в IE вылазит нижний DIV, в котором находятся Главная, Контакты, Поиск. Как спрятать?

   Asked by Tezil, August 20, 2012

   0 votes
   4 answers
6. Помогите раставить позиции div'ов

   Господа, помогите разобраться. На сайте есть div (div id="1") располагающийся с верху-в низ, по правому краю. Мне нужно чтобы он находился там всегда и был подложкой для всего остального наполнения (но не fixed). А по верх него уже шли все остальные блоки и элементы страницы. Помогите расставить блокам "position" чтоб отображалось все корректно. То есть я хочу попробовать сверстать страницу в которой начина блока "box"(меню, заголовки, форма поиска, просто блоки с основным контентом), будут идти не просто друг за другом с флоатом, а размещаться с персональными параметрами (отступы, высота и тд) и в том числе перекрывать местами другие блоки. К примеру: <div id="box"&…

   Asked by cmndr_alexgreen, August 17, 2012

   0 votes
   4 answers
7. Переадресация с сайта на сайт

   Привет! помогите с переадресацией. есть 2 сайта. один сайт старый domen.net в нем есть 2 каталога domen.net/ru/ и domen.net/en/ я переделал немного структуру и у меня теперь 2 других сайта 3 уровня ru.domen.net и en.domen.net сделал переадресацию с помощью .htaccess: #Редирект с /ru/ коталога RedirectPermanent /ru http://ru.domen.net/ #Редирект с /en/ коталога RedirectPermanent /en http://en.domen.net/ этот файл лежит в корне домена domen.net проблема вот в чем: при заходе на domen.net/ru/ он перенаправляет на ru.domen.net, но с двумя слешами на конце, то есть в адресной строке это выглядит так: http://ru.domen.net// Как это исправить?

   Asked by Elvis, August 18, 2012

   0 votes
   9 answers
8. Помогите вытянуть интересный скрипт

   /

   Asked by dorex, August 20, 2012

   0 votes
   0 answers
9. CSS-стили не работают при загрузке с файла

   Перестали обрабатываться файлы стилей, НО только те, которые загружаются с файла .css, если же прописывать стиль внутри .php-файла, то все идеально работает. Дело не в путях - это 100%, т.к. с этим уже экспериментировал. В чем может быть причина? Располагаю VDS, подключено gzip-сжатие. ДО переустановки nginx все прекрасно работало, сейчас - нет. Файлы .css располагаются НЕ в корневой директории а в папке с шаблонами. Кэш чистили, как скриптовый, так и кэш браузера.

   Asked by Artur Boss, August 19, 2012

   0 votes
   10 answers
10. Если CSS-файл стал большим

    Некоторое время назад мне попалась довольно интересная аналитическая статья на английском языке об организации сложных CSS-файлов. Своего рода обзор, где приводились примеры, используемые программистами, для приведения в порядок больших по размеру CSS-файлов. Суть сводилась к созданию документации в самом файле: структура вложенности блоков (такое себе оглавление, как в книге), плюс разные хитрости с примерами использования — для того чтобы исключить ненужное дублирование кода, улучшить читабельность и т.д. Статейка эта была отложена для дальнейшего изучения, но затерялась среди случайно закрытых вкладок. А теперь вот не могу вспомнить, где ее нарыть. Подскажите что-либо …

    Asked by abused, January 21, 2012

    0 votes
    6 answers
11. Проблема с шапкой

    В общем есть шапка формата 1150х250.Вот самая картинкаСпециально сделал затемнение что бы сделать кусочек в ширину 1px и высотой 250px,черным цветом.Теперь всё проблема как сделать что бы картинка на каждом мониторе была в центре, а побокам этот кусочек в 1px заполнял до краёв шапку.Подскажите пожалуйста что нужно изменить в сss-е и html-е?Заранее спасибо.Если вам нужен сам html и css выложу

    Asked by Alex15, August 20, 2012

    0 votes
    5 answers
12. Скрытый текст

    Ищу наиболее семантичный метод скрытия текста. Такой, что бы по клику подробнее отображался полный текст без перезагрузки страницы. И такой, что бы поисковики индексировали весь текст. Помогите кто чем может. Кодом или ссылкой.

    Asked by miloslovesky, August 20, 2012

    0 votes
    2 answers
13. Переход на след строку

    Необходимо зафиксировать слайдер так. При фул скрине браузера я вижу: http://i060.radikal.ru/1208/b9/faf602214487.jpg Стоит перевести браузер в оконный режим, как одно из изображений падает на строку ниже: http://s45.radikal.ru/i108/1208/98/95df4218767e.jpg код слайдера: html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weigh…

    Asked by Ray, August 20, 2012

    0 votes
    2 answers
14. Верстка меню

    Доброго всем дня. Прошу помощи в верстке, не как не могу понять как оптимальнее сверстать меню. Меню построено таким образом что один пункт состоят из 2 ячеек, в первой фоновое изображение (ну скажет товара) Вторая ячейка содержит фоновое изображение и центрированный (вертикально+горизонтально) текст ссылки. И самое главное что обе ячейки пункта должны быть ссылкой.

    Asked by xayleks, August 20, 2012

    0 votes
    4 answers
15. Проблема с a:hover

    Есть некое меню. Напротив каждого элемента меню стоит маленький треугольник малинового цвета. При наведении на элемент - бэкграунд меняется на картинку с градиентов. Все дело в том, что нужно чтобы и треугольник малиновый менялся на белый. Но бэкграунд с градиентом перекрывает это и поэтому треугольник не учитывается. Неоднакратно видел на различных сайтах подобное и все работало. Что нужно исправить? То есть перекрывается и треугольник и бекграунд, а нужно только, чтобы перекрывался треугольник. Можно посмотреть пример: http://files.mail.ru/M1R4BM (прошу прощения за ссылку на сторонний ресурс, но как иначе?)

    Asked by Thunder, August 20, 2012

    0 votes
    3 answers
16. IE8 - скрывает часть контента

    Во остальных всех браузерах отображается нормально, в IE8 зарезает часть контента. Во вложение есть картинка, как это выглядит . А вот ссылка на сайт: _http://si-print.com/index.php/price Коды: index.php

    Asked by iirioterii, August 20, 2012

    0 votes
    0 answers
17. появляется пустота

    Ребята, вот появляется пустое место в контейнере. Что это может быть, и как от этого избавиться?

    Asked by Dima 01, August 18, 2012

    0 votes
    4 answers
18. Таблица на всю ширину родительской ячейки

    Господа, прошу помощи! Есть таблица в таблице. Итоговая структура этих таблиц будет сложная, поэтому играюсь с рамками и отступами без дополнительных классов и элементов. И так. Ситуация такая. У ячеек таблиц установлен padding, допустим padding:5px 10px. В эту ячейку засовываем таблицу, и надо дать ей 100% ширины родительской ячейки. Плюс надо, чтобы визуально padding'и не удваивались. Для этого используем margin:-5px -10px к вложенной таблице. Но! Таблица тянется на ширину контентной части ячейки, без учёта полей! Для наглядности: http://jsfiddle.net/9tKg3/4/ Там где цифры "4" таблица тянется не до конца :-( Как же её растянуть на всю ширину?

    Asked by AlOshka, August 19, 2012

    0 votes
    8 answers
19. Проблема с картинками в iPad

    Ребята, нужна помощь. У меня есть страница сайта с галереей. На десктопе во всех браузерах все отображается нормально http://screencast.com/t/XLybqazr Но на айпаде превьюшки перевернуты http://www.screencast.com/t/KZ5p8ErZjR на 90 градусов. Кто-нибудь сталкивался с таким?

    Asked by shura-sparrow, August 20, 2012

    0 votes
    0 answers
20. IE-7,8 смещают последний li

    Доброго времени суток. Не могу понять из-за чего смещается последний li в ie-7,8 И причем если уменьшать li по ширине, то все равно они не встают как надо. Может кто подскажет чем? Сама проблема здесь и картиночка (красным отмечен, тот самый последний li)

    Asked by npofopr, August 18, 2012

    0 votes
    4 answers
21. Смена изображения

    Добрый день, подскажите как сделать чтоб картинки автоматически менялись менялись допустим через секунд 5? Просто менялись, без всяких наворотах!

    Asked by ny_volk, August 19, 2012

    0 votes
    2 answers
22. Непонятные отступы у текста в браузерах

    Создаём простенький html-документ следующего содержания: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head> <title>Paddings</title> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <style type="text/css"> * { margin: 0; padding: 0; outline: 0; border: 0; } div.redBlock { margin: 100px; width: 300px; height: 50px; background: red; font-family: Arial, "Helvetica CY", "Nimbus Sans L", sans-serif; font-size: 10pt; color: white; } &…

    Asked by sifilis, August 19, 2012

    0 votes
    7 answers
23. Лучшие книги по CSS

    Чтобы там не говорили любители халявы, а реальтная книга в руках, это намного приятнее и удобнее чем текст на экране монитора... С книгой можно повалятся на диване, книгу можно взять с собой куда угодно и читать по дороге, да в конце концов книга это солидно А если эта книга ещё и является уникальным источником информации по CSS, так это вообще замечательно )) Предлагаю в этой теме обсудить самые лучшие книги по CSS. Думаю эта информация будет полезна как новичкам незнающим с чего начать, так и опытным верстальщикам. CSS-каскадные таблицы стилей. Подробное руководство - (O'Reilly) http://www.books.ru/shop/books/557232 - Несомненно бестселлер по CSS!!! Общепризнанно лучш…

    Asked by droncl, September 19, 2009

    0 votes
    2 answers
24. Псевдокласс :focus

    почему :focus не срабатывает при клике мыше по кнопке <input type='button' />

    Asked by cyber_ua, August 19, 2012

    0 votes
    3 answers
25. резиновый контент

    Первая проблема:В последних версиях mozila firefox,IE и последней версии google chrome контент отличается внешним видом.Хотя вроде тегов которые не поддерживают те или иные браузеры не использовал. 1.IE 9 и Mozila Firefox 14 2.Google Chrome 21 Вторая проблема:В IE и Mozila Firefox если уменьшить размер экрана,а затем увеличить,то изображения контента будут нормально уменьшаться и увеличиваться(задана ширина в процентах) а в Google Chrome если уменьшить размер экрана,а затем увеличить,то он зависает в уменьшенном состоянии и развисает после обновления страницы . И у меня есть просьба:может кто помочь с этим контентом.Нужно чтобы он был резиновым и при вставке новых таблиц…

    Asked by oleg.kan, August 18, 2012

    0 votes
    4 answers