Jump to content

HTML Coding

Subforums

  1. Discussion of works

    Source code audit and recommendations

    30.1k
    posts

  2. Practise Templates

    Templates for self education and practise

    1k
    posts

Explore Questions

There are no popular questions to show right now

  1. Вёрстка футера на движке Xenforo

    Asked by Mondeus,

    0 votes
    0 answers

  2. Примеры верстки

    Asked by torsar,

    0 votes
    0 answers

  3. Список покидает див

    Asked by DeZ,

    0 votes
    0 answers

  4. Проблема с шириной ячеек

    Asked by ArrogantSpectator,

    0 votes
    1 answer

  5. Html кнопка

    Asked by НикитаL,

    0 votes
    3 answers

29542 questions in this forum

  1. Прыгает текст при изменении масштаба

    Здравствуйте, перерыла весь инет, немогу найти как правильно сверстать блок, чтобы при изменении масштаба не прыгал текст, вот у меня есть код для меню, когда я уменьшаю масштаб страницы последний пункт меню спрыгивает вниз, что делать? вот код, <div id="menu"> <ul> <li><a href="">Пункт</a></li> <li><a href="">Пункт</a></li> <li><a href="">Пункт</a></li> <li><a href="">Пункт</a></li> <li><a href="">Пункт</a></li> <li><a href="…

    Asked by Lady_V,

    0 votes
    13 answers

  2. Почему-то не отрисовывается изображение в background

    Посмотрите racestar.ru, панель навигации вверху: <div id="topnav" class="menu-%d0%bd%d0%b0%d0%b2%d0%b8%d0%b3%d0%b0%d1%86%d0%b8%d1%8f-container"> <ul id="menu-%d0%bd%d0%b0%d0%b2%d0%b8%d0%b3%d0%b0%d1%86%d0%b8%d1%8f" class="topnav"> <li id="menu-item-233" class="menu-item menu-item-type-custom menu-item-home menu-item-233"><a href="http://racestar.ru">Главная</a></li> <li id="menu-item-234" class="menu-item menu-item-type-taxonomy menu-item-234"><a href="http://racestar.ru/?cat=1">Новости</a></li> <li id="menu-item-235" class="menu-item menu-item-type-taxonomy menu-item-235"><a href="http://racestar.ru/?…

    Asked by adelante,

    0 votes
    8 answers

  3. DL, UL, OL -упорядоченый список

    Создание упорядоченого списка (колонами), без использования таблиц! Подскажите пожайлуста! Зарание благодарен!

    Asked by iipo,

    0 votes
    2 answers

  4. Возможен ли точный аналог cellpadding="0" на css?

    Возможно ли сделать средствами CSS точный aналог cellpadding="0"? Интересует только кроссбраузерное решение (в том числе IE 6 ) Простое решение с td { padding = 0; } очевидно не является аналогом cellpadding="0", т.к.: - ячейки вложенных таблиц тоже получат этот класс, чего не происходит при cellpadding="0" (хотя это обычно некритично) - во вложенной таблице с cellpadding != 0 параметр cellpadding проигнорируется. Для тех, кому тяжело вчитываться, пример: <style> .tbl td{padding: 0px;} </style> <table class="tbl" cellspacing="0" border="1"> <tr> <td> <table cellspacing="0" border="1" cellpadding="10"> <tr> <t…

    Asked by tor_tz,

    0 votes
    11 answers

  5. Фон на весь екран.

    Нужно создать фон http://img406.imageshack.us/img406/5307/98721749.png Вставляю в ксс но в большом разшерение ,он не розтягивается на все 100% http://img687.imageshack.us/img687/2043/65894222.png

    Asked by Mr.Black,

    0 votes
    10 answers

  6. Запрет обтекания блока справа

    Здравствуйте. Есть три блока (картинка) Все три с float:left; При этом нужно, чтобы блок 3 не забирался на блок 2, а был либо под ним, либо под третьим (в зависимости от ширины окна) Я пытался запретить обтекание второго блока справа так: clear: right; Результатов не даёт. Если ставить после второго блока <br clear="both" />, то третий перескакивает сразу под первый, что тоже не подходит. Знает ли кто-нибудь, как это можно сделать? Код странички <!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <head> <title>Float</title> <style type="text/css"> …

    Asked by Kostia,

    0 votes
    4 answers

  7. Градиент по списку

    Объясните как сделать градиент в списке. Наприме, ситуация: имеем ul-спискок из 4 элементов. Надо, чтобы от первого до последнего, цвет плавно менялся с красного на зелёный.

    Asked by Deacon,

    0 votes
    13 answers

  8. Сложение строки.

    Здравствуйте. У меня проблема. Вот проблемный кусок кода Саму шапку можно узреть по адресу http://www.po-miry.ru/KULINARIA/RECEPTI/meat.htm суть проблему в том, что при уменьшении экрана браузера слова, выстроенные в одну строчку - Главная Спорт. Туризм, Душевное здоровье и т. д. выстраиваются в столбик. Я для двойных названий, а именно Душевное здоровье и Спорт Туризм применил white-space:nowrap; как мне посоветовали умные люди этого форума. Но как такого же эффекта добиться для всего абзаца (или строки, не знаю. как правильно)

    Asked by beze,

    0 votes
    14 answers

  9. Проблема со спрайтами в IE6

    Вообще смысла кидать тьму кода не вижу опишу в двух словах. .nav-menu li a{ display:block; background:url(../images/bg-menu-sprites.gif) no-repeat; text-indent:-9999px; overflow:hidden; float:left; } .nav-menu .home{ width:75px; height:37px; background-position:0 0; } .nav-menu .home:hover, .nav-menu li.active .home{ background-position:0 -37px; } Собственно дальше по такому же сценарию. Во всех браузерах ховера переходят нормально а вот в IE6 когда с одной кнопки на другую предыдущая пропадает на пол сек потом появляется. Имхо непонятно вроде спрайт загрузился и задержек не должно быть. Отключил все ховера-при навдеении кнопка исчезает и появляется на мгновение …

    Asked by Dessss,

    0 votes
    18 answers

  10. убрать полосы прокрутки

    Приветствую! при работе скрипта http://woweb.ru/js/16/036/ на краткое время видны вертикальная и горизонтальная полосы прокрутки. подскажите пожалуйста как их убрать

    Asked by erange,

    0 votes
    3 answers

  11. Перенос Ссылки На Следующую Строку

    Какой-то текст<a href="" style="">Ссылка</a>Подскажите, пожалуйста, какие стили прописать у ссылки, чтобы она была на следующей строке после "Какой-то текст". Я пробовал display:block но он не подходит, потому что в этом случае ссылка реагирует на нажатие по всей ширине браузера. Важно: <br> не подходит Нужно чтобы способ работал в IE6 и Firefox последних версий. Не использовать IE expression

    Asked by kedovan,

    0 votes
    6 answers

  12. Много position: absolute - хорошо или плохо?

    Скриншот: смотреть Вопрос такой: Хорошо ли это, много раз использовать position: absolute; Для чего использовать position: absolute, для того, чтобы задав элементу это правило, можно было бы проще измерять отступы. Например, если посмотреть скриншот, а именно на шапку, то задав это правило отдельно для листика, отдельно для каждой надписи, то соответственно, отступы будут считаться от края браузера. То есть в фотошопе можно будет линейкой очень просто измерять расстояние с левой стороны и сверху, и соответственно задавать эти отступы в верстке. Как считаете, то что я думаю, это хорошо или плохо?

    Asked by Rustick,

    0 votes
    11 answers

  13. Текущая ссылка неактивна

    Подскажите, плз, как при помощи CSS сделать текущую ссылку активной.

    Asked by belk,

    0 votes
    8 answers

  14. Ycxtn баннеров) помогите плиз

    скажите пожайлусто можно ли ставить баннеры в css и как это сделать если можно? просто возникла такая ситуация когда баннер нужно вставлять только в css потому что больше некуда (тоесть нельзя так как от туда его легко удалят)

    Asked by Nika007,

    0 votes
    7 answers

  15. бокс по центру экрана

    Есть бокс, который выравнен по центру экрана, однако, если заполнять бокс инфой, то он "устремляется вниз", т.е. свеху пусто, а от центра экрана вниз идет бокс. Возможно ли его всегда выравнивать по центру?

    Asked by bFree,

    0 votes
    9 answers

  16. Расположение ссылки на странице

    Добрый день. Подскажите нубу как задаются параметры расположения текстовой ссылки на странице? Мне нужно, чтобы ссылка была в верхнем правом углу страницы (как вариант). Буду благодарен.

    Asked by kanyT,

    0 votes
    4 answers

  17. Ширина DIV'а

    Суть проблемы: есть div-контейнер, внутри него расположен другой div, ширина которого может превышать ширину окна браузера. Ширина div-контейнера при этом остается равной ширине окна браузера. В результате, когда крутишь горизонтальный скроллинг, div-контейнер обрывается и получается некрасиво. Заранее спасибо. Пример: <html> <body> <div style="background: red;"> test <div style="background: green; width: 2000px;"> test </div> </div> </body> </html>

    Asked by yurikzmurik,

    0 votes
    8 answers

  18. Нумерация страниц CSS

    Ребят, делаю задание http://htmlbook.ru/practical/numeratsiya-stranits Получается херня. http://s1.ipicture.ru/uploads/20130204/ptH4cFzT.png <!DOCTYPE HTML> <html> <head> <meta charset="utf-8"> <title>Секс</title> <style> *{ margin:0; } DIV{ background: #EDEDED; width: 100%; height: 35px; border-bottom: 4px solid #CCCCCC; position: fixed; top: 80%; } Li { font-size: 130%; color: #910303; position: absolute; top: 30px; } </style> </head> <body> <div> <ol> <li>1</li> <li>2</li> <li>3</li> …

    Asked by daniluch,

    0 votes
    2 answers

  19. как сделать 4 уголка у слоя

    Подскажите, как можно сделать 4 скоса у прямоугольного текстового блока наиболее эффективным способом. (т.е. добавить картинки в каждый из углов). получается примерно следующее, только слишком громоздко: <td style="vertical-align: top; padding-bottom: 30px; background: #f7eedc;"> <div style="background: #f9e8d4 url(/images/center_top_fon.jpg) repeat-x top; height: 36px;"><img src="/images/center_top_left.jpg" align="left" alt="" /><img src="/images/center_top_right.jpg" align="right" alt="" /></div> <div style="background: #f9e8d4 url(/images/center_left_fon.jpg) repeat-y;"> <div style="background: transparent url(/images/cent…

    Asked by hitenok,

    0 votes
    14 answers

  20. Таблица но на Дивах

    ту задался решением создать таблицу на дивах. в принципе все было хорошо до того момента пока не понадобилось настроить высоту при жестко заданной высоте и превышению текста был вариант либо спрятать переполнение либо в ручную настраивать высоту каждой строки (что совсем не вариант ) если кто сталкивался с такими вопросами и решил их подскажите как P.S. главная задача не использовать <TABLE> пример кода: CSS <style type="text/css"> #tbl{ width:100%; } .widtbl{ width:310px; border-top: 4px solid #000; } .bottom{ border-bottom: 3px solid #000; float: left; width: 310px; } .row_1{ width:50px; border-left: 4px solid #000; border-bottom: 1px solid #00…

    Asked by wcb-falcon,

    0 votes
    16 answers

  21. Не работает scrollbar

    Ниже есть код который работает только в хроме, а в других нет что делать? ::-webkit-scrollbar { width: 10px} ::-webkit-scrollbar-track { background: #F7F7F7 } ::-webkit-scrollbar-thumb { -webkit-border-radius: 5px; border-radius: 5px; background: #DAE1E8; } ::-webkit-scrollbar-thumb:window-inactive { background: #DAE1E8; } ::-webkit-scrollbar-thumb:hover { background: #3d6b92; width:20px}

    Asked by Lozhkaa,

    0 votes
    2 answers

  22. Как убрать у слайдера фон

    Добрый день, нужно сделать слайдер в шапке сайта. Причем меняется только выделенная красной зоной область, то есть не вся шапка. Как сделать так, чтобы у слайдера не было фона? Должен быть прозрачным как на скриншоте.

    Asked by WebNewbe,

    0 votes
    2 answers

  23. Gulp-sass категорически отказывается задавать css свойства для новых добавляемых в разметку элементов

    Столкнулся с довольно удивительным явлением: gulp-sass категорически отказывается хавать и отображать css для новых добавляемых элементов разметки. Поломка произошла без каких-либо заметных вмешательств, просто с очередным запуском. Ошибок в системной консоли сейчас нет, только указывает на депрекаты одной функции Бурбона.Есть определенная предыстория. Изначально при установке данного шаблона консоль жаловалась на отсутствие модуля node-sass, хотя таковой был. Пришлось переустановить заново, попутно сменив номер версии в конфиге: "gulp-sass": "3.0.0", без галочки, хотя пробовал и с галочкой – результат тот же (это было нагуглено в бурже). Связана ли эта предыстория с наст…

    Asked by Raritet,

    0 votes
    2 answers

  24. Не работает overflow:hidden

    Пробую сделать трехколоночный макет на дивах, где левая-правая колонки - фон, отсчет от центрального элемента, при изменении размеров баузера просто обрезаются... но почему-то overflow: hidden работает только для левого элемента, правая же колонка не обрезается.... почему? :/ html: <div id=main1> <div id=left_col_back> left col</div> <div id=main_col> Main col </div> <div id=right_col_back> rigth col </div> </div> css: #main1 { position: absolute; left: 50%; top: 0px; width: 1px; height: 100%; background:#6cdec7; } #left_col_back { position: absolute; left: -628px; top: 0px; width: 128px; height: 100%; overflow: hidden; b…

    Asked by Brianna,

    0 votes
    5 answers

  25. как выровнить

    помогите плиз как выровнить это в каждой строчке по горизонтали.

    Asked by ppvkomi,

    0 votes
    13 answers
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy

  I accept