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. вопрос по позиционированию

    Здравствуйте. Подскажите плз как в одном блоке разместить часть текста слева, а часть - справа? и еще: между двумя колонками в опере появляется полоска, как от нее избавиться?

    Asked by Izum,

    0 votes
    9 answers

  2. Как сделать минимум и мах видз для ие6?

    Как сделать минимум и мах видз для ие6?

    Asked by woofs,

    0 votes
    9 answers

  3. Подскажите новичку:)

    html <!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"> <link href="style.css" rel="stylesheet" type="text/css" media="screen"/> <title>Мой первый шаблон</title> </head> <body > <div class="body_wrapper"> <div class="conteiner"> <div class="header"> <div class="header_logo"> <h1><span></span></h1> <div class="search"> <form action ="http://www.vkontakte.ru"> <div> <h3>Search:</h3&gt…

    Asked by Xepb,

    0 votes
    9 answers

  4. Подскажите пожалуйста

    Приветствую всех! По сути: Столкнулся с давно описанной проблемой, а именно - расстоянием от маркера(маркир. списка) до текста. Вот здесь, в Рецептах показан доходчивый и надёжный способ (li {padding-left: 20px;}),но в моём случае он почему-то не работает...в FF нормально,в IE, Opera не работает. Вот участок CSS: li { padding-left: 20px; list-style-image: url(images/li.gif); list-style-position:inside; } li:hover {list-style-image: url(images/li-hover.gif); } Очень интересно, почему это не работает,может у меня где-то ошибка? Посмотреть как именно не работает

    Asked by bravada j,

    0 votes
    9 answers

  5. text-decoration

    Возможно ли при применению к тескту text-decoration: underline; менять толщину, ширину и цвет линии подчеркивания в отличии от самого текста

    Asked by sc@r@bey,

    0 votes
    9 answers

  6. Вопрос по фреймам

    Доброго времени суток всем! Существует сайтик с фреймовой структурой, вполне рабочий. Появилась необходимость сделать сначала html-страничку, а потом уже переход с нее на сайт. К сожалению, не получается грамотно это сделать. Посоветуйте пожалуйста варианты решения проблемы

    Asked by Naimae,

    0 votes
    9 answers

  7. проблемы с Селектом

    Требуется сверстать форму с "огламуренный" селектом как на картинке как релизовать?? После применеия CSS к селекту он неодинаково отображается в IE и FF (IE не убирает рамку) как пофиксить? мой код тут http://depositfiles.com/files/f1sid9m07

    Asked by generator2003,

    0 votes
    9 answers

  8. Проблема с выводом постраничной навигации

    Здравствуйте. Нашел на одном сайте код постраничной навигации оптимизировал под свой сайт все работает ок. Проблема в том что по какой то причине ИЕ6 не хочет выдоить стили для неё. Помогите пожалуйста разобраться. В фаерфоксе работает на ура а в ИЕ не в какую. Вот код <table width="100%" height="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td width="20" height="22" class="corner_lt"> </td> <td height="22" class="corner_lt_body"> </td> <td width="26" height="22" class="corner_lr"> </td> </tr> <tr> <td width="20" class="corner_bl_body"> </td> <td bgcolor="#FFFFFF"> <…

    Asked by ar130405,

    0 votes
    9 answers

  9. DIV не хочет растягиваться по вертикале (в Опере)

    Мужыки, привет! Вот код: <!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> <link rel="stylesheet" type="text/css" href="styles.css" media="screen"> </head> <body> <div id="body"> <div id="header"> Заголовок </div> <div id="content"> <div id="leftcol"> <div class="leftcol-component"> Поиск по... фамилии, адресу и т.д. </div> <div class="leftcol-component"> Консультант он-лайн </div…

    Asked by acid,

    0 votes
    9 answers

  10. Использование большой картинки для header

    Как вы используете картинку довольно большую, 990х400 пикселей для header? Использовать в качестве фона всю картинку если нет другого выхода, точнее если нет смысла ее делить на части, так как почти не несет в себе ничего, кроме как картинки? правильно ли это?

    Asked by termoplus,

    0 votes
    9 answers

  11. Помогите!Верстка разрезанной картинки

    Итак, мне нужно сверстать сайт, где шапка - это одна большая картинка. Почерпнув множество рекомендаций, я решила разрезать ее на маленькие, потому что они быстрее грузятся. Но - у меня не получается их сверстать! Между маленькими картинками - пробел, и все тут! Div'ами пробовала, тот же эффект. В гугле ничего путного по этому вопросу найти не могу (во всех найденных статьях про это либо вскользь, либо предполагается, что это такая элементарщина, что и писать не стоит) Вот html: <table> <tr> <td><img src="1.jpg" width="100" height="200" alt="" border="0"></td> <td><img src="2.jpg" width="100" height="200" alt="" border="0"><…

    Asked by Sonya,

    0 votes
    9 answers

  12. Проблема с thead в таблице

    Помогите пожалуйста разобраться Имеется таблица(Вот фрагмент) <table id="example" class="tablesorter" border="0" cellpadding="0" cellspacing="1"> <thead> <tr> <th>Имя</th> <th>Фамилия</th> <th>Возраст</th> <th>Сумма</th> <th>Скидка</th> <th>Дата</th> </tr> </thead> И код CSS который отвечает за этот фрагмент table.tablesorter thead tr th, table.tablesorter tfoot tr th { background-color: #99CC00; border: 1px solid #FFF; font-size: 8pt; padding: 4px; } проблема в следующем: Если в thead вставить еще одну строку, то к ней применяется тот же сти…

    Asked by slavok47,

    0 votes
    9 answers

  13. Шапка Div'ами

    Помогите сверстать шапку сайта с помощью div'ов. По центру должен располагаться Div шириной 990px, а по краям 2 резиновых, которые будут тянуться в зависимости от разрешения экрана. На форуме нашел решение данной проблемы, но с табличной версткой. Хотелось бы понять как это сделать при помощи div'ов. Заранее спасибо.

    Asked by sibelius,

    0 votes
    9 answers

  14. относительное позиционирование

    Есть блочный элемент, который активируется изменением свойства display (block | none) с помощью JavaScript. Как сделать так, что бы все следующие за ним блоки не сползали вниз при появлении данного блока. Т.е. что бы динамический блок отображался поверх остальных блоков. З.Ы. Все элементы находятся внутри родительского блока (position: relative).

    Asked by chi,

    0 votes
    9 answers

  15. CSS float

    Всем доброй ночи. Хотел что то похожее на это тут текст тут картинка тут текст побольше тут картинка текст выравнивается по левому краю а картинка поправому <style type="text/css"> div { width:10%; } dl dd { float:left; } dl dt { float:right; } </style> <div> <dl> <dt>тут текст</dt><dd>тут картинка</dd> <dt>тут текст побольше</dt><dd>тут картинка</dd> </dl> </div> И если div меньше ширины картинки и текста то картинка падает вниз. В этом и есть моя проблема.

    Asked by CTEKJlO,

    0 votes
    9 answers

  16. Счетчик

    Просматривала темы в форуме. Нашла lifeInternet, но так и не смогла им воспользоваться: вставляю на страницу код, но он ничего не дает. Я пробовала на своем компьютере, а может результат будет виден после того как залью на сервер, не знаю. Помогите, пробовала также вставлять в разные места сайта. И почему там советуют вписывать счетчик в поближе началу в <body>, когда в основном на сайтах он находится в низу, значит и писать в конце?! Ну, в первый раз я со счетчиком работаю...!

    Asked by Zarina,

    0 votes
    9 answers

  17. Отображение

    Здравствуйте.Подскажите,как это сделать.Например,есть два разных браузера-Opera и Safari.Как сделать,что бы в Opere был что-то другое,чем в safari и остальных браузерах. Вот таким способом можно? <!--[if opera] > <h1>opera</h1> <![endif]--> <!--[if safari] > <h1>safari</h1> <![endif]--> Или это лучше сделать Javascript'oм?

    Asked by ^_^,

    0 votes
    9 answers

  18. Чего не хватает для работы а:hover

    Не работает в ФФ, Опера. В ИЕ 6 все окей. ul li { font-family: Arial, Helvetica, sans-serif; font-size: 15px; line-height: 20px; text-decoration: none; list-style-image: url(img/bullet.gif); } li a { font-family: Arial, Helvetica, sans-serif; color: #4C4D4F; text-decoration: none; } li a:hover{ list-style-image: url(img/bullet_grey.gif); } li a:visited{ color: #666666; }

    Asked by piryaz,

    0 votes
    9 answers

  19. Пропорциональное выравнивание блоков по горизонтале

    Привет, экспериментирую и гуглю часа 4е... ничего подобного найти не удалось, в общем: Необходимо выравнить произвольное (и заранее не известное) кол-во блоков (то есть блочных элементов со всеми признаками блочности, включая возожность иметь потомков различного типа, включая блочных) по горизонтали, внутри родительского блока, и с учётом пропорционального центрирования. например, имеется 4е сестринских блока, располагающихся внутри контейнера по всей его ширене, занимающие всё его клиентское пространство пропорционально (так сказать по центру), и имеющие одинаковые отступы друг от друга, изменяющиеся (уменьшающиеся/увеличивающиеся) в зависимости от количества сестринских…

    Asked by Партия ЦКCSS,

    0 votes
    9 answers

  20. Использование float делает ссылки в элементе недоступными

    Использование float делает ссылки в элементе недоступными. Причем отрицательные поля не используется, position: relative; тоже есть, но ссылки в swafari так и остаются недоступными. .contentLayout .sidebar1 { position: relative; margin: 0; padding: 0; border: 0; z-index: 1; float: left; overflow: visible; width: 264px; } .contentLayout .content { position: relative; margin left: 280px; top: 0; padding: 0; border: 0; z-index: 2; overflow: visible; } В IE7 все работает четко, в safari и во многих других браузерах во float-нутом блоке ссылки недоступны, и выделение самого блока невозможно. Как решить? ((

    Asked by Net-lady,

    0 votes
    9 answers

  21. Не работает float в IE6

    Не могу разбить хедер на блоки. CSS: .header_left { float : left; width : 230px; height : 140px; margin : 0; padding : 0; } .header_center { float : left; width : 370px; height : 140px; margin : 0; padding : 0; } .header_right { float : right; width : 250px; height : 140px; margin : 0; padding : 0; } HTML: <div id="header"> <div class="header_left"> </div> <div class="header_center"></div> <div class="header_right"></div> </div> Проблема возникла с header_right. В IE6 он упорно растягивается на все свободное место на странице. Подскажите, пожалуйста, как заставить блок соответствов…

    Asked by Mila,

    0 votes
    9 answers

  22. 2 картинки на бэкграунд

    Возникла необходимость вставить в бэкграунд с две картинки - одну в правом верхнем углу, другую - в левом нижнем. Как это можно реализовать?

    Asked by vitality,

    0 votes
    9 answers

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

    Всем доброй ночи, а ситуация следующая: Есть вот такое вот меню: http://psywalker.ru/Forum/vert.png Сделано оно таким образом: <!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=utf-8" /> <title>Untitled Document</title> <style type="text/css"> *{ margin: 0; padding: 0; list-style: none;} ul { text-align: center;} ul li { width: 110px;} ul li { display: inline-table; vertical-align: middle;} </style> </head> <body> <ul> &lt…

    Asked by psywalker,

    0 votes
    9 answers

  24. Тэг открытия файла

    Собственно отписываемся по впросу. Плиз очень надо.

    Asked by SergANT888,

    0 votes
    9 answers

  25. как реализовать такое навигацыонное меню

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

    Asked by svvoy,

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