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. Прошу помощи. Я - чайник!

    Господа! Прошу помощи, я полный чайник. Создаю свой сайт на UCOZ.RU всего несколько дней. Поэтому вопрос, наверное глупый, но как решить не знаю. Объясните, плиз, как блондинке (натуральной) Адрес сайта: http://murmanskclub.ucoz.ru/ В браузере Mozilla Firefox все надписи и кнопки информеров отображаются корректно, а если открывать в Internet explorer, то вместо некоторых информеров абра-кадабра (анекдоты) или съезжают(радио) или невидны (погода, новости). Как решить проблему? Чтобы во всех браузерах страничка была корректна... и Как избежать проблемы впредь, подстраховаться? Может где метки ставить? Или еще как-то перекодировать информеры? Заранее спасибо за помощ…

    Asked by Dezi,

    0 votes
    26 answers

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

    Добрый день! Занимаюсь версткой уже не первый год, но впервые столкнулся с подобной проблемой - и не могу найти ее причину. Есть файл стилей (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

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

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

    Asked by 100kd,

    0 votes
    3 answers

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

    В общем такая печальная картинка: Хотелось бы убрать лишнюю палку после последнего пункта. Заранее большое спасибо всем. Может меня почтит своим внимание 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

  5. не отображаются все елементы страницы в 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

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

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

    Asked by rash,

    0 votes
    6 answers

  7. Большие изображения

    Скажите, пожалуйста, можно ли помещать на страницу сайта большое изображение с прозрачным фоном, при этом его не разрезая на много кусков, используя тег <div> (изображение фиклируется в левом нижнем углу подвала, присутствует в коллонке меню и немного заходит на колонку с основной информацией) ?

    Asked by koshka,

    0 votes
    13 answers

  8. Баннер

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

    Asked by roosei,

    0 votes
    2 answers

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

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

    Asked by Hideki,

    0 votes
    4 answers

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

    Добрый вечер! Есть задача обрезать контент внутри блока (делаю при помощи 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

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

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

    Asked by ppvkomi,

    0 votes
    13 answers

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

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

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

    Asked by Infected,

    0 votes
    3 answers

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

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

    Asked by Ademar,

    0 votes
    1 answer

  15. Не работает 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

  16. Раскрытие окна

    Как прописать код, чтобы при наведении курсора мыши на определенный объект, всплывало окно в виде картинки, текста, таблицы? заранее всем спасибо за помощь и советы

    Asked by roosei,

    0 votes
    8 answers

  17. Помогите с написанием формы

    Помогите пожалуйста с написанием форми. Попробую объяснить суть. сайт делится на страницы. напр. АР Крым, Киев, Донецк, Луганск. При нажатии ссылки АР Крым->Сделать заказ, переходим на страницу с формой заказа. С полями: Область Тип заказа Ф.И.О .... Как сделать так, что бы не создавать для каждого региона отдельную форму, а при переходе с других областей автоматически вводило нужную область в строку город (при переходе с Луганской обл. Область: Луганская)?

    Asked by Alex&R,

    0 votes
    12 answers

  18. нужна Ваша помощь

    Доброго времени всем! Нужна Ваша помощь! Как сделать страничку с отзывами? Возможно ли это средствами CSS сделать??

    Asked by ask1503,

    0 votes
    8 answers

  19. line-height в IE

    http://www.marreti.ru Слева в навигации в ксс указано line-height:25px; В мозиле всё отображается корректно. Эксплорер и опера игнорирует этот интервал. Как сделать чтобы IE воспринял эту строку?

    Asked by Vector,

    0 votes
    1 answer

  20. SWFObject 2

    С самой вставкой флэша все норм. Описание читал тут http://designformasters.info/posts/flash-e...th-swfobject-2/. Прописываю скрипт так: <script type="text/javascript" src="img/index_02/swfobject.js"></script> <script type="text/javascript"> // <![CDATA[ var flashvars = {}; var params = { wmode: "transparent" }; var attributes = {}; swfobject.embedSWF("img/index_02/child.swf", "swf_content", "260", "248", "8.0.0", "img/index_02/swfinstall.swf", flashvars, params, attributes); // ]]> </script> и так: <span id="swf_content"><img src="img/index_02/no_image.gif" width="150" height="150" alt="Альтернативный текст" ti…

    Asked by DjTarik,

    0 votes
    8 answers

  21. Проблемы с img в ie 6

    Доброго времени суток Уважаемые коллеги. Проблема с тегом img в IE 6. К сожалению ссылку не могу выложить сайт находиться в стадии разработки. Постараюсь объяснить на "пальцах". Тег img в документе с полупрозрачными границами должен всплывать в левом верхнем углу блока. В FF и Opera всё ОК. Обнулил margin и подключил експрешон всё равно в IE 6 даёт отступ 10px слева Вопрос почему???? Заранее спасибо за ответ.

    Asked by taran,

    0 votes
    2 answers

  22. Запутался в таблице помогите

    Вот код <html> <body> <div align="left"> <table width="70%" border="5" cellspacing="1" cellpadding="7"> <tr height=16 style='height:12.0pt'> <td height=16 class=xl83 style='height:12.0pt;border-top:none' width="135"><font face="Verdana, Arial, Helvetica, sans-serif">bridge digital</font></td> <td class=xl83 style='border-top:none;border-left:none' width="155"><font face="Verdana, Arial, Helvetica, sans-serif">Charly Morgan Drums 2<span style='mso-spacerun:yes'> </span>disk 1</font></td> <td class=xl83 style='border-top:none;border-left:n…

    Asked by dima4321,

    0 votes
    9 answers

  23. CSS - как вставить в background три разные картинки

    Доброго всем вечера! Помогите, плиз, умные люди! вот например - есть у тебя одна форма, которую ты хочешь заполнить картинками. Первая картинка - красная звезда, она одна и не повторяется. За ней на repeat-x идет синяя звезда. И последняя - желтая звезда одна и без повтора. на этом коде показанна та синяя звезда (название pfon.gif) Как добавить перед ней красную звезду, а после нее - желтую? .poisk{color:#fff;width:100%;border-top:1px solid #fff;background:url(pfon.gif) repeat-x top left #fff}

    Asked by k-prutkoff,

    0 votes
    13 answers

  24. Как сделать подчёркнутую пунктиром гиперссылку

    Ещё раз доброго времени суток. вопрос по поводу тега A как сделать подчёркивание пунктиром? приём a{ border-bottom: 1px dotted #fff; } Почему-то не работает может быть кто нибудь сталкивался с подобной задачей? заранее спасибо за ответ.

    Asked by taran,

    0 votes
    13 answers

  25. Как всегда, непонятный эффект в IE

    Глюк в следующем. Делаю див, в нем по углам размещаю 4 картинки - для эффекта сглаживаемых углов. Картинки размещаю фоном. Во всех браузерах всё выглядит на ура. Далее, помещаю в контейнер еще один блок. В итоге в ИЕ нижние углы смещаются на пиксель вверх. В чем причина такого эффекта? <!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=utf-8"> <title>Документ без названия</title> </head> <body> <div style="position:relative; width:728px; float:left; display:inline; background-color:#bdbfc1; pad…

    Asked by AntonSubbota,

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