HTML Coding

29,542 questions in this forum

1. Вертикальное выравнивание по центру li a текста

   Долго думал в какой раздел пихнуть, сюда или в раздел "проблемы верстки". Решил что раз я тут только что зарегестрировался, то надо пихать в этот раздел, если я не прав - переместите. Задача : Сделать на тулбаре список ссылок-кнопок. Чтобы не быть пустомелей вот скрин (Стрелка на скриншоте заменяет курсор потерянный при printscreen) Причем чтобы при наведении курсором эта область затемнялась (как на скриншоте) Также чтобы вся выделенная область была ссылкой Проблема : Как видно на скриншоте выше, текст лежит сверху. Теперь собственно общий вопрос: Как выровнять текст вертикально по центру находящийся внутри li a, при условии что a растянут на всю ширину li. Или подскажит…

   Asked by Fedcomp, September 1, 2011

   0 votes
   10 answers
2. Навороченное меню из блоков

   Есть такое мега-крутое меню Верстается оно исключительно вручную и "на века"... У меня возникла проблем. На скрине красным отмечены пункты которые стали неактивными... Их можно подтянуть повыше? Вот код ХТМЛ: <div id="page-top"> <div id="actions"><a href="#"><img src="images/buttons/actions.png" alt="Акции"></a></div> <div id="models"><a href="#"><img src="images/buttons/models.png" alt="Модели"></a></div> <div id="games"><a href="#"><img src="images/buttons/games.png" alt="Игры"></a></div> <div id="deposits"><a href="#"><img src="images/buttons/deposits.pn…

   Asked by skiph, September 1, 2011

   0 votes
   3 answers
3. Убратие отступа.

   Как убрать отступ между шапкой и фреймом в отдельной ячейке таблицы? <table align="center" width="1660" height="50" border="1"> <td width="20%" height="1500"><iframe src="....>четыре</td> <td width="60%" height="1500"> <iframe src="....." frameborder="0" width="100%" height="44%" frameborder="0" marginheight="2" marginwidth="0">Loading...</iframe> </td> </table>

   Asked by Didorri, September 1, 2011

   0 votes
   2 answers
4. Как сделать круглые уголки у таблиц?

   сабж, border-radius: 20px; не работает

   Asked by AquaGen, September 1, 2011

   0 votes
   2 answers
5. Небольшой вопрос о Notepad++

   Здравствуйте! Я начинающий пользователь. На курсах HTML мы работаем в Notepad++, установил её у себя на компьютере. Собственно сам вопрос. Как в Notepad++ включить функцию (незнаю как называется) которая окрашивает код в синий и красный цвет. Дабы это подсказка как я понял. Создал документ с форматом html, теги прописываю правельно но почему то все в черном шрифте. А вот если открыть файлы с которыми я работал на занятиях то всё в порядке. А то сложновато уследить не допустил ли я где ошибку в коде. Спасибо!

   Asked by Didorri, September 1, 2011

   0 votes
   3 answers
6. IE6+ и graceful degradation

   Решив провести субботний вечер за просмотром полезного видео о веб технологиях и верстке в частности, натолкнулся на замечательный доклад «Когда хуже — лучше» Юрия Артюха с конференции «РИТ 2011» проходившей весной в Москве. Эту запись я увидел как только она была слита в интернет, но почему-то не принял ей особого значения. И вот вчера, пересмотрев ее еще раз, осознал все великолепие его доклада. Понимаю, что часть форумчан его видела, возможно даже бОльшая, а те кто не видел обязательно посмотрите. Но я все же хочу немного написать о теме, которую он затронул. Так сказать, закрепить материал. Итак, что же предлагал Юрий? Скорее всего вы уже знаете о таком подходе как gr…

   Asked by zSpx, August 28, 2011

   0 votes
   7 answers
7. Как сделать текст в поле?

   Есть форма отправки сообщения,там поле для текста пустое.Как сделать чтобы там уже был нужный мне текст? вот код: <p>{element label="Ваше сообщение" type="textarea" class="inputtext" required="required" error="Введите ваше сообщение" /}</p>{element type="captcha" class="inputtext" width="220" height="50" label="Проверочный код" /}<p>{element type="submit" value="Отправить" /}</p>

   Asked by stardel, September 1, 2011

   0 votes
   2 answers
8. пропали блоки

   помогите пожалуйста найти пропавшие в ie6, ie7 блоки. в других браузерах они видны. страничка

   Asked by cyklop77, September 1, 2011

   0 votes
   3 answers
9. Как сделать верстку

   Имеется PSD макет: Как примерно сделать верстку? Разбить его на два блока? Интересует план верстки, при котором его лучше сверстать.

   Asked by Bryant-24, September 1, 2011

   0 votes
   6 answers
10. Криво работает выделение

    Есть сайт проблема в том, что сложно выделить на нем текст т.е. к примеру если начать выделять e-mail и выделить чуток дальше, то выделение слетает. Тоже самое с остальными текстами. В чем может быть причина? Проблема в дивах?

    Asked by suliman, August 31, 2011

    0 votes
    6 answers
11. Резиновое меню при помощи таблицы

    Я начал заниматься версткой совсем недавно и хотел бы узнать. Хочу сделать резиновое меню на сайте, но возник один вопрос - можно ли сделать меню через таблицу, как показано на рисунке:Сейчас поясню, то есть каждая ячейка (кроме 1 и 2 на рисунке) при наведении будут выдавать выпадающий список. При этом, насколько я понимаю, при наведении на ячейку, выпадающий список появляется в виде таблицы. Возможно ли это?

    Asked by Bryant-24, August 31, 2011

    0 votes
    11 answers
12. Свой стиль для конкретного слова

    Уважаемые спецы верстальщики, подскажите как сделать стиль для конкретного слова? Скажем у меня есть название Бренда и мне нужно чтобы оно везде где не встречается в текстовом виде всегда писалось с заглавной буквы. В любой части предложения и в любом теге. Я точно знаю что так можно сделать. Кто знает секрет?

    Asked by toch-no, August 31, 2011

    0 votes
    17 answers
13. Редактирование текста в span-е

    Хотелось бы уточнить. Так как в span-е уже не применишь заголовки и параграф, остается применить спан в спане для отдельных слов? Такая практика принята или есть другие методы? И еще, strong и em ведь тоже строчные элементы?

    Asked by Анна, August 31, 2011

    0 votes
    8 answers
14. Адаптивный дизайн

    Разрабатываю адаптивный дизайн для сайт при помощи CSS3 Media Queries. Сайт будет прибывать в 3 состояниях: телефон, планшет и настольный компьютер. Для планшета дизайн отличается не только тем что он резиновый но и расположением и размерами некоторых элементов в виду того что для планшета желательны крупные размеры кнопок. В дизайне для компьютера расположение и размеры другие. В среднем экран настольного компьютера имеет ширину 1280 пикселей. А ширина экрана планшетов колеблется от 768(Apple iPad в вертикальном положении) до 1280(Galaxy Tab 10.1). Проблема возникает именно в этих размерах а именно в их пересечении. То есть стили для @media only screen and (min-width:7…

    Asked by Lednar94, August 30, 2011

    0 votes
    7 answers
15. Проблема с "отталкиванием" блока

    Вот такая проблемка. При увеличении блока left не отталкивается блок bottom. все это находится в блоке контент (футер отдельно), вот коды : <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <link rel="stylesheet" type="text/css" href="css/template.css"/> <title>Заготовка_под_сайт_универсальная</title> </head> <body> <div id="header"> </div> <div id="menu"> </div> <div id="container"> <div id="content"> <div id="left"> …

    Asked by strangerliquid, August 29, 2011

    0 votes
    4 answers
16. Сложный фон для Wrapper

    Есть такой фон, специально нарисовал на нем блоки с обозначением где и что будет с учетом размеров на макете.. Может есть у кого в запасе хитрые способы как правильно такое сверстать? У меня есть только мысль банально разбить на три картинки центральную вырезать таким образом, чтобы она могла повторятся не портя дизайн (- хотя, это тоже хз как сделать... в нижней части контента начинается затемнение, которое при повторе будет портить всю картину). Также это все дело не по детски весить обещает: необходимо сохранить прозрачность по краям (png-24).. одна такая картинка занимает от 900кб до 1,5 мб

    Asked by skiph, August 30, 2011

    0 votes
    13 answers
17. Фигня со страницей

    Помогите пожалуйста! В мозилле фигня и в ие! _http://industry2011.my1.ru/start1.html Кодировка нормальня стоит, но все равно непонятно нифига. Пишу в ПСПаде, там в предварительном просмотре всё нормально!

    Asked by htmlonline, August 29, 2011

    0 votes
    10 answers
18. Вопрос относительно background-position

    Здравствуйте, меня интересует такая возможность. На картинке приведен пункт меню в положении hover, в этом положении для пункта меню задается background-image повторяющаяся вдоль координаты X. Повторяющейся картинкой заполняется полностью пункт меню от левого края до правого, как можно сделать так, что б по ширине заполнялся не полностью, а от левого края до правого, не доходя 1-2 пикселя до правого края ?

    Asked by Edward, August 31, 2011

    0 votes
    2 answers
19. Как правильно называть блоки при верстке?

    Подскажите как правильно называть блоки при верстке, есть ли какие то стандарты?

    Asked by Sergey410, August 30, 2011

    0 votes
    11 answers
20. Проблема с таблицами

    Доброй ночи! После небольшой смены дизайна пропала обводка таблицы + в одной таблице разъехались ячейки... 1) Было (все в норме) => Стало (пропала обводка) 2) Было (все в норме) => Стало (разъехались ячейки) Подскажите, пожалуйста, в чем дело. Спасибо!

    Asked by st2b, August 30, 2011

    0 votes
    2 answers
21. Резиновая шапка сайта

    Доброго времени суток уважаемые участники форума! Проблема в следующем, имеем рисунок который необходимо замостить на резиновую верстку сайта. Я решил сделать так - разделил рисунок на три части, выбрал фоновое изображение, но вот проблема - не могу сделать это на DIV-ах. Код сделал примерно следующим, index.html: <div id="header"> <div id="header_left"> </div> <div id="header_logo"> </div> <div id="header_right"> </div> </div> И собственно style.css: body { margin: 0px; padding: 0px; } #header { background: url(images/header_block.png) repeat-x; width: 100%; } #header_left { background: url(images/header_left.png)…

    Asked by Bryant-24, August 30, 2011

    0 votes
    16 answers
22. Верстка несколько страниц?

    Подскажите, CSS для всех страниц пишется в одном файле?

    Asked by Sergey410, August 30, 2011

    0 votes
    7 answers
23. Резина в шапке

    Доброго времени суток уважаемые участники форума! Проблема в следующем. Есть шапка - div, внутри него три diva: 1. прижат слева рисунок, 2. прижат справа рисунок,3. между ними должен быть повторяющийся элемент, ширина замощенной им области должна меняться в зависимости от разрешения экрана. Как сделать, но без таблиц. Заранее благодарен.

    Asked by chapai, August 31, 2011

    0 votes
    7 answers
24. Размещение блоков css

    Не Могу разместить блоки чтобе они располагались вот так: <style> * { vertical-align: top; margin: 0; padding: 0; zoom: 1; } </style> <div style="width:192px;background:#000;"> <div style="display:inline-block;background:red;width:32px;height:32px"></div> <div style="display:inline-block;background:green;width:32px;height:32px"> </div> <div style="display:inline-block;background:blue;width:64px;height:64px"> </div> <div style="display:inline-block;background:orange;width:32px;height:32px"> </div> <div style="display:inline-block;background:ora…

    Asked by geroi, August 30, 2011

    0 votes
    2 answers
25. Высота блока (Использование вложенных слоев)

    Подскажите как задать высоту блока с использованием вложенных слоев и чтобы без скролла было. Вот что имею, а скролл все равно есть: <!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Высота блока</title> <style type="text/css"> html, body { height: 100%; /* Высота родителя */ margin: 0; /* Убираем отступы у страницы */ } .layer {height:100%; } .layer div{ height: 100%; /* Высота */ background: #fc0; padding: 20px; border: 1px solid #000; } </style> </head> <body> <div class="layer"> <d…

    Asked by creaturee, August 31, 2011

    0 votes
    5 answers