HTML Coding

29542 questions in this forum

1. Границы активного пункта меню

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

   Asked by npofopr, March 24, 2013

   • menu
   • border
   • active
   0 votes
   4 answers
2. Чтиво для начинающих

   Добрый вечер, я совсем недавно решил вплотную начать участвовать в веб-разработке и глубоко изучить html5 и css3 (для начала). Прошу помощи, скажите, с каких книг лучше всего начать это делать? Желательно конечно, чтобы еще можно было в эл.книге их читать)

   Asked by dev4go, March 24, 2013

   • html5
   • css3
   0 votes
   11 answers
3. обрезать картинки при разных разрешениях

   Привет всем! Возникла одна проблема при верстке Есть картинка на вес экран(с этим я разобрался), но вот не знаю как сделать так, чтобы при разных разрешениях обрезалась сверху/снизу (при горизонтальном окне браузера) и слева/права (при вертикальном окне). http://obzor.webtj.ru/slava/ - вот верстка, помогите пожалуйста

   Asked by X-Miller-X, March 31, 2013

   0 votes
   5 answers
4. Практика Резиновой Верстки Сайта

   Не знаю в каком разделе спрашивать,может отзывы сказать о данных видео-уроках, очень интересует мнение, просмотрел один код с видео урока, мне он показа не очень... http://nnm-club.ru/forum/viewtopic.php?t=598811&sid=50418401fd82eee96ec6b3ec8ec9f5de

   Asked by Paranoik, March 31, 2013

   0 votes
   4 answers
5. Проблемы с отображением табличного дизайна

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

   Asked by sergej-s38, March 25, 2013

   0 votes
   2 answers
6. растягивание элемента из-за отступов

   На страничке находится несколько input'ов и кнопка отправить. input'ы растягиваются на всю длину блока. Если input'ам установить padding общая длинна input'а увеличится и он вылазит за пределы отведенной области. Код для примера: <div width="500"> <p>Укажите свой e-mail<br><input type="text" name="email" class="mtinput</p> </div> Код стилей: .mtinput { width:100%; padding:5px; } Если я устанавливаю в стилях padding в 5пх размер input"а будет не 500 а 510пх и он вылазит за пределы области. Это как-то можно поправить? Явно указывать размеры не подходит, так как один стиль используется в нескольких местах где размеры блока разные и идеально…

   Asked by alleclf, March 25, 2013

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

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

   Asked by Zverushka, March 25, 2013

   • Получается совсем не попиксел
   0 votes
   8 answers
8. Шрифтовая белка - не хочет принимать шрифт

   Подскажите. Пытаюсь подсунуть FontSquirrel шрифт FagoCo.pfm. Но она не хочет его принимать - пишет, что шрифт поврежден. Это почему и что делать?

   Asked by aaron, March 31, 2013

   • font
   0 votes
   4 answers
9. Верстка, 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
10. Интересная задачка.

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

    Asked by tamirov, March 25, 2013

    0 votes
    21 answers
11. Проблема. Табличный дизайн. 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
12. FireFox изменение ширины блока при отрицательных значениях margin и padding

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

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

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

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

    Asked by gadjet, March 25, 2013

    0 votes
    1 answer
14. Как называются закладки на границе сайта и браузера?

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

    Asked by Old_miller, March 25, 2013

    • где найти
    0 votes
    1 answer
15. Как продлить подчеркивание текста до конца блока?

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

    Asked by borus, March 25, 2013

    0 votes
    2 answers
16. видео ложиться на видео

    <!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
17. как заменить амперсанд обычным html тегом

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

    Asked by Troll13, March 25, 2013

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

    Есть сайт, объясню проблему по скриншоту ниже Белая область - это див элемент, в котором я расположил таблицу с 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
19. Отличия тега <table> и display:table-cell

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

    Asked by Libiros, March 25, 2013

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

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

    Asked by real-dd, March 25, 2013

    • разрешение
    • передвижением контента
    0 votes
    1 answer
21. Оформление шапки сайта

    В общем, такая проблема. Я не знаю или тупо забыл как изменить картинку в шапке сайта в данном случае.

    Asked by St.Jimmy, March 31, 2013

    0 votes
    3 answers
22. Два бэкграунда

    Всем привет. Подскажите, пожалуйста, как расположить два бэкграунда, так чтобы один всегда был вверху, а другой всегда внизу. Как здесь: http://bit.ly/10CuCWR Сейчас код с одним бэкграундом выглядит так: body{ font: 12px "Helvetica Neue", Helvetica, Arial, sans-serif; background: #fff; background: url(http://fart12345.com/wp-content/uploads/2013/04/1.png) fixed; background-position: top center; background-attachment: scroll; background-repeat: no-repeat; color: #777777; line-height: 18px;

    Asked by atatat, April 6, 2013

    • background
    0 votes
    2 answers
23. Активный раздел в меню

    Приветсвую друзья! Очень нужна помощь с меню в joomla. Никак не могу добиться чтобы активный раздел (раздел в котором находится пользователь в данный момент) был выделен в меню. Задача вроде бы тривиальная, но что то не выходит у меня никак. Искал аналоги, смотрел другие шаблоны, там все работает. Здесь никак. Выделение существет при наведении на пункт меню и снимается после того как пользователь перешел в раздел. Вот листинг который отвечает за стиль меню. ul#horizont_menu { MARGIN-LEFT:1px; DISPLAY:block; FLOAT:left; LIST-STYLE:none; } ul#horizont_menu li { DISPLAY:block; FLOAT:left; POSITION:relative; } ul#horizont_menu li ul { FLOAT:left; WIDTH:295px; LIST-STYLE:non…

    Asked by istorik, March 31, 2013

    • joomla меню
    • активный
    0 votes
    3 answers
24. :hover на элементах сквозь блоки

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

    Asked by T@NKIST, March 25, 2013

    0 votes
    2 answers
25. Растянуть по высоте div, внутри button

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

    Asked by istepan, March 26, 2013

    • div
    • height
    • button
    0 votes
    4 answers