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

29,542 questions in this forum

  1. Firefox 3.0.15 и Opera 10 неправильно отображают меню

    Здравствуйте. Проблема - Firefox 3.0.15 и Opera 10 неправильно отображают меню, в то время, как IE7 и Opera 9.50 отображают так, как задумывалось. Менюшка на js - выпадающая. Сами посмотрите на скрине, как это выглядит в Opera 10: Менюшка такая же установлена еще на паре сайтов, там проблем с отображением нет, видимо, все дело в верстке, но понять не могу, в каком моменте. Адрес сайта scrubs-mtv.ru. Ребят, очень нужна ваша помощь. Спасибо за внимание.

    Asked by FRUTALITY,

    0 votes
    3 answers

  2. Учитель по CSS !

    Может это конечно покажется дико но все же...ищу учителя, или так сказать того кто сможет мне в любую минуту подсказать как и что в CSS. моя ася 423802702

    Asked by Space,

    0 votes
    2 answers

  3. Помогите с background

    Завел я свой блог, и решил изменить фон. В настройках можно редактировать СSS. Написал body { background-image: url("http://attachments-blog.tut.by/29555/files/2009/12/fon.jpg"); background-repeat: no-repeat; background-position: center ; background-attachment: fixed; } Получилось с белыми отступами по бокам. Пробовал другие тэги, не получается все равно сделать фон на всю страницу. Может есть стандарное разрешение, которое нужно использовать. Размер моей картинки 1024x927.

    Asked by 121990,

    0 votes
    8 answers

  4. Фон не подключается из внешнего файла

    Добрый день! Занимаюсь версткой уже не первый год, но впервые столкнулся с подобной проблемой - и не могу найти ее причину. Есть файл стилей (style.css), содержащий строку с подключением фона: body { background: #fbf4a0 url(img/bg-b-l.jpg) bottom left no-repeat; color: #5c3400; font-family: Arial; padding: 12px; } ... И страничка (index.php), в которую файл стелей подключен строкой: <link rel="stylesheet" href="cssjs/style.css" type="text/css" /> Проблема в том, что фон не подключается! На странице отображается только фон цвета #fbf4a0, а изображение отсутствует. Что самое интересное - если прописать на страничке встроенный стиль, то все подключается! …

    Asked by shass,

    0 votes
    4 answers

  5. Равномерное растягивание ячеек

    Верстаю горизонтальное меню табличкой. Проценты и фиксированные размеры указывать нельзя. Нужно, чтобы все ячейки равномерное растягивались, вот так: На деле, растяжение происходит так: Видно, что чем шире текст в ячейке, тем шире сама ячейка. Можно ли сделать, чтобы растяжение происходило равномернее?

    Asked by 100kd,

    0 votes
    3 answers

  6. IE 6 неправльно считает абсолютные координаты

    Всем любителям весрки привет многому научился с тех пор как я на этом форуме, но верстая очередной сайтешник обнаружил для ся еще один баг IE6, посмотрите вот тут http://www.realfact.ru/zhkh.html?id=24#comments, внизу у каждого блока с комментариями есть 4 уголка которые абсолютно установлены относительно их родителя <div class="commBlock"> в мозилле и опере как всегда все супер, ие7, ие8 тоже претензий нет, а вот ие6 опять проглючил у координаты почему то у него разные что и привело к такому виду! Народ плизз, как с этим бороться? PS: нижние левые и правые уголки вообще куда то делись

    Asked by TonKhaO,

    0 votes
    16 answers

  7. IE обрабатывает не все стили

    В моей практике несколько раз сталкивался с тем, что IE7-8 иногда обрабатывает не весь css, при первой загрузке этого файла. Обычно выражается это в том, что он игнорирует margin:0 auto; После рефреша -- всё хорошо. Сейчас встала задача исправить этот косяк. Вычленить проблему не смог, появляется баг из неоткуда. Есть мысли как поправить?

    Asked by Dimitry Wolotko,

    0 votes
    17 answers

  8. IE проблемы с отображением img в li

    Только в IE рисунок расположенный в одной строке рядом с текстом сползает на строку вниз. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <title>Img сползает</title> <link rel="stylesheet" href="style.css"/> </head> <body> <div class="menu_list" id="secondpane" style="width:20%"> <p class="menu_head">Header1</p> <div class="menu_body"> <ul> <li><a href="#">str2<img src="http://f2wgpw.bay.livefilestore.com/y1pGS-v-NUYARPyt9W…

    Asked by Nairit84,

    0 votes
    2 answers

  9. Баннер загораживает меню

    Здравствуйте! Верстая выпадающее меню столкнулся с проблемой. Под меню был флеш баннер. И в опере выпадающий список "уходит" под баннер. Мои попытки как-то обойти данную ситуацию ни к чему не привели. Баннер упорно лежит выше менюшки. В примере я специально спозиционировал меню и баннер так, чтобы было видно наложение. Повторюсь что данный "эффект" хорошо наблюдается в Опере. Я знаю что можно позиционировать слои с помощью z-index, но применять его на практике мне как-то не удавалось. (это бонус вопрос наверное ) Вот хтмл <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http…

    Asked by Dioni$$,

    0 votes
    6 answers

  10. Использование атрибута label

    В ощем-то это чистая теория, а не проблема верстки, поэтому в этом разделе. Вот такой вопрос появился: У тега option в select’е есть атрибут label. Где на практике он может быть полезен? Спецификация описывает его так: более короткое имя для содержимого option’а. Если label указан, то отображаться должен именно он. Но в таком случае что мешает в сам option поместить соответствующий текст? Складывается впечатление, что содержимое тега и значение атрибута предназначены для одной и той же цели. Тогда зачем два средства?

    Asked by rash,

    0 votes
    6 answers

  11. Баннер

    Как вставить баннер? Мне предложили разместить баннеры на моем сайте. Прислали код баннера. Но при простой вставке кода в странице выводится пустое пространство. Что я неправильно делаю?

    Asked by roosei,

    0 votes
    2 answers

  12. Скрыть путь к изображению

    Здравствуйте Уважаемые форумчане! У меня возник вопрос: «Как скрыть ссылки на определенные рисунки?». Сайт на движке DLE 8.0, есть краткая и полная новость в обеих по картинке. В браузере Opera нажимаем правой кнопкой мыши на фото => «Свойства изображения…» и получаем полный путь к картинке на сайте. Например “http://mysait.ru/library/files/arc_61883/003/screen.jpg”. Вот его мне и нужно скрыть т.к. это вопрос безопасности остального содержимого в той же папке. Скажите пожалуйста, можно ли скрыть с помощью кода адрес рисунка и как? Т.е. какие технологии применить, чтобы картинка отображалась, а ее местоположение было скрыто?

    Asked by Holli,

    0 votes
    11 answers

  13. Скрыть последний разделитель в меню.

    В общем такая печальная картинка: Хотелось бы убрать лишнюю палку после последнего пункта. Заранее большое спасибо всем. Может меня почтит своим внимание PsyWalker... код вот такой: (leftmenu и rightmenu это боковые заглушки. Со скругленными углами.) case 'horizontal': default: echo '<div id="wrap"><div id="menu">'; echo '<table cellpadding=0 cellspacing=0 border=0 width="100%"><tr>'; echo '<td class="leftmenu"></td>'; foreach ($this->parent->children[0] as $v) { echo "<td class='cmenu'>"; echo $this->getFirstLevelItem($v); echo "</td>"; } echo '<td class="right…

    Asked by Lacosta,

    0 votes
    6 answers

  14. IE6 и Float...

    <html> <head> <link rel="stylesheet" type="text/css" href="style.css"> <title>Tetro</title> </head> <body> <div id="wrap"> <div id="header"> <img src="img/head.png"> </div> <div id="main" class="clearfix"> <div id="content"> </div> <div id="side"> </div> </div> </div> <div id="wrap2"></div> <div id="footer"></div> </body> </html> img/head.png = (ширина 400, высота 100) html, body, #wrap {height: 100%;} body > #wrap {height: auto; min-height: 100%;} body > #wrap2 {height: auto; min-height: 100%;} bo…

    Asked by XiBOR,

    0 votes
    34 answers

  15. не отображаются все елементы страницы в IE

    opera- IE- <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /> <title>Документ Без Имени</title> <link href="index.css" rel="stylesheet" type="text/css" /> </head> <body bgcolor="#f6f6f5" > <div id="bg" align="center"> <div id="head"></div> <div id="content"> <div id="left"> <div class="vv">Содержимое для class "vv" здесь</div> <div class="ss"> …

    Asked by kolorimage,

    0 votes
    6 answers

  16. Возможен ли точный аналог 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

  17. Вопрос. Select накладывается на меню.

    Здравствуйте. Помогите новичку решить такую проблему: отлаживаю сайт zootovari.pp.ua слева выпадающее меню, в тексте страницы может быть форма с select-ом. Когда меню выпадает и select оказывается под выпавшим меню, select отображается поверх меню, а должен перекрываться меню. Как это исправить. Чтоб посмотреть пример такого наложения выберите в меню: Кошки - Сухой корм - Для котят , появятся товары, и снова Кошки - Сухой корм - Для котят, тогда открывшееся последнее подменю наложится на select. ВАЖНО! Проблема возникает при просмотре в IE! В Firefox всё работает как надо. если нужно, выложу исходники тех частей которые попросите.

    Asked by Hideki,

    0 votes
    4 answers

  18. Подружиться с IE6

    Добрый день, WEB мастера. Вот ссылочка на проблемную страничку Сцылко. В опере и мозиле отображается неплохо, но вот в IE6 проблемы с прозрачностью png и почему-то вылазит за границы то что находится под меню. Если можете, то направьте меня на решение проблемы прозрачности png, если лень то я сам загуглю не надо пожалуйста тыкать носом в поиск. Но вот что касается второго вопроса, то тут я ума не приложу, где собака зарыта. Пожалуйста подскажите. P.S.: вот на всякий случай скрин того как отображает IE6

    Asked by Infected,

    0 votes
    3 answers

  19. Высота ячейки в IE без указания высоты родителя

    Добрый день! Как сделать 100% высоту таблицы в ячейки ...<td height=100%><table height=100%>....</table></td>... без указания 100% высоты body ?

    Asked by Ademar,

    0 votes
    1 answer

  20. 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

  21. Не работает height:100% у таблицы

    Итак <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> На сайте есть таблица, в таблице ячейка, стили: vertical-align: top; padding-left:5px; padding-right:8px; padding-bottom:20px; В эту ячейку вставляется еще таблица, со свойством height:100% - но таблица не растягивается по высоте. В чем могут быть причины?

    Asked by Walk,

    0 votes
    5 answers

  22. Создание опроса

    На сайте начал делать форму опроса. Код написал, спасибо этому сайту, выручил очень сильно. Но столкнулся со следующим - как сделать так, чтобы результаты опроса суммировались и выводились на отдельной странице? Понятно что надо что-то прописать в строке form action, но как сделать я не знаю. А то получается так, что результаты уходят на мою почту, мне придется вручную каждый раз все менять. Сбросьте ссылку на образец или подсказки по данному вопросу. Всем спасибо!

    Asked by roosei,

    0 votes
    35 answers

  23. Обрезание блока с затемнением

    Добрый вечер! Есть задача обрезать контент внутри блока (делаю при помощи overflow: hidden;) далее нужно добавить красоты, плавного(градиентного) ухода текста, т.е. положить сверху див в png с градиентным фоном. Получается, что нужно два дива одинаковой высоты, т.к. контент тянется (что уже напрягает), плюс див с градиентом должен лежать поверх дива с контентом. Дабы не возникало вопросов по поводу "коммерческого отдела" выкладываю код и изображение. <style type="text/css"> div.round-box {background: url('i/t.gif') 0 0 repeat-x; height: 100%;} div.round-box .line-l {background: url('i/l.gif') 0 0 repeat-y;} div.round-box .line-r {background: url('i/r.gif') 100% 0 r…

    Asked by rb88,

    0 votes
    20 answers

  24. display: table для ослов

    Как заставить ослов 7-ой и ниже версии понимать display: table , table-cell свойства?

    Asked by Yahoo!,

    0 votes
    34 answers

  25. div bg problem

    Скрин с разрезкой сайта, собственно, вопрос телезрителей: как бэкграунд сделать цельненьким? т.е. чтобы не было серых областей под второй и третьей слева колонок. http://img260.imageshack.us/img260/1663/bg1j.jpg Засунул все дивы в див, назовем его box, для него прописал бекграунд, но толку ноль, как будто его вообще нет. В чем теор. может быть ошибка. На всякий прикреплю еще текст. <body> <div id="page"> <div id="header"> пэхэпэшечка </div> <div id="123"> <div id="content"> пэхэпэшечка </div> <div id="sidebar2"> пэхэпэ </div> <div id="sidebar"> пэхэпэ </div> &…

    Asked by slipkahh,

    0 votes
    17 answers

  • Обсуждения

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

      By Mondeus · Posted

      Доброго всем времени суток. Прошу помощи. Научите принципу изменения футера. Движок Xenforo. Версия 2.2.10. Стиль дефолтный. Что именно нужно в итоге на фото примере. Мой шаблон app.footer less имеет следующее значение.  .p-footer { .xf-publicFooter(); a { .xf-publicFooterLink(); } } .p-footer-inner { .m-pageWidth(); .m-pageInset(); padding-top: @xf-paddingMedium; padding-bottom: @xf-paddingLarge; } .p-footer-row { .m-clearFix(); margin-bottom: -@xf-paddingLarge; } .p-footer-row-main { float: left; margin-bottom: @xf-paddingLarge; } .p-footer-row-opposite { float: right; margin-bottom: @xf-paddingLarge; } .p-footer-linkList { .m-listPlain(); .m-clearFix(); > li { float: left; margin-right: .5em; &:last-child { margin-right: 0; } a { padding: 2px 4px; border-radius: @xf-borderRadiusSmall; &:hover { text-decoration: none; background-color: fade(@xf-publicFooterLink--color, 10%); } } } } .p-footer-rssLink { > span { position: relative; top: -1px; display: inline-block; width: 1.44em; height: 1.44em; line-height: 1.44em; text-align: center; font-size: .8em; background-color: #4682B4; border-radius: 2px; } .fa-rss { color: white; } } .p-footer-copyright { margin-top: @xf-elementSpacer; text-align: center; font-size: @xf-fontSizeSmallest; } .p-footer-debug { margin-top: @xf-paddingLarge; text-align: right; font-size: @xf-fontSizeSmallest; .pairs > dt { color: inherit; } } @media (max-width: @xf-responsiveMedium) { .p-footer-row-main, .p-footer-row-opposite { float: none; } .p-footer-copyright { text-align: left; padding: 0 4px; // aligns with other links } }  
    • torsar
      Примеры верстки

      By torsar · Posted

      Нужны сайты с примерами верстки, типа https://css-tricks.com/. Типовые приемы и нестандартные на все случаи жизни. Накидайте ссылок.
    • Katerina23
      Какой тег использовать, чтобы увеличивать число кнопками вверх-вниз?

      By Katerina23 · Posted

      Да, подходит. Спасибо.
    • Switch74
      Какой тег использовать, чтобы увеличивать число кнопками вверх-вниз?

      By Switch74 · Posted

      <input type="number">
    • Katerina23
      Какой тег использовать, чтобы увеличивать число кнопками вверх-вниз?

      By Katerina23 · Posted

      Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
    • DeZ
      Список покидает див

      By DeZ · Posted

      Решение нашел.  Заменил на  Всем привет. Список выходит из дива. При этом, другие элементы в диве отображаются корректно. Не могу найти причину. Нужно чтобы список был под кнопкой ПЛЕЙ...          
    • AIek
      ищу клиентов,услуги

      By AIek · Posted

      Здравствуйте! Мы команда программистов с многолетним опытом разработки. Работая с нашей командой, Вы получаете порядок условий и развитие с обеих сторон: разработка проекта и продолжение сотрудничества на долгосрочной основе, так же специалисты всегда готовы предложить различные идеи и дополнения.  Разрабатываем проекты любой сложности: скрипты для автоматизации рутины, боты, сайты, админ панели, ico, ldo, разработка криптовалюты, смарт контракты, приложения, игры. Ответственность, качество, соблюдение дедлайнов - это про нас!  Наш контакт:  https://t.me/MadFury (https://t.me/madfury) (TG) TG:  https://t.me/2e7.io Сайт: https://code-r.io/
×
×
  • 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