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. Можно ли как-то скрыть невместившееся содержимое в ячейку

    Есть некоторая таблица: <table cellpadding="0" cellspacing="0" style="width: 0px; table-layout: fixed;"> <tbody> <tr style="height: 0px;"> <td style="width: 50px;"> </td> </tr> <tr> <td style="overflow: hidden; padding: 0px; margin: 0px; height:50px" id="testTD"> Я помню чудное мгновение, передо мной явилась ты </td> </tr> </tbody> </table> Вот так она рендерится: В результате такой вёрстки удалось добиться того, что во всех браузерах невместившийся текст по ширине скрывается. Но по высоте он начинает расширяться чтобы весь текст вместился. Можно ли ка…

    Asked by kidar2,

    0 votes
    0 answers

  2. Вопрос по сверстаному шаблону

    Привет всем! Сверстал шаблон. И по нему возник вопрос: В опере проблема — появляется пустое пространство, загляните в шаблон вы поймете в чем дело, появляется большая полоса прокрутки. Я хотел сделать тень внизу от белой средней колонки и футера для этого вставил див(<div id="body_bg"></div>), который и создает это пустое пространство в опере, свойства которого такие: background:url("img/bg_body_bottom.png") no-repeat scroll 50% 100% transparent; bottom:0; height:1600px; margin-bottom:50px; position:absolute; width:100%; z-index:-10; как можно исправить? или может есть более изящное решение по установки тени?необходимо чтобы тень всегда была прижата к низу

    Asked by Mal4ishnik,

    0 votes
    7 answers

  3. Фреймы - не всегда просто!

    Решил заморочиться с фреймами ... не думал,что могут возникнуть сложности с таким простым делом. Но вот,что получилось: Создал стандартную структуру фреймов ==> 1.Основной файл index.html 2.Файл навигации top.html 3.Файл отображения main.html Задача: в файле навигации разместить ссылки на сайты,которые открываются в "основном окне"(в файле main.html). Разместил ссылки на Google,Mail.ru - всё работает корректно! Но!!! Размещаем ya.ru и некоторые другие и получается, что при клике на ссылку на всю страничку появляется ya.ru структура сайта (фремов) убивается... Ни как не могу понять, как "побороть" сей вопрос. Файл "index.html" <!DOCTYPE HTML PUBLIC "-//W3C//DTD H…

    Asked by bigkonstantin,

    0 votes
    3 answers

  4. Разместить таблицу по центру страницы

    Здравствуйте! Вопрос следующий. Таблица размещается в теле поста WordPress (копирование из Word и вклейка). Каким образом можно разместить таблицу в центре страницы? Для центрирования стандартно использую тег p с параметром align, но в данном случае, либо прописываю не там, либо он не применим. Какие могут быть варианты решения? Спасибо.

    Asked by MatildaSPb,

    0 votes
    5 answers

  5. Ошибка с CSS

    Я тут на медне установил TinyMCE, а Опера на него ругается, ей не нравится строчка: img:-moz-broken {-moz-force-broken-image-icon:1; width:24px; height:24px} Может кто подскажет, что тут не так ? Я обычно такими "хитрыми" стилями не пользуюсь)

    Asked by Puhh,

    0 votes
    1 answer

  6. проблема с Opera 10 и list-style-type

    Имеется хтмл страница со стилями. После запуска во всех браузерах, кроме оперы 10 - всё хорошо отображает, ставя маркер только на первый пункт меню 1 уровня. В опере 10 - ставится маркер еще и (насколько я понял) на UL от субменю. Таким образом, имеем два маркера, вместо одного. Ломал голову очень долго - выхода так и не нашел. Причем даже оперовский инспектор показывает, что на субменю не должно быть маркера... Вопрос: как в Opera 10 оставить выведенным только маркер у списка первого уровня? <!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" xml:lang="ru"> &…

    Asked by Ellorian,

    0 votes
    0 answers

  7. Не могу занести массив в cookie

    Здравствуйте! При попытке записать в куки массив $korz[$id] = $kol; setcookie("user", serialize($korz), time()+604800); вылетает сообщение об ошибке Warning: Cannot modify header information - headers already sent by (output started at Z:\home\localhost\www\menus1\buy.php:33) in Z:\home\localhost\www\menus1\buy.php on line 179 Подскажите пожалуйста в чем ошибка?

    Asked by Чебурашка,

    0 votes
    4 answers

  8. Задание стиля для ячеек всего столбца в таблице

    Как задать стиль (выравнивание, например) для всего столбца в таблице? Естественно без вариантов "в лоб" (задание класса для каждой ячейки).

    Asked by qweqwe,

    0 votes
    3 answers

  9. OnClick - копирование в буфер

    Есть таблица со списком людей. Хотел сделать компактный вид отображения номеров асек, логинов скайпа с помощью иконок и чтобы при нажатии на них текст (в данном случае номер аськи или логин скайпа) копировались в буфер обмена для последующей вставки куда-либо. Пытался найти способ, но что-то способы либо слишком заумные, либо предлагаются только для ИЕ... Есть ли какой-нибудь простой способ реализации данного функционала?

    Asked by svobodniy,

    0 votes
    8 answers

  10. Нету высоты во вложенном div-е

    html файл <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <title></title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <link href="css/css.css" rel="stylesheet" type="text/css" /> <script src="js/minmax.js" type="text/JavaScript"></script> </head> <body> <div id="header">Заголовок</span></div> <div id="content"> <div id="outer1"> <div id="outer2"> <div id="l_back"><div><div> </div></div></div> <div id="r_back"><div><div></div…

    Asked by DmitriyK,

    0 votes
    4 answers

  11. DIV родитель

    CSS: .project{clear: both; border: 1px solid #ccc; } .pr-photo{position: relative; float: left;} .pr-description{position: relative; float: left;} HTML: <div class="project"> <div class="pr-photo">текст</div> <div class="pr-description"> <span class="name">Название</span> <p>Описание</p> </div> </div> Получается так, что div с класом project не растягивается по высоте вложенным дивом. Как быть? Прошу прощения за создание темы, поиск помог. overflow: hidden

    Asked by easlanov,

    0 votes
    0 answers

  12. Input URL

    Люди добрые, подскажите пожалуйста как сделать через инпут УРЛ. Перепробовал все что знал, не работает... Вот сайтец, если что. Нужно изменить кнопки, которые слева находятся.

    Asked by RedEclipse,

    0 votes
    9 answers

  13. Добавление в Buzz, Twitter, Facebook итп

    Я нашел много кнопок для добавления сайта в такие сервисы, как tweetmeme, facebook, stumbleupon, digg и buzz. вставил скрипты на сайт, они беспорядочно расположились по страничке. а я хочу, чтоб эти кнопки шли горизонтально. вот код всех кнопок вместе: <script type="text/javascript" src="http://tweetmeme.com/i/scripts/button.js"></script> <script type="text/javascript" src="http://www.google.com/buzz/api/button.js"></script> <a title="Опубликовать в Живой ленте Google" class="google-buzz-button" href="http://www.google.com/buzz/post" data-button-style="normal-count" data-locale="ru"></a> <a name="fb_share" type="box_count" href="http…

    Asked by zhitkov,

    0 votes
    7 answers

  14. 2 бордера вокруг блока

    есть класс wrapper, растягивается на всю высоту экрана, но надо ему сделать рамку, точнее 2. одна 1px solid #000 другая 1px solid #999 как будет лучше всего добавить 2 бордера к wrapper'у? сталкивался кто-то? как лучше сделать чтобы получился эффект аля тень...? можно наблюдать в контакте... но, если добавляю рамку хотя бы в 1 пиксель то появляется скролбар у страницы...как бороться?

    Asked by Kup,

    0 votes
    7 answers

  15. Ищу красивое решение

    Здравствуйте. Пришёл за советом о том, как лучше сверстать часть стандартного макета. <body> <div class="wrapper"> <div class="header"></div> <div class="menu">здесь меню, которое на картинке</div> <div class="content"></div> </div> <div class="footer"></div> </body> Приводить весь CSS-код самого макета смысла не вижу, единственное, что хочу уточнить это: .wrapper { margin: 0 auto; width: 100%; } .header, .content, .footer { margin: 0 auto; width: 991px; } А дальше, нужно оптимальное решение, которое решит данную задача, в соответствии с картинкой. С минимальным количеством CSS- и HTML-ко…

    Asked by HUNTERxp,

    0 votes
    10 answers

  16. позиционирование картинки от правого края

    Всем здрасте. Задача: Есть двуколонный шаблон. Слева контент, справа - sideBar. Необходимо разместить картинку отсчитывая справа на 250px влево, т.е. расположить на границе контента и сайдБар, потому как картинка уходить по градиетну влево и будет являть собой границу между левой и провой частью шаблона. Ширина сайвБар - фиксированная. Ширина блока для контента - не фиксированная. <div id="box"> <div id="head"> <h1>The header is gonna be here</h1> </div><!--HEAD--> <div id="wrapper"> <div id="content"><div id="content_box"> The content to be here </div></div><!--CONTENT--&g…

    Asked by paska,

    0 votes
    2 answers

  17. Проблема с CSS

    Помогите пожалуйста найти ошибку. пятый день мучаю шаблон. Суть проблемы вот в чем: перенес сайт на Joomle но весь текст материалов, с права и слева уходит за рамки видимость, в следствии часть текста обрезается. Сайт глянуть можно здесь Ниже файл CSS /* CSS Document */ /*————————————--body—*/ body, td, th, div, p, label, input { color:#7c838a; font:normal 12px/19px Arial, Helvetica, sans-serif; } input, select { color:#595959; } a{color:#066ba9;} a:hover { color:#066ba9; text-decoration:underline; } a:hover {text-decoration:none} a, button, .button{ cursor:pointer;} /*———————————————————-content—*/ /*—————————--article_settings-*/ .pagenavcou…

    Asked by dimdimin,

    0 votes
    1 answer

  18. Проблема со списками в ie6

    Вот такая незадача... Есть список и в него вложенный еще один список... В одном списке у тега "ли" в стилях стоит бэкграунд имеж. Во вложенном списке через стиль бекграунда нет. Вроде все просто, но не для ослика...) Именно там где вкладывается второй список, ослик бекграунд тега ли размещает ровно по центру вложенного списка??? Короче посмотрите сами и прошу Вас помочь разобраться с осликом. Все разобрался!!! Как знал, стоит только написать и приходит от Бога ответ!!!! Извините я бы удалил эту тему, но не знаю как!!! Есче раз извините!!!

    Asked by mazhar,

    0 votes
    9 answers

  19. Опять не могу выровнять изображение по центру

    Здравствуйте все! Вопрос к специалистам по верстке. Вот сайт http://vasyok.arvixe.ru Там есть вот такой вот рисунок на таком вот слое: #art-page-background-glare-image { background-image: url('images/Page-BgGlare.gif'); background-repeat: no-repeat; height: 718px; width: 1237px; margin: 0 auto; } С этим элементом 2 проблемы: 1. В 1280*1024 он располагается там где надо. Но в 800*600 он «едет» вправо, а в IE он вообще капитально съехан. 2. Можно его поставить над вот этим слоем ? (сейчас он под ним): art-Sheet { /*С сокращениями*/ position:relative; background: url('images/Cont.gif') top center repeat-y; }

    Asked by VasyOK{!},

    0 votes
    7 answers

  20. Проблемы со списками в ие 6-7

    Делаю выпадающее меню такой стурктуры: <ul class="dropdown"> <li class="mn_firstlvl"><a class="dir" href="#">Контакт</a> <ul> <li><a href="#">Одна длинна</a></li> <li><a href="#">Вторая очень большая длинна</a></li> <li><a href="#">Третья</a></li> </ul> </li> .... </ul> .mn_firstlvl { display: block; float: left; background-image: url(images/graymenuline.gif); background-position: center bottom; background-repeat: no-repeat; height: 32px; } ul.dropdown ul { visibility: hidden; position: absolute; top: 31px; left: 0; z-index…

    Asked by alexander.parphenuyk,

    0 votes
    13 answers

  21. HTML Error

    Сижу уже 30 минут не могу понять как поправить ошибку Валидатор ругается с текстом: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title>title</title> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <link rel="stylesheet" href="/obj/styles/body.css" type="text/css"> <link rel="SHORTCUT ICON" href="/favicon.ico"> </head> <body> <table width="100%" border="0" cellspacing="0" cellpadding="0" align="center"> <!-- Header --> <tr> <td> <table width="100%" border="0" …

    Asked by stars,

    0 votes
    3 answers

  22. не понимаю логику позиционирования

    Подскажите, как выровнять блок Text с надписью Login input и блок sr с надписью Sidebar , чтобы они находились на одном уровне по оси Y , чтобы sidebar не заходил на большой серый блок. Большой серый блок , блок сайдьара и блок текста имеют одинаковый уровень в html, но почему-то позиционируются по разному. недавно посмотрел видеокурсы по верстке css, но так и не догнал логику позиционирования блоков браузерами. Вот код HTML В вот код html Код <!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> <title></title> <meta http-eq…

    Asked by челХ,

    0 votes
    13 answers

  23. Работа с IFRAME, длина по материалу...

    Доброе время суток, я ранее не когда не использовал IFRAME, но сейчас при реконструкции моего портфолио столкнулся с небольшой проблемой, хотя и проблемой это назвать тяжело, но вроде всё работает хорошо, дело в том что всё идёт так: у меня идёт небольшой блок с превьюшками(мини-картинки) при нажатии на которые с низу будет выводится материал..., но материал разных размеров, в плане высоты... то есть фиксированная ширина у меня стоит 847px, а длина у самого блока плавает в зависимости от материала, примерно от 500px до 800px подскажите пожалуйста - возможно ли, как то выставить auto, что бы длина IFRAME ориентировалась по длине вложенного материала(без прокрутки)... ? За …

    Asked by Guooff,

    0 votes
    7 answers

  24. помагите пожалуйста сделать ПОДМЕНЮ В ПОДМЕНЮ

    ... .li2{color:red;text-indent:25px;border: 3px double green;} li.li2:hover{color:black;background: #FFCC33} ... <li class="li2"> <a name="подменю"><img src="file:///C:\Documents and Settings\Admin.MICROSOF-C03E38\Рабочий стол\HTML\qqq.gif">подменю</A> </li> ... надо сделать для этого подменю ещё одно подменю, которое будет появлять при наведении мышки вот если что все мои стайлы <style> .div1{border: 4px dotted red;width:205;height:340;padding:6px;background:rgb(255,255,100)} .ul2{list-style-type:none;margin:0px;padding:0px;cursor:none;} .li{color:black;border: 3px double green;text-indent:5;} li.li:hover{color:rgb(0,0,255…

    Asked by volkodav11,

    0 votes
    2 answers

  25. HTML & CSS

    Всем доброе время суток! Вот у меня вопрос, зачем нужно вначале странице писать вот этот код? Или для чего? <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> ИЛИ ЭТОТ? <!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"> Просто когда я хочу вытянуть таблицу вверх на 100%, они не вытягиваются вверх, когда написано выше стоящие коды, в браузерах Mozilla, Opera и IE 7… А когда написано без этих кодов <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf…

    Asked by Bismuth,

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