HTML Coding

29,542 questions in this forum

1. position: fixed;

   Добрый день, необходимо сделать меню, которое плавает вдоль левого края контейнера, все бы ничего, но сайт адаптивный и когда окно браузера становится меньше основной ширины контейнера - с этим справляются @media, а как сделать чтобы позиция отсчитывалась от центра страницы или от контейнера, чтобы при больших и разных экранах меню оставалось на своем месте, возле контейнера? Буду благодарен за любую информацию. Нашел решение при помощи calc(); но, судя по заявленным данным о поддержке браузерами - не так много поддерживают эту функцию, может есть более правильное решение?

   Asked by wicked_kiD, April 3, 2013

   • position
   • fixed
   0 votes
   7 answers
2. max-width и min-width в ie8

   Делаю резину. (~4мб) index.html pastebin style.css pastebin Контейнер: position:relative; Все внутренние блоки: position:absolute; В нормальных браузурах тянется, как положено. Даже в ie7 тянется правильно. А вот в ie8 выходит какая-то ерунда. Там, где прописываю max-width - действительно, максимальная ширина работает, но не обращает внимания на right:0; и, обрезая правый край, тянет блок к середине. На min-width, ie8 совсем не обращает внимание. В режиме совместимости с ie7 все работает отлично, но, это вроде как не панацея.

   Asked by radist2s, July 31, 2010

   0 votes
   23 answers
3. Размеры внешнего блока в зависимости от внутреннего

   Здравствуйте, есть такая проблема. Есть блок основного контента, в нем я делаю блок которым я хочу выровнять по центру то что будет в нем, в общем вот: <div class="mainContent"> <div class="Menu"> <div class="punkt1"></div> <div class="punkt2"></div> <div class="punkt3"></div> </div> </div> Блоки punkt располагаются горизонтально и в зависимости от того сколько их, блок Menu должен принимать их общую ширину и выравнивать их(margin:0 auto;) по центру блока mainContent. Но блок Menu растягивается на 100% по ширине и никак вообще по высоте(я не прописываю ничего, так по умолчанию), хотя в н…

   Asked by Dolce, April 6, 2013

   0 votes
   4 answers
4. Прозрачность

   День добрый! Столкнулся с такой проблеммой. При создании прозрачного фона таблицы (80% опасити) в середину вставляю еще 1 таблицу, и вот внутрення (далее контент) так же прозрачная, хотя я ей не задаю параметров. Вобщем мне надо чтобы фон был прозрачным, а контент нет. Заранее спасибо #transp { - это фон background-color: #ffffff; opacity: 0.80; } #transp2 { - это контент clear: both; background-color: #ffffff; opacity: 1.0; } выходит так http://dakota.kiev.ua/articles/contacts.html

   Asked by Yarus$, September 28, 2009

   0 votes
   27 answers
5. Проблемы с версткой в Мозиле

   Собственно при сужение окна Мозилы, происходит это, исчезают линии таблицы местами, как то размыто: С чем это связано, и как этот баг убить?

   Asked by okunev2, April 7, 2008

   0 votes
   37 answers
6. Дочерний DIV на всю длину родителя

   Здравствуйте! Не поможете с глупостью, а то что-то застопорился Имеется это: <style type="text/css"> #head { border: 1px solid; margin: 10px; } #left { float: left; width: 200px; border: 1px solid; margin: 10px; } #right { float: right; width: 400px; border: 1px solid; margin: 10px; } #top { border: 1px solid; margin: 10px; } #bottom { border: 1px solid; margin: 10px; } </style> <table border="1" align="center" height="100%" cellspacing="0" cellpadding="10"> <tr> <td> <table border="1" align="center" cellspacing="0" cellpadding="0"> <tr> <td> <div id="head">head</div> …

   Asked by Electron, November 23, 2011

   0 votes
   10 answers
7. Парсер - не шаблонизптор, но тоже типа удобный язык. Пользовался кто?

   Прочитал все руководство по Smarty, и побоялся браться за него. Наткнулся на парсер (тот, что Лебедев рекомендует), и он показался проще и удобнее. Пробую делать что-то. Кто-нибудь уже пользовался? Есть отзывы?

   Asked by vadimus, July 11, 2007

   0 votes
   5 answers
8. Позиционирование ссылки на картнике

   Друзья! Я уже отчаялся решить проблему. Задача такая. На разных частях рисунка скажем 700*600 px нужно разместить 5 ссылок. Для меня позиционирование осложняется тем, что текст нужно выравнивать строго слева, т.е. ссылка не одну строку, а в несколько. Если бы не выравнивание текста слева, я решал задачу следующим образом: В CSS прописывал стили (укажу только для одной ссылки для простоты) #layer1 { position: relative; top: -600px; left: 185px; color: #ffa500; font-size:15px; z-index: 1; Слой прописываю так: <div align="center"><img src="image.jpg"></div> <div align="center" id="layer1"><a href="#">Слой - первый</a></div> Так,…

   Asked by walek, December 6, 2007

   0 votes
   25 answers
9. Прижать блок к низу ячейки

   Здравствуйте! Есть готовый макет, и в ячейке таблицы нужно поместить блок, который бы был прижат в нижний левый угол. Привожу упрощенный код, настоящий остался на работе. Нужно, чтобы при уменьшении ширины страницы (ячейки таблицы) нижний блок следовал за текстом, но при увеличении, когда тескт в ячейке поднимается вверх, нижний блок был прижат к нижней границе ячейки. Пробовал с clear, ничего не получилось <html> <head> <title> Илюшина страница </title> <style> * { margin: 0; padding: 0; } table.mytable { color:red; } table.mytable td { border: 1px solid black; } .strut { display:block; position:relative; height:60px; margin-right:0px; floa…

   Asked by Kasyanov, June 6, 2009

   0 votes
   6 answers
10. Сложный ролловер

    Ребята подскажите как создать средствами CSS ролловер, состоящий из текстовой ссылки и картинки (тоесть из двух елементов), при наведении курсора на ссылку или картинку картинка должна менятся на другую и ссылка тоже должна менять цвет. Возможно ли такое?

    Asked by Singer, July 20, 2009

    0 votes
    22 answers
11. Разрезка изображения

    Здравствуйте. Интересует вопрос разрезки и подготовки для WEB изображений в GIMP и PAINT.NET . Не могу понять как резать. Спасибо.

    Asked by maxim, December 27, 2009

    0 votes
    23 answers
12. как растянуть DIV на всю ширину родительского элемента?

    по сути страница не сложная, проблема же вот в чем: контентная часть состоит из 2-х колонок в левой много наполнения, а правая несет оформительский характер но в ней почти ничего нет и она по высоте зависит от количества наполнения, как не пытался заставить правую растянутся на всю высоту контентной части, ничего не выходит, кучу форумов облазил, ничего путнего не нашл, подскажите плиз в чем ошибка <div class="main-container clearfix"> <div class="head"> <div class="left"> <div class="logo" style="z-index:250"><a href="#"><img src="siteimg/logo.png"></a></div> </div> <div class="right"></div> &l…

    Asked by Likan, October 22, 2009

    0 votes
    3 answers
13. Помошите плиз!

    Может это будет ворос для 5 класника но всё же! Мне надо допустим чтобы текст смотрелся так Ляляляляляля(а тут растояние в несколько пикселей)ляляляляляля А он у меня получается такЛяляляляляляляляляляляляляляялял Как можно этого сделать? ФОТО ЗДЕСЬ

    Asked by grandic, December 19, 2008

    0 votes
    6 answers
14. Невалидный код ICQ , Skype, Yandex

    Кто подскажет как сделать страницу полностью валидной т.к. размещенные на странице ICQ , Skype, Yandex(ссылка на яндекс показывающая ТИЦ сайта). В Яндекс писал ответили, что амперсанд надо заменить, заменил потом опять код изменился на невалидный (ответили что не критическая ошибка). Самое плохо что на главной странице эти ошибки, тем более Яндекс дает сразу не одну ошибку, а по-моему две. Кто реально без флуда подскажет что необходимо делать, я думаю с подобными фактами встречаются все и кто как решает эту проблему. Спасибо. Тему пытался найти подобную, но не нашел. СПБ

    Asked by nic12, October 17, 2009

    0 votes
    23 answers
15. Лучшая сетка или фреймворк для адаптивного дизайна

    Готовлюсь верстать первый адаптивный корпоративный сайт. Знаю о Бутстрап (он не во всем гибкий) и о других сетках. Но хотелось бы получить совет от верстальщика, у которого есть большой опыт в верстке именно адаптивных сайтов, какую сетку или фреймворк лучше выбрать (гибкий в применении и легкий в кастомизации) и как правильно начать работу в построении такого сайта (рассчитать количество колонок, расстояний между ними и пр.). Спасибо за любой совет!

    Asked by troll31, August 1, 2013

    0 votes
    33 answers
16. Как убрать отступ в меню на CSS?

    Доброго времени суток, имеется горизонтальное меню на CSS. HTML <div id="menu"> <ul> <li><a href="">Главная</a></li> <li><a href="">Главная</a></li> <li><a href="">Главная</a></li> <li><a href="">Главная</a></li> </ul> </div> CSS /* Menu ———————————————--*/ #menu { height: 40px; list-style: none; background-color: #000000; } #menu li { display: inline-block; float: left; } #menu li a { display: block; line-height: 40px; color: #EEEEEE; padding-left: 10px; padding-right: 10px; } #menu a:hover { background-color: #CCCCCC ; text-shadow: 2px 2px 1px #…

    Asked by Ang, August 14, 2013

    0 votes
    6 answers
17. Позиционирование блоков div

    Всем привет! Такой вопрос. Ниже я выложил код, хочу, чтобы блоки leftdown и centerdown распологались под leftmiddle и centermiddle соответственно, однако ничего не получается, со свойством position я уже возился, разные параметры ставил, однако никак не получается из за того что блоки leftmiddle и centermiddle эластичные. Кто нибудь знает, вообще возможно такое сделать, что я хочу? Может подскажете какое нибудь свойство которое регулирует это действие. Памагите!!! <style type="text/css"> BODY{ background-color:; background-image:url(); background-repeat:repeat-y; margin:0; width:1024px; } .main{ width:1024px; margin:0px; } …

    Asked by DDX, June 8, 2010

    0 votes
    20 answers
18. Footer при margin:0 auto.

    Друзья, вот пишите что хотите можете меня отсылать по множеству тем, которые уже обсуждались здесь, но я вновь хочу поднять вопрос фиксирования Footer'a по нижнему краю страницы. Все решения которые есть на сайте работают только в случае если шаблон занимает всю ширину экрана, и в этом случае футер прижимается к нижнему краю и занимает всю ширину снизу. А кто как прижимает футер если шаблон с позиционированием по центру страницы? То есть центральный блок в котором вс? содержится имеет параметр {margin:0 auto;} и всегда центрируется по ширине? рассчитываю на вашу компетентность и профессионализм, а не выкрики что мол двести раз было и т.д.

    Asked by BobKadler, June 10, 2008

    0 votes
    19 answers
19. отсутпы - padding margin

    Столкнулся при верстке с такой проблемой: я использую в css глобальный сброс: * {padding:0;margin:0} для того, чтобы быть уверенным в отображении всех элементов. Однако, для того, чтобы при помощи визуалного редактора можно было беспрепятственно пользоваться редактированием контента, мне необходимо отказаться от данного исключения для тега table. Может кто-нибудь знает, как этого можно добиться?

    Asked by XXXVII, June 21, 2007

    0 votes
    13 answers
20. Резиновый, БОЛЬШЕ 3-х колонок, РАВНАЯ ВЫСОТА, не работает в Опере :(

    Вс? время добивался одного и тогоже... то что есть в таблицах и это элементарно в цсс это что-то сверхестественное.. дизайн состоит из 5 колонок (4 колонки в одной) , почему? из-за фоновых изображений, можно было сделать из 3-х колонок, но решил сэкономить на размерах изображений, тем более если сделал 3, то 4, 5, 6 и больше ты тоже сделаешь. КОРОЧЕ: Там у меня в красном прямоугольнике типа как плавающий подвал, который всегда находится внизу... тока он работает только в Эксплорере и ФФ, в Опере почему-то не работает... Кто-то может тыкнуть пальцем где нужно исправить чтобы в Опере заработало ? сайт

    Asked by maza, September 4, 2007

    0 votes
    11 answers
21. автоматическая расстановка переносов при "...justify"?

    подскажите пожалуйста есть ли возможность программно проставлять переносы для текста??? Просто в некоторых случаях "justify" делает большие пробелы в тексте. Заранее спасибо

    Asked by glivera, January 22, 2009

    0 votes
    7 answers
22. конструктор для div верстки

    есть визуальный редактор для div верстки, чтобы поверхностного знания css, html хватило для создания страниц? те набросал блоки на форму и получил страницу.

    Asked by fake, February 17, 2010

    0 votes
    2 answers
23. Простая галерея

    Доброе утро! Нашел очень простую для установки галерею http://ruseller.com/lessons.php?rub_id=32&id=389 Все настроил как хотел!. Кроме того, что не знаю как сделать так что бы при открытии фотки к ней внизу была подпись.... К каждой фотке своя подпись

    Asked by wert-one, April 1, 2014

    • галерея
    0 votes
    2 answers
24. Рваные края блока

    День добрый. Создавая такой блок http://c2n.me/3mcMObf рассматривал 2 варианта: 1) Применить белый прямоугольник с рваными краями и подчёркиванием заголовка как фоновый рисунок. 2) "Приклеивать рваное" через фон 5ти абсол спозиционированных псевдоэлементов, 2 для блока, 2 для заголовка и 1 для <p> Пошёл по второму пути т как блок имеет три разных размера в трёх разм экрана и в этом был свой challenge. Подгонка заняла уйму времени, думаю такое решение нерационально. Возможны ли другие решения данной задачи, кроме 1 и 2?

    Asked by seemax, August 16, 2015

    0 votes
    10 answers
25. Текст как у star wars

    Здравствуйте уважаемые, подскажите пожалуйста, возможно ли реализовать средствами html, css, js текст как вот на этой картинке: http://lexxcrazy.narod.ru/starwars.gif Наклон шрифта не нужен, это я могу сделать свой шрифт в принципе, с эффектом наклона, хотя наверняка есть такой, если поискать, но нужно создать что то вроде div блока в форме трапеции (либо не делать трапецию, а просто использовать центрирование, хотя это немного неподходящий вариант, так как хочется сделать именно трапецию, что бы текст был в формате text-align: justify) и что бы в каждой новой строке ниже font-size был на 2% меньше верхней строки например. Разумеется это всё надо как то запихнуть потом в …

    Asked by Nushaba, June 24, 2011

    0 votes
    12 answers