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. Глюк с шириной колонок в IE

    В IE 6 появился глюк с шириной колонок. Колонки стали узкими несмотря на то, что я указала для них фиксированную ширину. Причем этот глюк появился только на главной, на остальных страницах все в порядке. А сама страница опустилась вниз и поднять ее никак не получается. Посмотреть это безобразие можно на http://stranasovetov.biz/ Помогите, пожалуйста, кто знает в чем тут ошибка. Сама никак не сображу. Заранее всем спасибо. Людмила

    Asked by ludmilal,

    0 votes
    7 answers

  2. Эффект при передвижении мышки по меню

    Кто нибудь может помочь добавить эффект, по аналогии меню на www.tezar.us. А точнее переходов синей полоски.

    Asked by alkapone,

    0 votes
    2 answers

  3. Много таблиц

    У меня на сайте несколько таблиц. И так получается, что оформление у них будет совершенно разное. Не только самих таблиц, но и соответвенно ячеек. Как грамотнее будет оформить это в css? Пока я задаю классы для разных видов table и td. Но если таблица большая в каждый td вставлять класс довольно долго. Вопрос нет ли менее трудоемкого способа? Или я много хочу?

    Asked by koshkina,

    0 votes
    2 answers

  4. Непонятки со свойством z-index:

    Имеется два div блока 1-й с id= cl_1 и z-index=100, 2-й с id= show_menu_client и z-index=88 Нужно что бы блок 1 перекрывал собой блок 2 но на практики получается наоборот Вот HTML <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head> <link rel="stylesheet" type="text/css" href="css/style_1.css"> </head> <body> <div id="show_menu_client"></div> <!--Блок который должен быть перекрыт--> <div id="fonHeader"></div> <div id="container"> <div id="pageHeader"></div> <div id="menu"> </div> <div id="wrapper"> <div id="block_1"> <!—————————Перек…

    Asked by prihod,

    0 votes
    5 answers

  5. Вертикально выравнивание

    <table width="100%" height="100%" border="0"> <tr> <td align="center" valign="middle"> <table cellpadding="0" cellspacing="7" border="0"> <tr> <td></td> </tr> </table> </td> </tr> </table> Не могу сделать так, чтобы вложенная таблица (будет 980пх) была выравнена по центру экрана вертикально, вне зависимости от размера экрана, как не пробывал, вс? равно прикручивается к верху.

    Asked by дизайнеръ,

    0 votes
    3 answers

  6. Css Style

    uc5:ToolBar1 ID="ToolBar1" runat="server" /> uc5:ToolBar1 ID="ToolBar2" runat="server" /> ToolBar содержит: asp HyperLink ID="HyperLink1" runat="server" NavigateUrl="http://***.ru">Forum</asp></td> asp HyperLink ID="HyperLink2" runat="server" NavigateUrl="http://****.ru">Box</asp></td> тд тп.. вот нам надо чтоб в ToolBar1 Hyperlink1 был например зел?ный а в ToolBar2 Hyperlink1 был например красный как это описать в CSS файле??

    Asked by Grid,

    0 votes
    23 answers

  7. В?рстка меню слоями

    Всем доброго времени суток. С использованием таблицы эта задача решается очень просто, интересно можно ли е? решить также просто без использования таблиц. Задача состоит в создании меню со следующими условиями: 1. ширина пунктов в явном виде не зада?тся; 2. меню должно плавать по центру родительского контейнера; 3. каждый пункт меню должен заключаться в отдельный контейнер, в котором можно будет задать отступы текста от его кра?в. Если изложил не понятно, прилагаю код решения с применением таблицы: <!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"…

    Asked by Storm,

    0 votes
    29 answers

  8. Див не фиксируется в эксплорерах...

    Всем привет Может у кого возникнет свежая идея, дело вот в чем. Вот страничка (стили и код в одном)... во всех браузерах нормально.. ну а в эсплорерах как обычно... проблема в высоте дива (прибавляет автоматически) и правый див (righcol) поднимает наверх, хотя должен быть на 70 px ниже ... Вот сам код, если у кого есть вариант, буду благодарна.. . я что=то тут застряла.. <!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" lang="ru"> <head> <title> </title> <meta http-equiv="content-type" content="text/html; charset=windows-…

    Asked by shokeri,

    0 votes
    29 answers

  9. Почему Opera так себя вед?т?

    Вот так: В ИЕ и FireFox вс? нормально. Вот код: <div style="border: solid 1px #C0C0C0; margin: 5px; cursor: hand; float: left;" onclick="java script:win('../gallery/imageLibrary/file.jpg','win','w','h');" onmouseover="this.style.borderColor='#AF2D2D';" onmouseout="this.style.borderColor='#C0C0C0';"> <table cellpadding="0" cellspacing="0"><tr><td style="vertical-align: middle; height: 88px;"> <img src="../gallery/imageLibrary/file_tb.jpg" alt="" style="margin: 5px;" /> </td></tr></table> </div> Причем помечанные фотографии при любом их местоположении отображаются нормально...

    Asked by gizmomy,

    0 votes
    17 answers

  10. Верстка в три колонки.

    Возвращаюсь к версте в три колонки Есть такой набор блоков HTML код <div class=all_page> <div class=left_content_border> <div class=left_content> <img src="/site_resources/images/sidebanner.jpg"/> <div class=second_menu> Это первый блок </div> </div> </div> <div class=right_content_border> <div class=right_content> Это второй блок Он должен находиться справа от первого </div> </div> <div class=right_banner> <a href=http://www.lipsum.com/>Lorem ipsum</a> </div> <div class=third_menu> </div> </div> CSS .left_content_border{ width: …

    Asked by Casufi,

    0 votes
    2 answers

  11. Ben,это Данила! I need help!

    Уважаемые профи и начинающие товарищи!понимаете в каком разделе я пишу, поэтому не судите строго следующий код. вот у меня трабл (хотя может и не трабл совсем), написала код, проверила через IE-отображается так, как мне надо...но FF!!!он меня св?л с ума!упорно не отображает изображения. что я не так сделала?оч прошу помочь, потому что больше не кому, а сайт надо сделать )))) ***************************************************************************************** <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <STYL…

    Asked by jmncherry,

    0 votes
    5 answers

  12. блок в блоке

    учусь верстать div'ами... проблема такая: блок ?1 содержит в себе блок ?2. как сделать так, чтобы при увеличении блока ?2 по вертикали (вставляю текст большей длины), также увеличивался блок ?1? у меня получается, что блок ?2 растягивается до края блока ?1, и текст вылезает наружу...

    Asked by Slashka,

    0 votes
    6 answers

  13. Favicon

    В общем проблема. Эксплорер игнорирует иконку. Причем не только у меня. Мой эксплорер начал показывать иконку на яндексе, только после того как я посетил этот сайт 100000........ раз... В ч?м проблема? Эксплорер старый? :/ На последней версии тоже тупит.

    Asked by FloG,

    0 votes
    4 answers

  14. Смещения в IE.

    У меня проблема очень странного характера. Сверстал сайтик. На половине компьютеров отображается нормально, на половине - со смещением, прич?м разрешение одинаковое, браузеры - тоже. http://www.korben.biz/nukerus/index.php На мо?м компе вс? корректно в FF 2.0.0.13, IE 6, IE 7, Opera, на других компьютерах отдела смотрел - тоже нормально. Но у некоторых появляются непонятные смещения. А именно: хедер раздел?н на три разных рисунка, самый маленький - тот, что за Поиском - отображается как background. Вот на некоторых компах он смещ?н на пару пикселей вправо. - это самая главная проблема, от которой я не представляю как избавиться. И ещ? - http://www.korben.biz/nukerus/modul…

    Asked by Korben,

    0 votes
    7 answers

  15. DIV

    Есть сайт разверстанный таблицами, вот вопрос - как сделать так, чтобы слой был точно сверху одной таблицы, ну или сверху картинки ,чтобы можно было спокойно писать текст как бы поверх картинки ?

    Asked by Flanker,

    0 votes
    22 answers

  16. В FF не работает относительное позиционирование блоков

    Собственно код следующий. Требуемое действие это передвижение блока дива при шелчке по ссылке на который висит JavaScript. в IE и в Opera все работает в FF 2.0.0.13 вообще никак, Js включен. <html> <head> <title>Относительное позиционирование</title> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <script language="javascript"> flag=0; </script> </head> <body > <div style="margin-left:100; width:200; height:50; border:1 dotted;" > <div id="kuku" style="border:3 solid; left:50; position:relative; top:0; width:120"> <a href="java script: if (flag==0) { window.document.al…

    Asked by ProGGGer,

    0 votes
    3 answers

  17. ВСЕ нормально но выявляется интересная проблема!

    Все не могу нормально продвинуть в верх таблицу в Dreamweaver пожалуйста помогите в этом.

    Asked by Maestro,

    0 votes
    0 answers

  18. Размер iframe

    Вопрос в следующем: возможно ли растягивать высоту iframe под нужный контент автоматически (то есть без полос прокрутки)?

    Asked by Veseloff,

    0 votes
    12 answers

  19. Помогите с таблицей

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

    Asked by Twingg,

    0 votes
    7 answers

  20. про обтекание изображения...

    В разных источниках доходчиво рассказано как добиться того или иного обтекания изображения текстом. Но если сайт стоит на php, в каком месте копать? У меня получилось так: слева - картинка, а справа - длинным столбом текст, который по идее должен эту картинку "обтекать" и снизу... И в картинке, и в тексте стоит align:"left" Подскажите направление работы, плизз!

    Asked by NAS 750,

    0 votes
    4 answers

  21. IE некорректно отображает таблицу. Что делать?

    Проблема вот какая: проект, в нем есть левый фрэйм - оглавление, который представляет из себя таблицу с картинками. (см. ниже) Safari под маком и firefox все отображают корректно, но IE вставляет разрывы между изображениями - и это все портит, т.к. должно быть сливание изображения с бэкграундом другого фрэйма. Пробовал все параметры, какие знаю, выкидывал таблицу, оставляя просто картинки - не помогает. Может кто что посоветует? <HTML> <HEAD> <META NAME="GENERATOR" Content="DS"> </HEAD> <BODY bgcolor="#111111" background="left_background2.jpg" bgpropeties="fixed" topmargin="0" leftmargin="0" rightmargin="0" bottommargin="0" marginwidth="0" marg…

    Asked by Dmitry,

    0 votes
    5 answers

  22. Rowspan - Проблемма!!!

    Вобщем все шло гладко, пока не напоролся на баг! Вобщем создал таблицу, дабы разместить содержимое страницы в порядке. Создал таблицу с тремя колонками, одна для эскизов, другая для описания, третья для другого содержимого. Но дело в том, что последняя строка (левые 2 нижние) растягиваются под правую ячейку, а мне это не надо, мне надо как показано на скрине: Вобщем галимо как-то смотрится: Вот код (точнее макет), сам код можно гянуть тут http://dnipro.dp.ua/ <table border="0" align="center"> <tr height="60"> <td width="80">ячейка 1</td><td width="65%">ячейка 1</td> <td width="35%" rowspan="5">ячейка 2</td> </tr> &…

    Asked by Пятница,

    0 votes
    22 answers

  23. Картинки под высоту экрана

    Добрый день. Для примера таблица с одной строкой и 2мя столбцами. В первом столбце текс, во втором - картинки одна под другой. Высота картинок 200px. Как сделать так, чтобы картинки занимали ровно столько места по высоте на экране, сколько текст? Например, если текста немного, должно быть 4 картинки. Если текста много (высота таблицы увеличивается, появилась полоса прокрутки в браузере), картинок должно стать 5 или 6. Пишу под PHP.

    Asked by avector,

    0 votes
    16 answers

  24. Проблемма JavaScript в BTABLE

    BACKGROUND-IMAGE: url(fon/top.gif); BACKGROUND-REPEAT: no-repeat; BACKGROUND-COLOR: #fcebe2 } UNKNOWN { document: img_src } style="LEFT: 330px; WIDTH: 500px; POSITION: absolute; TOP: 300px; HEIGHT: 500px"> BMWВсего изображений в разделе: 8 Tooltips вкл/выкл onmouseover="java script:tooltip('Ваш комментарий к ссылке', 1);" onmouseout="java script:tooltip('', 0)" href='"1.gif"' ;> name="1"> Tooltips вкл/выкл onmouseover="java script:tooltip('Ваш комментарий к ссылке', 1);" onmouseout="java script:tooltip('', 0)" href='"2.gif"' ;> name="2"> Tooltips вкл/выкл onmouseover="java script:tooltip(…

    Asked by CHVV,

    0 votes
    0 answers

  25. Сайт от 1024 и до 1280

    Здравствуйте, поскажите как решить такую проблему: нужно чтобы сайт тянулся от 1024 до 1280, и во всех браузерах.. max-width и min-width соответственно не поддерживается IE 6, может кто-то в курсе как это обойти?

    Asked by Lergana,

    0 votes
    1 answer

  • Обсуждения

    • 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