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. Что такое .over ?

    Вопрос по примеру всплывающей менюшки с сайта http://www.htmlbook.ru/css/hover.html Вот этот стиль: LI:hover UL, LI.over UL { display: block; /* При выделении пункта курсором мыши отображается подменю */ } Что значит .over ? Это псевдостиль какой-то? Буду очень благодарен.

    Asked by Zayac,

    0 votes
    1 answer

  2. Background-position:center center; проблема с большим фоном

    Добрый день. Помогите пожалуйста. Задача - у меня есть фон 1700 на 1200 и его нужно отобразить на странице так, чтобы центр фона всегда был в центре экрана. Я прописываю Background-position:center center; background-image: url('img/bg.png'); background-repeat: no-repeat; И вместо ожидаемого эффекта наблюдаю, что центральная горизонтальная осевая линия фона является пристугнутой к самому верху страницы (при этом верхняя половина фона обрезана). Что я делаю не так и как правильно сделать? Разрешения нужны любые, браузер тоже в принципе любой, наблюдается в firefox 3.5.5 проблема. Картинка с ошибкой http://s45.radikal.ru/i109/0912/a0/a05917aaea0c.jpg 300 килобайт Там вверх…

    Asked by MageMerlin,

    0 votes
    7 answers

  3. Выделение ссылки при наведении (Как на примере)

    Как сделать, что бы при наведении курсора на ссылку - фон сзади ссылки выделялся полу-прозрачным белым изображением. (Нужно ихменить в html шаблоне) Сделать примерно как на phpbb.com (Под логотипом ссылки "About - Donwloads - Commynity") Или как у вас на форуме (Помощь Поиск Пользователи Календарь). Спасибо заранее

    Asked by Flashz,

    0 votes
    2 answers

  4. Новичок

    Подскажите мне я уже 3 месяца учусь HTML и Css ,хочу попробовать сверстать макет ,как мне посмотреть результат если просто верстать чистый Html и css без движка и чтоб инет не был нужен???????

    Asked by Mr.Black,

    0 votes
    9 answers

  5. Среда разработки и верстки

    Здравствуйте. Накипело уже, вот думаю спросить. Вот делаю сайт, сидишь в np++ то в css то в файле шаблона, подтраиваешь выравниваешь. Надоело немного.. Куча окон. Хочется так как раньше работал в с++, разработал модуль. забыл про него, есть входные данные, получаешь на выходе, а что внутри уже не важно. Хочется так же, создать например блок поиска (я не про функционал, а про верстку), разметил его там. Не понравилось, передвинул весь блок. DW - не предлагать.

    Asked by mailmoney,

    0 votes
    8 answers

  6. Центрирование страницы

    Вроде бы простейший пример, не соображу где накосячил Необходимо разместить отображение сайта по центру. Пример: <body> <div class="wrapp"> <div id="left"> </div> <div id="right"> </div> </div> </body> *css style html,body { font: normal 10pt Arial,Helvetica,sans-serif; background:#D0DCF4 url(bg.jpg) repeat-x top; } .wrapp{ width: 1200px; } #left{ float: left; /*min-height для IE*/ height: auto !important; height: 100%; min-height:650px; width: 400px; background:#D0DCF4 url(menu.jpg) no-repeat top; } #right{ float: r…

    Asked by cul8er,

    0 votes
    9 answers

  7. Оптимизация

    Добрый вечер! Я создала блог на blogspot.com ,сегодня купила домен.. Но столкнулась с проблемой , заходя на другие браузеры , такие как Safari (Mac) , Internet Explorer .. всё передвигается ,цвета другие , расширение тоже. В этом деле я новичок , поэтому не судите строго! Блог по заказу и нужно чтоб на всех браузерах отображался одинаково. Поэтому прошу у вас помощи , в оптимизации мало что понимаю . Подскажите что нужно делать , на мозиле всё отображается хорошо. Вот сам блог : buddyleeblog.blogspot.com

    Asked by VioletaMeynell,

    0 votes
    8 answers

  8. Масштабирование изображения

    Как сделать, что бы при уменьшении окна броузера у рисунка оставались искомые пропорции по высоте, но по горизонтали он уходил до определенной точки в левую часть окна. Как вот тут http://htmlbook.ru/ надпись "Рецепты CSS" с логотипом на зеленом фоне. Что бы было понятно, что мне нужно, поиграйтесь с размерами окна. Надпись всегда остается по центру и уже когда окно браузера становится совсем маленькое правая его часть начинает скрывать рисунок.

    Asked by nikromant,

    0 votes
    7 answers

  9. Помогите! Скрипт смены фона

    Здравствуйте! Помогите пожалуйста! Нужен скрипт для смены фона сайта на картинки, чтобы пользователи сами выбирали нужный фон, могли его через ссылку ставить и т.п. В общем нужна как в Windows с рабочим столом, так же и тут только с фоном Видел такие скрипты на UCOZ, но они ужасны, хотя работают, переписать не взялся! Так что надеюсь на вашу помощь!

    Asked by Spleefys,

    0 votes
    1 answer

  10. Наследование

    Здравствуйте. Есть проблемы с наследованием. Не могу понять, что работает не так. Подскажите пожалуйста, если не затруднит. код представлен здесь: http://www.morohon.pusku.com/panel/ (там размеры изображения скачут) css body .main { width:100%; height:100%; } .main div.rotator{ float:left; max-width: 60%; max-height: 80%; } div.rotator ul{ position: relative; list-style: none; padding: 0px; max-width: inherit; max-height: inherit; } div.rotator ul li { position: absolute; margin: 0 auto; list-style: none; max-width: inherit; max-width: inherit; } div.rotator ul li img { max-width: inher…

    Asked by morohon,

    0 votes
    3 answers

  11. Проблема с background

    Добрый день!Проблема такая сегодня хотел поменять стандартный белый фон на свой но когда я это сделал фон встал не на всю страницу а проблема с низу.Когда я меняю padding-bottom всё вроде бы хорошо но это для главной странице когда перехожу на страницу со слайдами где у меня показан товар,снизу огромное пространство после всего контента,когда делаю padding-bottom поменьше на главной опять белая полоса а на странице с товаром если в слайде большая картинка то он увеличиваеться и появляеться опять она же та самая белая полоса), вот сайт nezhnost-luh.ru вот скрины 1 2 3 а вот css http://jsfiddle.net/WGvZm/ Да и еще такой вопрос можно ли сделать что бы на страницах вообще не …

    Asked by denisok,

    0 votes
    5 answers

  12. A как вы делаете кривые линии блоков?

    Собственно вопрос. Скрин Есть вариант png картинкой, но не удается поймать цвет, отличается хоть и немного. А если градиент там а не сплошной цвет? Вариант canvas знаю что есть, только ищу легкий путь)

    Asked by Нарек,

    0 votes
    13 answers

  13. Полоска под меню

    Подскажите уважаемые как убрать вот эту оранжевую полоску http://joxi.ru/jgmvEq4f8qQNra на этом сайте http://teplogid18.ru/

    Asked by smirn0ff,

    0 votes
    3 answers

  14. помогите, пожалуйста, с меню

    Навигационная меню из макета. я обучаюсь и вот в данный момент не могу сделать так, чтобы ссылка была у всего блока, другими словами - не только у текста. Посоветуйте как быть

    Asked by vb1f,

    0 votes
    5 answers

  15. Прошу совета. Правила, принципы, секреты и т.д верстки

    В сети есть интенсивы от HTML Academy. В них есть лекции где рассказываются всяческие хитрости, правила, принципы верстки. Например, скрипт надо подключать в конце страницы что б он не блокировал загрузку кода, что теги label и input можно группировать с помощью р и тд. Но эти лекции длятся просто невыносимо долгое количество времени, много разговоров, отвлечения на чат, между полезной информацией, как например вышеописанная, и нет просто времени все это просматривать несколько часов видео в поиске этих вещей. Есть ли такая информация в текстовом виде или в более коротком видеоформате. Пытался гуглить, но ничего не нашел, так как, скорее всего, я не правильно описывал и ф…

    Asked by Mambli_Joe,

    0 votes
    3 answers

  16. почему не работает @media ?

    body { background-attachment: fixed; transition: .1s ease-out; padding: 0; margin: 0; } .mouse-parallax { overflow-x: hidden; } .mouse-parallax-bg { position: absolute; background-repeat: no-repeat; background-size: cover; width: 105%; height: 105%; transition: all 0.1s ease; background-image: url(/img/backgroundimage.jpg); background-color: black; background-position: center; } .btn { color: rgba(255, 255, 255, 0.993); cursor: pointer; …

    Asked by timtim,

    0 votes
    1 answer

  17. Подпись у картинки шириной с картинку

    Здравствуйте, есть код: <style> div.illustr { float:left; background-color:#f0f0f0; } div.illustr p { text-align:center; } </style> <p>Подрисуночная подпись ? текст, являющийся названием рисунка или описанием изображения.</p> <div class="illustr"> <img src="http://imgl.yandex.net/i/www/logo.png"> <p>Подпись Подпись Подпись Подпись Подпись Подпись Подпись Подпись</p> </div> <p>Подпись хоть и называется подрисуночной, но может располагаться не только под рисунком.</p> Размер изображения всегда разный и неизвестен. Реально-ли сверстать так, что-бы подпись переносилась при достижении края изображения? То…

    Asked by crond,

    0 votes
    0 answers

  18. Как в теге <input> прилепить текст к низу

    Проблема такая мне нужно чтобы в теге текст начинался от самого низа, там добавляется отступ снизу, никак не получается его убрать. проповал text-align: bottom, но это свойство применяется к самому элементу а не к тексту в нем. нашел один способ сверху добавить padding - не это плохой способ. т.к. он не универсальный и каждый раз нужно подгонять. подскажите какой-нибудь универсальный способ? может есть какое CSS свойство которое за это отвечает?

    Asked by multio,

    0 votes
    1 answer

  19. Проблемка с штриховым подчеркиванием ссылок

    Нравится мне, когда ссылки штриховые. Хорошо сочетается со строгим дизайном и шрифтом Georgia ... соответственно убираем в описании стиля гиперссылки text-decoration и ставим border-bottom: a:link, a:hover { color : #262626 !important; text-decoration : none !important; /** простое подчеркивание убрать **/ border-bottom: 1px dashed #262626; /** линию штриховую добавить**/ } a:visited { color : #006600 !important; text-decoration : none !important; border-bottom: 1px dashed #006600; } Проблема в том что после такой замены все картинки функционала стали подчеркиваться. Очень не красиво... Не нагуглил как это сделать, мож не такие запросы задавал :-[ С…

    Asked by Geratewart,

    0 votes
    3 answers

  20. Описание изображения:

    Описание изображения: HTML: <div class="img-desc"> <img src="sample.jpg" width="575" height="335" alt="" /> <cite>Salone del mobile Milano, April 2008 - Peeta</cite> </div> CSS: .img-desc{ position: relative; display: block; width: 575px; height:335px } .img-desc cite{ background: #111; filter:alpha(opacity=55); opacity:0.55; color: #fff; position: absolute; bottom: 0; left: 0; width: 555px; padding: 10px; border-top: 1px solid #999 } пример http://www.sohtanaka.com/web-design/exampl...dow/caption.htm Тупо скопировал хтмл между тэгами боди, css в отдельный файл Получил следующее: есть изображение, описание …

    Asked by sol,

    0 votes
    6 answers

  21. Закругленые границы дивов

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

    Asked by demi,

    0 votes
    7 answers

  22. У первого блока с "clear: both" задается высота в 400px

    Верстаю шаблон под Drupal, верстка: шапка, меню, контент, футер. Меню и контент обтекаемы и расположены в 2 колонке. В блоке контент собственно и будет вывод новостей, они идут блоками <div class="node">...</div>, у каждого блока с новостью вверху находятся 2 колонки (2 обтекаемых блока), затем все идут один под другим, так чтобы после тех 2х блоков ничего не обтекалось ставлю <div class="_clear"><!-- clear --></div> ._clear { clear: both; } Так вот у первого блока с новостью этот div по высоте разъезжается примерно на 400px - и там образовывается большой отступ, а у всех последующих всё в порядке. Для наглядности приложил скриншот. Прошу …

    Asked by gangsta15,

    0 votes
    5 answers

  23. Централизация текста

    http://itmages.ru/image/view/795545/de7cf25f как поднять текст выше? <div class="contenttext"> <img src="images/ico/yad.png">Яндекс деньги<br> </div> .contenttext { font-family: 'Times New Roman'; font-size: 12pt; padding: 12px; margin-left: 15px; margin-right: 15px }

    Asked by Bernard,

    0 votes
    4 answers

  24. Неправильное отображение ширины таблицы

    Помогите пожалуйста с неправильным отображением ширины таблицы на главной сайта netvirusu.net В Google Chrome отображается таблица правильно: http://s018.radikal.ru/i526/1306/2d/2598ddd51c1d.png А в Oper'e, Mozill'e, IE последних версиях таблица растягивается: http://s017.radikal.ru/i421/1306/b8/13e04425a4b9.png Основную ширину таблицы в стиле задал - width: 800px; Google Chrome воспринимает правильно, а остальные браузеры нет(

    Asked by differlp,

    0 votes
    3 answers

  25. кроссбраузерность

    проблема в том что я не могу понять как мне подключить или прописать или что вообще сделать что бы например меню моего сайта отображалося везде одинакого! в ИЕ все ок! меню вытянуто по гризонтали но в др. браузерах оно идет в вертикаль... вот пример кода в html: <ul class="hr"> <li><a href="index.html" class="meny">меню 1</a></li> <li><a href="index2.html" class="meny">меню 1</a></li> <li><a href="index3.html" class="meny">меню 1</a></li> </ul> в файле css: UL.hr { margin: 0; padding: 0; } UL.hr li { display: inline; margin-right: 5px; border: 0px solid #000; padding: 5px;…

    Asked by wert-one,

    0 votes
    5 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