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. Привязать Объект К Низу Столбца

    есть таблица из двух колонок, в одной необходимо привязать картинку к самому низу столбца, чтобы по мере ее растягивания (за счет содержимого) этот рисунок всегда оставался внизу. пробовал различные margin padding bottom - не помогает. подскажите как это сделать, может быть абсолютное позиционирование... заранее спасибо.

    Asked by Guest Гость_kos_*,

    0 votes
    6 answers

  2. Таблица со значениями и графиком

    Хочу сделать табличку с числами, и в _этих_ же ячейках фоном цветная полоска, длина которой пропорциональна числу в ячейке. И никак не могу придумать правильные стили, чтобы число располагалось _на_ фоне, а не слева/справа/снизу/сверху. Подскажите, пожалуйста, как это реализовать.

    Asked by IVB,

    0 votes
    11 answers

  3. Фоновый рисунок

    вроде бы все делаю правильно, но браузеры не тображают фоновый рисунок. проверила 10 раз все названия папок и файлов совпадают, изображение в папке есть код: body { background: url("images/p.jpg"); } <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <head> <title></title> <meta http-equiv="content-type" content="text/html; charset=utf-8" > <link rel="StyleSheet" type="text/css" href="css/style.css"> </head> <body> </body> </html>

    Asked by Izum,

    0 votes
    24 answers

  4. отступ после абзаца

    Здравствуйте подскажите как убрать отступ меж абзацев (<p></p><p></p>), нужна просто красная строка (text-ident), с <span> не работает т.е. как в бумажной книжке

    Asked by niculins,

    0 votes
    4 answers

  5. css validation небольшие недочеты

    Сабж. стоит ли обращать внимание на эти ошибки?

    Asked by rus,

    0 votes
    19 answers

  6. DIV должен вылезать поверх всего

    Задача: DIV, размещенный в определенном месте в коде, должен оставаться привязанным к этому месту, но его размер должен быть такой, какой мне нужно, и если нужно - поверх всего остального. Также его фон должен быть прозрачным. Если он залезает на блок с другим фоном, должен быть виден тот, другой фон, а текст нашего DIVa должен быть поверх всего. И еще одна задача: <body> <div class="..." width="50%"> <ТЕГ>... </div> DIV здесь настроен так что остается по центру, и при изменении размеров окна браузера, как известно, тоже. Нужно чтобы ТЕГ был зафиксирован в определенных координатах относительно родительского элемента (DIVa) а в остальном обладал вс…

    Asked by aruru,

    0 votes
    1 answer

  7. Семантика. Номера телефонов

    В прошлую тему видимо уже никто не заглядывает, поэтому создаю новую. Мне нужно ещё одно наставление по семантике. Правильно ли я закодировала нижележащую информацию, правильно что поместила в тег address? или же лучше сделать в диве со спанами? Контакты: - 8 (111) 11-11-11 главный менеджер - 8 (111) 22-22-22 - 8 (111) 33-33-33 - 8 (111) 44-44-44 факс <div class="contacts"> <h2>Контакты:</h2> <address> - 8 (111) 11-11-11 главный менеджер <br /> - 8 (111) 22-22-22 <br /> - 8 (111) 33-33-33 <br /> - 8 (111) 44-44-44 факс <br /> </address> </div>

    Asked by vikusik,

    0 votes
    31 answers

  8. Адаптивная вёрстка под iPhone

    Знаю, что глупый вопрос, но как сделать, чтобы на айфоне\айпаде при масштабировании контента он изменялся по ширине, а не оставался фиксированной ширины. Структура представляет из себя блок с шириной 100%, в нём еще 1 блок с шириной 100%, и в нём еще много блоков с шириной 100%, я так понял, что 100% берётся от размера документа. А нужно от размеров области просмотра. <meta name=”viewport” content=”width=320"> не помогает. Заранее спасибо

    Asked by Briss,

    0 votes
    6 answers

  9. Авто ограничение ширины div

    Правая колонка используется для навигации, е? ширина зада?тся width: 350px; /*Width of right column in pixels*/ margin-left: -350px; /*Set left margin to -(RightColumnWidth) */ Левая колонка, основная (c контентом), зада?тся кодом: #contentwrapper { float: left; width: 100%; } #contentcolumn { margin-right: 350px; /*Set right margin to RightColumnWidth*/ } При вставке таблицы в основную колонку (левую) блок растягивается в полный размер экрана, что правой колонки вообще не видно. Поэтому есть кросс браузерный код для ограничения ширины блока: max-width: 650px; width: expression(this.offsetWidth > 650 ? "650px" : this.offsetWidth); Как сделать, чтобы максимальная ши…

    Asked by leogee,

    0 votes
    8 answers

  10. Футер съехал вправо

    Подскажите, пожалуйста, почему футер съехал вправо и находится не внизу страницы. И слева серое поле как убрать(после кнопки дизайнерам)http://www.mix-mart.ru/Roto-door.html html,body{ height:100%; margin:0; padding: 0; background:#fff;}#body{height:100%;height: auto; min-height: 100%; }#container{height:100%; background:#e6e6e6; width:1000px; min-height:1670px; margin: 0 auto; padding-bottom:30px; }#footer{ clear: both; position: relative; z-index: 10; background:#ddd; float:right; width:1000px; height:30px; font:12px Verdana, Arial, Sans-Serif, Helvetica; text-align: left; padding:14px 20px 0 0; margin:0 12px 0 0; margin-top:-30px;}#f1{ float:lef…

    Asked by Савоини Анастасия Андреевн,

    0 votes
    11 answers

  11. теги для favicon

    встретил три варианта тегов для значка страницы <LINK REL="shortcut icon" href="favicon.ico"> или <link rel="icon" href="/favicon.ico" type="image/x-icon"> вместе с <link rel="shortcut icon" href="/favicon.ico" type="image/x-icon"> какой из них правильный? если вставлять все три, то FF игонрирует, а если только первый, то "читает".

    Asked by Rilo,

    0 votes
    2 answers

  12. Странный косяк( при увеличении или уменьшении сайта)

    #pravo { position:relative; width:280px; height:284px; margin: 5px 0px; padding:0px 0px; border: 0px; float:right;} #menu_a { position:relative; width:250px; height:49px; margin: 0px 0px; padding:3px 15px; border:0px; background-image:url(../img/menu_verh.png); } #menu { position:relative; width:250px; height:231px; margin: 0px 0px; padding:3px 15px; border:0px; background-image:url(../img/menu_center.png); } #menu_b { position:relative; width:250px; height:44px; margin: 0px 0px; padding:3px 15px; border:0px; background-image:url(../img/menu_niz.png); } #menu_a a:link, #menu a:link, #menu_b a:link, #menu_a a:visit…

    Asked by doox911,

    0 votes
    14 answers

  13. Как подсветить определенное слово с помощью CSS?

    Здравствуйте. В joomla имеется статья с заголовком, и нужно задать красный цвет только для слова "Новинка!" в заголовке. В админке такого нельзя сделать, насколько знаю. Можно ли каким-либо свойством CSS подсветить красным это слово?

    Asked by borus,

    0 votes
    6 answers

  14. Padding, margin. Firefox и Chrome делают по разному.

    Первый вопрос сразу же такой: почему в Firefox, чтобы сделать примерно ВИЗУАЛЬНО равные padding'и, нужно ставить разные числовые значения. padding-top: 25px; padding-bottom: 12.5px; Вот как это выглядит. Там можно определять все по border.http://pbrd.co/12SWI4e Вторая штука в том, что Chrome вообще игнорирует все, и ставит какой-то бешеный padding. И не важно будешь ты ему ставить 25px или 12.5px. Вот картинка: http://pbrd.co/12SXWMO Помогите пожалуйста, потому что я в кроссбраузерности вообще не шарю. Вот весь код: HTML: <div class="about"> <p style="color: #d4dde0;"><span style="font-size: 0.9em; color: white; font-weight: 900;font-s…

    Asked by Michael Myers,

    0 votes
    4 answers

  15. Разное отображение в Firefox и IE. Как лечить?

    Добрый день. Есть таблица. Одна ячейка отведена под новостной блок. Новости формирую через блоки <div>. 4 блока формируются правильно и стоят на своих местах, а вот с самой последней надписью "Читать все новости..." проблема. В Firefox отображается нормально, а в IE прилепает вверх. Если делаю в стиле отступ сверху, выравнивается в IE, но ползет таблица в Firefox. Подскажите, почему такая разница в интерпретиция тегов и как это можно исправить? Вот кусок из CSS p.news_data { font-family:Verdana, Geneva, sans-serif; font-weight:bold; text-decoration:none; font-size:10px; color:#000; margin: 10px 10px 0 10px; } p.news_zagolovok { font-family:Verdana, Geneva, sans-se…

    Asked by amv,

    0 votes
    21 answers

  16. Тень блока без background: url

    Создание теней для блоков всегда происходит с помощю изображений. А кто знает как избежать использования какой-либо графики для решения этой задачи? Итак: <html> <style><!-- ... --></style> <body> <div class="blockwithshadow"></div> </body> </html>

    Asked by mamay,

    0 votes
    15 answers

  17. Почти меню, при наведении на блок, показывает другой блок

    Идея думаю будет понятна из кода, вот только как заставить не падать блоки вниз ? Блоки должны быть резиновыми, размеры дал просто для понимания что и где, вариант поставить координаты блоку не подходит. Сделать такое на яве делов 5 минут, вот только интересует вариант на CSS, или такое не возможно ? <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <style> div { border: 1px solid; display:block; } .m1 , .m2 , .m3 { float: left; width:50px; height:50px; position: relative; border: 1px; } .s1 , .s2 , .s3 { display:none; position: relative; …

    Asked by iillyyaa2,

    0 votes
    21 answers

  18. Как привязать выпадающее меню к событию нажатия кнопки?

    Нашла анимацию гамбургер меню из трех полосок в крестик. Не могу понять как к нему прикрепить появление самого меню при нажатии. <nav class="nav"> <div class="nav__btn"> <a id="nav-toggle" href="#"><span></span> </a> </div> <ul class="nav__list"> <li> <a href="#" class="nav__link">Episodes</a> </li> <li> <a href="#" class="nav__link">Charact…

    Asked by garmoni,

    0 votes
    5 answers

  19. Нужна помощь в верстке меню-бара

    Нужно сверстать по картинке меню-бар. Не получается сделать вот это поле поиска <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> .nav { display: flex; list-style-type: none; padding-left: 0; font-size: 17px; text-transform: uppercase; } .nav > li > a { color: #fff; text-decoration: none; } .nav > li { padding-left: 29px; margin-left: 30px; } .header { display: flex; back…

    Asked by senioz,

    0 votes
    1 answer

  20. раcширение фаилов - html и htm

    ДОБРЫЙ ДЕНЬ, столкнулся с таким явлением делал свой сайт и вдруг заметил что большенство страниц поменяли расширение с HTML на HTM, подскажите чем они отличаются друг от друга и не будет ли каких конфликтов с разными версиями браузеров. Спасибо.:/

    Asked by evgen64,

    0 votes
    4 answers

  21. frD-Как отодвигать бокс

    Доброго времени суток. Вот простенький сайт http://nwmost.ru/csstest/nd/index.html Вроде бы все нормально, но если кликнуть на "Прайс-лист", то видим, что если контент выходит за рамки, то получается белиберда. Подскажите: как сделать, чтобы нижняя полска отодвигалась под контент.

    Asked by avb,

    0 votes
    15 answers

  22. CSS3 animation движение background

    У меня есть див. В нём происходит не прекращающаяся css3 анимация с движением фона. Подскажите, пожалуйста, как сделать, чтобы после 100% он не сбрасывался в указанные 0%, а как бы прокручивался и выходил с другой стороны? Как это изменить? div#web {-webkit-animation: myfirst 5s ease infinite;} @-webkit-keyframes myfirst { from {background-position: 0%;} to {background-position: 100%;} }

    Asked by gurylyov,

    0 votes
    1 answer

  23. Правильно ли сделать сайт на одних div'ах?

    Собрался делать сайт, с такой структурой: Шапку и блок с основной информацией хочу сделать в виде Divов, не знаю только как будет правильно сделать меню. Его лучше сделать обычным html-меню или тоже блоком? Мне надо еще чтобы при нажатии на пункт меню информация появлялась в основном блоке, без перезагрузки всей страницы. Это получится сделать бе применения фрейма?

    Asked by Омск,

    0 votes
    26 answers

  24. Два дива наползают друг на друга

    Нужно расположить три блока внизу страницы. Один слева, второй справа и третий должен растягиваться между ними. Вот код http://ulskiy.org.ua/example/example.html Почемуто центральный блок <div class="bottomheadercenter">текст между картинками</div> наползает на левый. Помогите пожалуйста разобраться почему.

    Asked by Casufi,

    0 votes
    6 answers

  25. Обновление select option

    В общем всё уже стоит в заголовке! как зделать чтобы при заходи на страницу редакции профиля список select обновлялся! мучиюсь уже месяц! Использую этот код: Прошу помощи сам несправляюсь, запарился! буду очень благодарен!!!

    Asked by Artjom,

    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