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. Комментарий

    Здраствуйте. Подскажите, пожалуйста, вот есть такой html-код: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Меню</title> <style> ul { border: 1px solid black; } </style> </head> <body> <ul> <li><a href="#">Мчади</a></li> <li><a href="#">Када на мацони</a></li> <li><a href="#">Пахлава</a></li> <li><a href="#">Кчуч</a></li> <li><a href="#">Лилибдж</a></li> </ul> </body> </html> Граница вокруг списка появилась, выглядит оно так: …

    Asked by Macdonald,

    0 votes
    3 answers

  2. Можно ли добиться выпадения боковых margin потомков за границы родителя?

    Здравствуйте. Пример кода здесь: http://jsfiddle.net/vB4wZ/. Задача: вывести 4 float блока в родителе с фиксированной шириной, по 2 блока в "строке", чтобы между блоками было расстояние. Правый край блоков в "правом столбике" должен, разумеется, "соприкасаться" с правым краем родителя. У блоков один класс (блоки генерируются движком) и поэтому задать им разные стили нет возможности. Отступ между блоками реализуется правым маргином. Проблема: из-за margin'ов блоки не помещаются по два в родитель с фиксированной шириной и выстраиваются один под другим. Мое решение(реализовано в примере, показанном выше): завернуть блоки в дополнительный див, имеющий ширину бОльшую, чем роди…

    Asked by Squidward,

    0 votes
    3 answers

  3. Создать форму с добавлением в неё картинки

    Доброго %времени_суток%! Прошу у вас совета в создании необычной формы. Суть в следующем: Я хочу создать форму сообщения, в которую можно поместить какой нибудь графический элемент, который в последствии будет отправлен в БД, а затем отображен на странице в таком же виде, что и был в форме. Так как обычная форма добавления контента состоит из textarea (добавить туда можно только текст), эта задача становиться немного проблематичной. Проще говоря: Есть панелька с картинками -> нажимаешь картинку -> картинка добавляется в форму. Объясните что к чему.

    Asked by getElementById,

    0 votes
    3 answers

  4. Выравнивание текста внутри блока.

    Стоит задача выровнять текст внутри блока по горизонтали и по вертикали. Т.е. вне зависимости от ширины и высоты текста он должен быть всегда по центру. Прилагаю скриншот Есть соображения как это сделать?

    Asked by Ucorp,

    0 votes
    3 answers

  5. Проблемы верстки только на Google Chrome

    Всем доброго времени суток. Подскажите в чем дело. Такие проблемы наблюдаются только в хроме. Первая проблема. Последние элементы переносятся (выпадают), причем только в хроме!!!! (примеры сайтов нитек.рф (блок с характеристиками), klut.ru(снизу блок с изображениями)). Эту проблему, так сказать не решил, но заткнул запретом переносов, но это костыльное решение. Есть какие идеи? Вторая проблема не видны линии в меню между пунктами меню (1resurs.ru (причем здесь еще и меню на 1 пиксель выпало вниз...), aloe39.ru). Может кто сталкивался с этим, подскажите..

    Asked by Itinity,

    0 votes
    3 answers

  6. Блоки фиксированного размера

    Здравствуйте,сейчас делаю шаблон, с css знаком не углублёно, но я стараюсь . Помогите неопытному решить проблему: есть 3 div блока, colomn1, colomn2, colomn2 внутри блока wcontent, у блоков прописана ширина, но если в блоке colomn2 нехватает места он смещает colomn3. Как мне сделать так чтобы блоки были фиксированной ширины, и не изменяли размерность в зависимости от наполненности. Тут можно посмотреть на сайт: http://goo.gl/DTh7l Логин и пароль demo demo Вот пример неисправного блока http://goo.gl/DTh7l (после логина всё видно) .column1 { width:180px; display:table-cell; padding:30px 20px 20px; } .col1block { padding-bottom:10px; } .column2 { width:640px; display:…

    Asked by Avanege,

    0 votes
    3 answers

  7. Списки li html

    Подскажите, можно ли сделать, чтобы при отображении списка li при переносе слов на другую строку слова были под маркером (во всех браузерах). Например на сайте http://kingmed.ru/ (пролистать ниже, левое меню, маркированный список например в меню "Последние добавленные новости") выглядит так как бы я хотел, но только в хроме. В опере расстояние между маркером и первым словом не всегда одинаковое (растягивается вместе с текстом), в фаерфоксе вообще некорректно отображается. Можно ли как-то сделать, чтобы это выглядело так как в хроме во всех браузерах? Заранее спасибо за ответы.

    Asked by nitsik,

    0 votes
    3 answers

  8. расположение кнопок спрайта

    Всем доброго времени суток. Легкий вопрос на который я не могу найти ответ...Взял спрайт с кнопками и не могу эти самые кнопки разместить горизонтально,display:inline-block прогорел. Может это я что не так делаю? Ниже прилагаю код. CSS док: .button{ cursor:pointer; display:inline-block; height:55px; width:220px; line-height:70px; text-align:center; background-image:url('photo/sprite.png'); background-repeat:no-repeat; } .button.white{ background-position:0 12%; } .button.white:hover { background-position:0 66%; } хтмл: <div id="centerb"> <a href="index.html" title="Главная" class="button white">b1</a> <a href="kontacti.html" title="К…

    Asked by DR.acula,

    0 votes
    3 answers

  9. Верстка просто сайта

    Привет всем, "сверстал сайт" к показано в примере на этом сайте divhack.com хотелось бы услышать что сделал правильно а что не стоит делать. мое творение здесь yarkiy.ho.ua Спасибо за внимание

    Asked by x86test,

    0 votes
    3 answers

  10. ошибка z-index

    Я тут писал по этой работе. Сейчас есть 1 ошибка При наведении на пункт подменю "О предприятии" подменю должно быть позади (см. макет http://s019.radikal.ru/i630/1210/07/299ee5283953.jpg) Свойства css установил как нужно Коды: http://jsfiddle.net/rmLS7/ Помогите исправить

    Asked by OlegALL,

    0 votes
    3 answers

  11. Выравнивание страниц под каталогом

    Делаю сайт своего магазина. Не могу выровнять страницы под блоками товаров. Страницы всегда получаются наверху. Как правильно написать, чтобы страницы встали по центру под блоками товаров?

    Asked by vengeance,

    0 votes
    3 answers

  12. Twitter Bootstrap

    Подскажите, как можно встроить navbar-fixed-top панель на страницу так, чтобы стили twitter bootstrap не перебивали основные стили сайта и наоборот?

    Asked by F_Z_14,

    0 votes
    3 answers

  13. Смена фона 2-х ячеек

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

    Asked by TorchTT,

    0 votes
    3 answers

  14. Выравнивание меню

    Здравствуйте, пытаюсь создать сайт. Мой уровень не позволяет писать хороший код. Помогите пожалуйста выровнять меню, так чтобы оно отображалось по центру на всех страницах (их 2 пока что index и main). Мне кажется что можно сделать выравнивание другим, более корректным способом, чем тот который у меня (с помощью NULL MENU CONTAINER).

    Asked by xander_d,

    0 votes
    3 answers

  15. Проблема с псевдоклассами CSS

    Добрый день! Есть следующий код: <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>Псевдоклассы</title> <style> a:link { color: #0f0; } a:visited { background: #f00; } </style> </head> <body> <p> <a href="1.html">Первая ссылка</a><br/> <a href="2.html">Вторая ссылка</a><br/> <a href="3.html">Третья ссылка</a><br/> <a href="4.html">Четвертая ссылка</a><br/> <a href="5.html">Пятая ссылка</a> </p> </body> </html> Открываю страницу в Chrome, перехожу по первым …

    Asked by zodcyi,

    0 votes
    3 answers

  16. Замена картинки

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

    Asked by voldemort,

    0 votes
    3 answers

  17. В чем проблема?

    Всем доброго дня! Верстаю страничку с css, с помощью div хочу вставить картинку вот пример кода #zone_top_right{ width:10px; right:0px; background:url(css/elements.png) repeat-x 0px -201px; } на главной странице прописываю этот div, открываю браузер и картинки нет, если на главной странице картинку вставить через <img src="#"/> то все работает. В чем я ошибаюсь? код главной страницы <html> <head> <link rel="stylesheet" rev="stylesheet" type="text/css" href="new.css" /> </head> <body> <div id="zone_top_right"></div> </body> </html>

    Asked by ganswild,

    0 votes
    3 answers

  18. Background-image

    не появляется изображение путь правильный #wrapper { width: 1000px; margin: 0 auto; min-height: 100%; height: auto !important; height: 100%; background-image: url('img/sky.jpg') repeat-y; }

    Asked by imediasun,

    0 votes
    3 answers

  19. CSS для смартфонов

    Здравствуйте, Где можно почитать об особенностях веб-кодирования для смартфонов? Можно ли например сделать, чтобы стандартный браузер в андроид на телефоне с экраном 480px в ширину показывал сайт с body шириной 480px сразу в ширину экрана, а не выводил узкой нечитаемой полоской, которую надо потом растягивать пальцами?

    Asked by vlav,

    0 votes
    3 answers

  20. iframe

    Хочу в одну страницу сайта вставить фремом определенную область страницы на другом сайте. Но проблема в том, что нужна мне область в доноре располагается не прямо у края, а в середине. Как натравить фрейм именно на нужную область: допустим отступ слева столько то, сверху столько то...

    Asked by webair,

    0 votes
    3 answers

  21. Пытался сам - не получилось. Помогите.

    Пробую реализовать вот такой стиль в сайдбаре последних записей.Блог делаю на WP Как видите, текст не попадает в блок. Где ошибка и как будет правильно? Код вывода записей. <div id="news_post"> <h2>-Новые записи-</h2> <?php query_posts('showposts=5'); ?> <?php while (have_posts()) : the_post(); ?> <a href="<?php the_permalink() ?>" rel="bookmark" title="<?php the_title(); ?>"><div id="box-news"><?php the_post_thumbnail( array(100,100) );?><?php the_title(); ?><?php the_excerpt_max_charlength(150); ?></div></a> <?php endwhile; ?> </div> CSS #box-news{ width: 304px; height: 10…

    Asked by Mihail1981,

    0 votes
    3 answers

  22. Картинки в RSS

    Дорогие форумчане, я уже не знаю где искать решения. Все картинки в постах в RSS попадают без выравнивания и обтекания текстом. При этом на самом сайте все как положено, все отображается как задумано. А в RSS все картинки слева (даже если их по центру выставить) и их не хочет обтекать текст (даже если выбрать обтекание текстом справа или слева). Вот код CSS (сайт на Wordpress): .alignleft, img.alignleft { float: left; margin: 0 10px 5px 0; } .alignright, img.alignright { float: right; margin: 0 0 5px 10px; } .aligncenter, img.aligncenter { clear: both; display: block; text-align: center; margin-left: auto; margin-right: auto; } .alignnone, img.alignnone { c…

    Asked by Dayks,

    0 votes
    3 answers

  23. Подскажите как сделать такой заголовок

    Доброго времени суток! Помогите чайнику . Уже голову сломал, ничего не получается. Как сделать вот так Спасибо

    Asked by So_speechless,

    0 votes
    3 answers

  24. Проблемы с версткой каталога

    Верстаю каталог... Есть три группы: Рекомендуемые, Новинка, Акционные товары. Хочу сделать так чтоб под каждую из групп был свой див и внутри него уже дивы с товарами товара. Так вот почему-то, когда я вкладываю в див группы товаров дав с самим товаром, первый не растягивается по высоте... вот код HTML <div id="right"> <h1> O магазине </h1> <p>Этот магазин является демонстрацией скрипта интернет-магазина Simpla. Все материалы на этом сайте присутствуют исключительно в демострационных целях.</p> <div id="recomend"> <div class="item"&g…

    Asked by vladmih,

    0 votes
    3 answers

  25. Проблемы с версткой каталога

    Вот ссылка на макет Верстаю каталог... Есть три группы: Рекомендуемые, Новинка, Акционные товары. Хочу сделать так чтоб под каждую из групп был свой див и внутри него уже дивы с товарами. Так вот почему-то, когда я вкладываю в див группы товаров див с самим товаром, первый не растягивается по высоте... вот код HTML блок right это тот который справа от сайд бара. Тобеж контент или еще как его называют... <div id="right"> <h1> O магазине </h1> <p>Этот магазин является демонстрацией скрипта интернет-магазина Simpla. Все материалы на этом сайте присутствуют исключительно в демостр…

    Asked by vladmih,

    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