HTML Coding

29,542 questions in this forum

1. Интересная задачка.

   Изложу в теории без конкретного примера. Суть: Есть блок контента с фиксированной шириной, выровненный по центру при помощи "margin: 0 auto". Требуется реализовать только несложными средствами CSS (без скриптов) по бокам окна браузера полосы фиксированной ширины (например 50px каждая), естественно, они должны быть "прилеплены" к бокам окна браузера. Но при минимальных размерах окна они не должны наезжать на/за тело контента, а просто должны скрываться за окном браузера, не приводя к появлению нижнего скролла. Вот так! Сам занимаюсь версткой лет 6, то ли я устал и туплю, но за день ничего путного в голову не пришло. Вот для примера даю пару набросков. Т.е. не должно быть…

   Asked by tamirov, March 25, 2013

   0 votes
   21 answers
2. Отличия тега <table> и display:table-cell

   Задумался вот над следующим: В верстке в таблицу лучше заносить табличные данные (тег <table>), относится ли это к свойству display:table-cell и его подобным? То есть, хочется мне грамотно отцентрировать, например, в блоке некоторые элементы по вертикали и я могу использовать табличную верстку, что нерационально, а могу задать диву table-cell и vertical-align:middle. Будет ли это правильным? Что скажут специалисты и эксперты?

   Asked by Libiros, March 25, 2013

   0 votes
   7 answers
3. выпадающее меню

   помогите, сделал выпадающее меню, но проблема в том, когда сделал основной контент, при выпадении меню, контент уходит вниз из-за меню, как сделать, чтобы меню выпадала на контент, тоесть поверх моего контента и не сдвигало его?? Если нужен код пишите!

   Asked by aleksej, March 26, 2013

   0 votes
   11 answers
4. Нужен макет для мобильной версии сайта

   Доброго времени суток! Есть ли у кого нибудь макеты под мобильные версии сайтов - любых!?

   Asked by ohinem, March 26, 2013

   • мобильная версия
   0 votes
   0 answers
5. CSS3 : Как начать работать?

   Здравствуйте. У нас в ВУЗе проходит курс web-графики и в кач-ве финального экзамена надо продемонстрировать сайт, который мы должны сделать сами. Тема мне понравилась, получалось неплохо. Даже сайт получился симпатичный. Но есть одна проблема : фоновая картинка верхнего фрейма "прыгает", в зависимости от ширины экрана, то бишь на моем мониторе все смотрится так, как хотелось бы мне, но если диаметр другого монитора отличается хотя бы на дюйм - картинка искажается. Я не сразу побежал писать тему сюда, вы не подумайте! Я пытался разобраться сам, но увы - не получилось. Я подумал, что решением проблемы может послужить функция растяжки фона в CSS3, о котором нашел мануал у…

   Asked by Eugene Kireev, March 26, 2013

   • CSS CSS3
   0 votes
   17 answers
6. Верстка, position: relative, Пустое место, как сделать правильно?

   Всем привет! Извиняюсь что создал новую тему. Но беглый поиск не дал результатов. Собственно проблемма на кринах: http://taraba4.ru/img/_1.png http://taraba4.ru/img/_2.png http://taraba4.ru/img/_3.png И живая верстка: http://taraba4.ru/hammam/ Уже не раз сталкивался с такой проблеммой, решал разными хаками и прочей лабудой... Откуда это береться и как решать, чтобы раз и навсегда... CSS: .top { height: 505px; } .logo { position: relative; z-index: 10; } .logo img { display: block; margin: 0px auto; margin-top: 50px; } .slider { position: relative; z-index: 9; top: -120px; } .bani { margin: 20px auto; height: 150px; } HTML : <div class…

   Asked by taraba4, March 26, 2013

   0 votes
   1 answer
7. Растянуть по высоте div, внутри button

   Добрый день. Нужно растянуть div по высоте, который находится внутри button. Не получается сделать это через проценты. Остается только через em. Но мне нужны именно проценты, есть ли еще способ. Вот код: http://jsfiddle.net/mufYx/

   Asked by istepan, March 26, 2013

   • div
   • height
   • button
   0 votes
   4 answers
8. Границы активного пункта меню

   Собственно само меню: http://jsfiddle.net/npofopr/TygPr/ Не могу понять, как мне у активного пункта убирать все бордеры. Т.е. чтобы не было той белой полоски справа. Пришло на ум только делать у активного тень, которая будет скрывать границу. Больше ничего не придумывается. Делать по другому границы... Особо вариантов не много вроде. Подскажите, кто чем может.

   Asked by npofopr, March 24, 2013

   • menu
   • border
   • active
   0 votes
   4 answers
9. задний фон текста (HTML , CSS )

   Здравствуйте уважаемые форумчани. Помогите пожалуйста разобраться с проблемой так как я новичек и просто уже сил нету искать выход с этой ситуации : Нужно чтобы текст ( или блок текста ) лежал на простеньком фоне.Да так , чтоб фон не выходил за пределы этого текста .Тоисть где текст начался там и фон. Где закончился , там и фон закончился наш. <!DOCTYPE html> <html> <head> <title>Дочерние селекторы</title> <style type="text/css"> .ColorRed{ background: red; } MyBlock{ margin-left : 50px; } </style> </head> <body> <p class = "ColorRed">blablalbalbalba blablabla bla blablalbablablalbalb…

   Asked by mixajuba, March 23, 2013

   0 votes
   6 answers
10. Подскажите, проблема с таблицами

    Есть сайт, объясню проблему по скриншоту ниже Белая область - это див элемент, в котором я расположил таблицу с 2мя колонками. В этих колонках уже сделал дивы с заголовком и самим контентом. Сама проблема: Наполнинл 1ю колонку заголовком+несколько скриншотов и кнопок, когда начал наполнять 2ю колонку, заголовок 1й начинает отступать от top элемента вниз, как показано на скриншоте. Не пойму в чем может быть проблема. Мой быдлокод, css: .backgrnd1231445{ position: absolute; width: 100%; height: auto; background: url(/img/fon.jpg); background-repeat: repeat; background-attachment: scroll; } #mainwrapper { position: relative; margin: 0 auto; margin-top: 30px; margin-bottom…

    Asked by tmEuphoria, March 25, 2013

    0 votes
    4 answers
11. Таблица с поиском

    Добрый день форумчане. Подскажите, где можно найти готовый скрипт таблицы с поиском? Вот пример такой таблицы http://dota2prices.com/tools-announcers-other/ Вводишь слово, и мгновенно остаются только те строки, где есть совпадения.

    Asked by elxrus, March 26, 2013

    0 votes
    0 answers
12. Как выровнять блоки равномерно?

    Цифры нормально, а картинки поплыли в блоке Получаю. Пациент http://obmenik.hsc.org.ua/ Хочу что бы картинки отходили от колонки цифр по типу как в таблицах в тегах TD

    Asked by 550953, March 26, 2013

    0 votes
    2 answers
13. :hover на элементах сквозь блоки

    Вот на сайте http://tankist10.hosting-test.org.ua/ при наведении на картинку альбома должно появляться описание. Вот как в Firefox А вот как в Google chrome Этого не должно быть, но вот в том же Хроме когда навожу на шапку нет висняков Как исправить?

    Asked by T@NKIST, March 25, 2013

    0 votes
    2 answers
14. Сложная страница под разные разрешения с передвижением контента

    Здравствуйте Коллеги, прошу о помощи. Заказ исполнить чат, всё сделали, по размеру экрана трансформируется, всё зашибись. Но есть одна проблема, приватная комната должна выежать наверх при нажатии на закрученую лесенку, вот как это должно работать: вот тут шаблон, можно поиграться с размерами. http://prostor.net/pubchat/ Получается что в первом случае двигать вверх вообще не надо, а во втором надо, причём процентов на 40%, что бы вылезла эта комната. При этом всё должно катиться плавно. Второй день сижу, голову сломал, можно ли это реализовать через CSS юзая jQuery для переката? Спасибо!

    Asked by real-dd, March 25, 2013

    • разрешение
    • передвижением контента
    0 votes
    1 answer
15. видео ложиться на видео

    <!DOCTYPE html> <html> <head> <meta charset=utf-8 /> <title>JS Bin</title> <style> iframe { display: none; } label { cursor: pointer; } input { display: none; } #video-1:checked ~ .ser1 { display: block; } #video-2:checked ~ .ser2 { display: block; } #video-3:checked ~ .ser3 { display: block; } #video-4:checked ~ .ser4 { display: block; } </style> </head> <body> <label for="video-1">1 серия</label> <input name="vidos" type="radio" id="video-1"><br/> <label for="video-2">2 серия</label> <input name="vidos" type="radio" id="video-2"><br/&…

    Asked by AMATOR, March 25, 2013

    0 votes
    1 answer
16. как заменить амперсанд обычным html тегом

    Для тех, кто знаком с препроцессорами, это должно быть просто. Есть код, который содержит амперсанд, можно ли его заменить на html тег, чтобы в дальнейшем было проще редактировать. При замене амперсанда на обычный код пропадает блик на css и исчезает изображение. Что я упускаю? Код здесь

    Asked by Troll13, March 25, 2013

    0 votes
    2 answers
17. Как продлить подчеркивание текста до конца блока?

    Здравствуйте. Как можно продлить подчеркивание текста(заголовка материала) до окончания блока? Вот так: Благодарю

    Asked by borus, March 25, 2013

    0 votes
    2 answers
18. Попиксельная верстка и Arial regular в фотошоп и браузере

    Я верстаю макет номер 5 с этого сайта http://divhack.com/. Пытаюсь сделать "попиксельную" верстку, так как настоящий профессионал должен уметь верстать попиксельно. Выбираю основной шрифт, который указан в макете, а именно Arial 12px и мой основной текст, который идет после "Why choose WebOnDemand?" выходит на одну строку больше, чем в шаблоне! В итоге ни о какой попиксельной верстке не может идти и речи. Делаю свой макет прозрачным и накладываю на шаблон psd и получается все вразнобой, ничего не сходится. Вы там же можете открыть сделанный сайт в html и сравнить с шаблоном - у автора сайта тоже не сходится и текст вылазит на следующую строку. Допустим мой заказчик скаже…

    Asked by Zverushka, March 25, 2013

    • Получается совсем не попиксел
    0 votes
    8 answers
19. Как называются закладки на границе сайта и браузера?

    Кто знает как правильно называются закладки на границе сайта и браузера? Может есть кого то ссылки на исходник с такой закладкой? Примеры этих штук которые ищу Тут справа «Оставьте отзыв» http://jquerylist.ru/effects Или тут справа 2 штуки http://www.svyaznoy.ru/ Или тут «задать вопрос» http://radomir.ru/

    Asked by Old_miller, March 25, 2013

    • где найти
    0 votes
    1 answer
20. FireFox изменение ширины блока при отрицательных значениях margin и padding

    В FireFox происходит изменение ширины пункта меню. Тут пример кода. В Опере и других браузерах выглядит так: В FireFox: Подскажите, пожалуйста, решение или направление куда думать.

    Asked by Сергей А., March 25, 2013

    0 votes
    2 answers
21. тег <h1> без переноса строки

    Как сделать так чтобы после тэга <h1> не было переноса строки?

    Asked by gadjet, March 25, 2013

    0 votes
    1 answer
22. Проблема. Табличный дизайн. ASP. CSS

    Имеется сайт на ASP.NET. У него табличная структура. Вот пример кода. Интересует то, что находится между тегами <table class="categories">...</table> Вот, что отдает этот код в браузер (кусок кода): В строке 4 ячейки. Нужно сделать так, чтобы в строке было больше ячеек. Если бы удалось как-то вообще удалить табличные элементы, то задачу можно было бы решить простой вставкой стиля для .cat-name Например вот так: Удалив все табличные элементы и оставив только div блоки. Есть ли возможность с помощью стилей CSS как-то поправить ситуацию или все таки нужно обладать знаниями C#, на котором написан сайт? Или можно где-то найти эти куски кода html в этом asp? Или…

    Asked by DenPorsche, March 25, 2013

    • css
    • asp
    • table
    • div
    • tr
    • td
    • c#
    • advantshop
    0 votes
    0 answers
23. Проблемы с отображением табличного дизайна

    Помогите разобраться, пожалуйста. Ситуация: дизайн табличный, таблица 3 на 3 ячейки, для контента используется только средняя ячейка, остальные исключительно для дизайна. Дизайн для сайта http://anonimka-sms.ru/ Проблема: границы между ячейками отображаются, хотя по задумке не должны, они портят всю идею дизайна. Пробовал убрать и селспейсингом, и бордер = 0, не помогает, наверное, какие-то другие способы для этого нужны? Какие? Кроме того, по углам таблицы белые полосочки, их тоже не должно быть. Как их убрать? Спасибо.

    Asked by sergej-s38, March 25, 2013

    0 votes
    2 answers
24. Помогите советом

    Здравствуйте, начал учиться верстать. Скачал макет, там есть такой блок. Как лучше всего реализовать?

    Asked by mnstrsound, March 18, 2013

    0 votes
    26 answers
25. Проблема с css

    Ребят, помогите плиз! У меня при изменении масштаба(или просто за компом с другим расширением экрана), всё куда то сползает, то куда то вверх, то вниз, ну В общем куда угодно тока не фиксируется там где нужно! Что мне делать?

    Asked by mitya1998, March 24, 2013

    • css
    • html
    • проб
    • лема
    • верстка
    0 votes
    3 answers