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. Верстка на div в две колонки, в правой div с clear:both

    Имеется две колонки (в левом меню, в правом контент). Есть необходимость в правый блок выводить каждый из которых должен начинатся с новой строки. Но возникает проблема, если указываю clear:both, то див переносится до уровня конца левого блока. Какой может быть выход? <style type="text/css"> #menu {width: 270px;background: #e3e8cc;border: solid 1px black;float: left;} #content {background: #e3e8cc;border: solid 1px black;margin-left: 275px;} </style> <body> <div id="menu"> hkjh hkjh hkjh hkjh hkjh hkjh hkjh hkjh hkjh hkjh hkjh hkjh hkjh hkjh </div> <div id="content"> <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit…

    Asked by BAV,

    0 votes
    9 answers

  2. Автовыполнение скрипта при загрузке страницы средствами XUL

    Собственно не нашел где вопрос по XUL задать, потому пишу сюда, как в раздел, где обсуждаются вопросы XML и ему подобных. Значит проблема такая - пишу плагин для Mozilla 4.0, уже написал js, который прекрасно работает, когда стоит в head'e страницы. Пытаюсь собрать xpi-шник для своей лиски, но вопрос упирается вот во что: Что нужно написать в xul-файле, чтобы скрипт начинал выполняться автоматически при загрузки любой страницы?

    Asked by chebog,

    0 votes
    2 answers

  3. Растягивание div-а под текст.

    Имеется такого рода проблема: http://www.progcom.sumy.ua/template/cod/ Как сделать, чтобы див справа растягивался? Чтобы текст не налезал... css div.main { width : 780px; height : auto; margin : 0px auto; padding : 0px 0px; border: 1px solid black; } div.content{ width:780px; height:auto; margin : 0px auto; padding : 0px 0px; min-width: 780px; width: expression(document.body.clientWidth > 780 ? "100%" : "780px") } img.fix { vertical-align: bottom; } table.content_table_first{ margin-top:10px; text-align: top; vertical-align: top; } div.left{ width:190px; height:327px; margin-left:5px; margin-right: 0px; padding : 0px 0px; border: 1px solid grey; } div.right{ width:5…

    Asked by Mihail Dobkin,

    0 votes
    3 answers

  4. изменение URL-адреса в нескольких ячейках таблицы одновременно

    Подскажите, новичку! У меня есть таблица с 4-мя ячейками одна под другой. Во всех 4-х стоит одно и то же изображение. Мне нужно знать ,если я захочу менять эти изображения,существует ли способ избежать 4-х кратного изменения адреса картинки (т.е. в каждой ячейке отдельно). Можно ли изменить только один раз, а в остальных ячейках прописать какую-то привязку к измен?нной ячейке,чтобы все остальные менялись автоматом? Заранее спасибо....

    Asked by FreeFemale,

    0 votes
    2 answers

  5. div display:inline в мозилле

    Столкнулась с такой проблемой. Когда проставляешь у div свойство display:inline, в мозилле и опере он перестает видеть ширину.. я конечно понимаю что ширина у инлайновых элементов - это несколько неправильно... но все же.. может как-то можно обойти? Вот кусок кода <table cellpadding="0" cellspacing="0" border="0" width="100%" style="height:100%"> <tr> <td><div style="display:inline;width:300; border:1px solid #00ff00;">Молоко</div> <div style="display:inline;width:300; border:1px solid #00ff00;">Ещ? порция</div> </td> </tr> </table>

    Asked by Lergana,

    0 votes
    8 answers

  6. div в td

    Подскажите пожалуйста, как сделать следующую вещь: <table> <tr> <td style="height:100%"> <div class="1"> </div> <div class="2"> </div> </td> </tr> </table> Оба дива фикс. ширины и высоты, необходимо чтобы один был прибит к полу td, а второй к потолку. Вставлять внутрь ещ? одну таблицу не хочется..

    Asked by Lergana,

    0 votes
    9 answers

  7. 2 класса ссылок в одном документе. Помогите!

    Здравствуйте, серьезная проблема: пытаюсь отделить дизайн от html и столкнулась с тем, что у меня второй класс ссылок не работает, перелопатила весь код, не пойму почему так получается... Помогите, пожалуйста! Не работает класс a:link.text, ссылки вообще такими не делаются. P.S. Вставляю весь код, вдруг дело не в самих классах. <html> <head> <title>Layout</title> <link href="style.css" rel="stylesheet" type="text/css"> </head> <body> <table class="main" border="0" align="center"> <tr><td class="top" colspan="3"><div id="profile">Здесь будет текст</div></td></tr> <tr><td class="…

    Asked by vaalru,

    0 votes
    5 answers

  8. padding

    Здравствуйте. Помогите пожалуйста разобраться. Это часть css кода: #footer p { background-image: url(images/niz_z.jpg); background-repeat: repeat-x; padding: 30px 0 5px 5px; margin: 0; clear: both; font-size: 80%; color: #fff; } отступы: 30px 0 5px 5px; нормально отображаются в FF ,Safari ,Opera, Netscape . В IE нормально отображается : 15px 0 5px 5px ; Как добиться "золотой середины", или одинакового отображения свойства padding во всех браузерах?

    Asked by Lobo,

    0 votes
    12 answers

  9. Интересная проблема с высотой елемента

    В общем, проблема такая. Есть елемент, который должен растягиваться на высоту всей страницы, то есть height: 100%; Этот елемент генерируется на страницу через JS. Проблема в том, что при первых заходах на сайт, нужный елемент не растягивается на полную высоту сайта, а оставляет небольшие пустые промежутки сверху и снизу елемента. При последующих обновлениях страницы все стабилизируеться. Мои догадки по поводу причины проблемы таковы: Пока все картинки сайта еще не загрузились высота всей страницы меньше, чем она выходит после загрузки всех картинок. И паралельно генерируеться нужный мне елемент с высотой страницы, которая еще не полностью загружена. А когда страница полн…

    Asked by Torkvemada,

    0 votes
    8 answers

  10. Плавающее окошко

    Как создать плавающее окошко без использования фреймов? Или наподобие попапа на flash? Хочу сделать доп. информационное окошко. по крайней мере - где почитать информацию?

    Asked by Komatoz,

    0 votes
    1 answer

  11. Логотип сайта почему-то смещ?н вниз.

    Как сместить его вверх, чтобы он сливался в одно целое с фоновым изобр.??? В коде вроде вс? верно. Никак не мого понять. www.sylvesterstallone.narod.ru/rus.html

    Asked by Sheena,

    0 votes
    4 answers

  12. alt target и xtml strict

    there is no attribute "target" there is no attribute "alt" <a href="http://maps.yandex.ru/map.xml?mapID=2000&mapX=4182143&mapY=7472501&scale=10&slices=1" target="_blank" alt="Ссылка на Яндекс.Карты"> Валидатор разнес эту строку в пух и прах! и что с ней делать? так же ругается на - чем его заменить? тут же к ссылкам: cannot generate system identifier for general entity "Photo" <a href="java script:BigPhoto('viewbig.php?dis=0&Photo=1')">

    Asked by SibBear,

    0 votes
    5 answers

  13. Как верстать сайты таких типов

    как верстать сайты примерно по такому макету?? http://smu55.narod.ru/maket.html

    Asked by Baibek,

    0 votes
    9 answers

  14. Обучение PHP

    Бесплатно обучу PHP. Email: slavik_1790@yahoo.com

    Asked by slavikru,

    0 votes
    12 answers

  15. Событие по onclick

    Подскажите, пожалуйста, начинающей Есть меню, каждый элемент которого состоит из таблицы. По событию onclick по таблице заменяются некоторые элементы таблицы, а также некоторые свойства элементов. Но никак не пойму как сделать так, чтобы при следующем щелчке по другой таблице в первой все менялась обратно? Код такой пока function paint(table1) { var img1 = table1.firstChild.firstChild.firstChild.firstChild; var td1 = table1.firstChild.firstChild.firstChild.nextSibling; var img2 = table1.firstChild.firstChild.firstChild.nextSibling.nextSibling.firstChild; var tr1 = table1.firstChild.firstChild; img1.setAttribute('src', 'images/Copy-of-maket_10.jpg'); img2.setAttribute('…

    Asked by koshkina,

    0 votes
    1 answer

  16. 3 фиксированных div, один со скролом.

    _______________ I_1_I____2______I I I I |_3_I____4______I Надо разделить вывод на 4 зоны, - три фиксированых(1,2,3), - заголовков и меню, и одна - контент (4)с появлением скрола при превышении размеров экрана. При скроле контента (4) и при зуммировании вывода (1,2,3) должны остаться на месте. Такое возможно? У меня получилось только с позиционированием fixed, но при этом, если в браузере делать zoom страницы, все сдвигается. Заранее спасибо за помощь.

    Asked by dad,

    0 votes
    1 answer

  17. Как сдвинуть голосование в сторону?

    Я создала голосование, но не знаю, как его сдвинуть вправо, так чтобы не появился горизонтальный бегунок. И может ещ? поможете как уменьшить голосование в размере?

    Asked by Gekosa,

    0 votes
    3 answers

  18. Цвет шапки таблиц.

    Как поставить вместо цвета шапки таблиц какой-нибудь рисунок (картинку)?

    Asked by Gekosa,

    0 votes
    3 answers

  19. Дополнительное окно

    Всем добрый день!!! А подскажите пожалуйста, когда я делаю так текст текущей ссылки текст ссылки 1, что нужно добавлять, чтобы ссылка открывалась в дополнительном окне? А то target="_blank" не работает

    Asked by Edem,

    0 votes
    3 answers

  20. Проблема с кроссбаузерной верской....

    Всем привет, столкнулась с такой проблемой, уже что-то походу знаний не хватает, чтобы понять в чем косяк.... в эксплорере и в Мозиле страничка показывает нормально... в опере и в сафари кнопка уезжает у кого влево, у кого вправо. В чем может быть причина??? Заранее спасибо, если кто глаза откроет. Сам файл: Здравствуйте! Для работы в системе Вам необходимо авторизоваться! Ваш логин: Ваш пароль: checked="checked" value="1" name="rem" /> а вот css к нему : html, body { background:#dcdcda url('images/gradient_outer.png') top repeat-x; font-family: Verdana, Tahoma, sans-serif; font-size: 11px; padding: 0px; border:0px; mar…

    Asked by Shoker,

    0 votes
    24 answers

  21. Помогите... JS не возвращает назад по истории

    Не понимаю где ошибка... JS не возвращает назад по истории Назад < И посмотреть негде :>

    Asked by antonP,

    0 votes
    1 answer

  22. Подгрузка контента

    Ситуация такая: нужно в какой то контейнер (предположительно div) подгружать контент. Например: на странице есть блок с новостью. под ней ссылка: Читать следующую новость, при нажатии на которую без перезагрузки страницы грузится следующая новость. Браться они могут откуда угодна txt или другой хтмл. Знаю что реализовать это можно с помощью аякса, но можно ли как то обоитись без серверных языков? чистым js или еше как-то? самому в голову пришло две вещи,но они обе не нравятся: 1. создать к примеру 5 слоев, один видимый, а ссылкой управлять видимостью слоев. Проблема: не сделаешь много слоев-увеличивается размер страницы. 2. реализовать на флеш. Проблема: у юзера должен ст…

    Asked by Nird,

    0 votes
    8 answers

  23. Выпадающее меню на CSS

    Нужно выпадающее меню на Css(в яве не бум-бум) Нашла огромное количество описаний, делаю по http://www.webmascon.com/topics/coding/42a.asp вот мое меню <!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"> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /> <title>Выпад меню</title> <link href="help.css" rel="stylesheet" type="text/css" /> </head> <body> <div id="wrap"><!--начало оболочки--> <div id="content"><!--начало контента--> <div id="sidebar"> <d…

    Asked by net,

    0 votes
    2 answers

  24. Помогите с отображением в IE

    HTML <body> <div class="header">шапко</div> <div class="main"> <div class="left"> <div class="write">проверить</div> <div class="read">напысать</div> <div class="menu">меню</div> </div> <div class="right"> <div class="messages"> <div class="letter">письмо</div> <div class="letter">письмо</div> <div class="letter">письмо</div> <div class="letter">письмо</div> <div class="letter">письмо</div> <div class="letter">письмо</div> <div class="letter">письмо</div> </div> </div> </div&…

    Asked by Narlie,

    0 votes
    1 answer

  25. Хитрая форма - "выбрать или ввести".

    Добрый день! Необходимо создать форму, в которой будет на выбор предоставлено несколько вариантов ответа, которые я делаю через , но также необходимо добавить вариант, в котором пользователь введет свой ответ, и как это сделать я не могу придумать! Есть ли решение? Спасибо!

    Asked by Alexey Menshikov,

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