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. Подмена картинки

    Задача: По клику менять превьюшку на большую картинку. Адреса изображений отличаются только первой буквой в имени файла ('f' и 's') Написал функцию function enlarge(ima){ if(/.*s[0-9]+\.((jpg)|(png)|(gif))/.test(ima.src)){ ima.src = ima.src.replace('/s','/f'); } else{ ima.src = ima.src.replace('/f','/s'); } } Работает, но проблема в том, что опера при каждой замене адреса начинает грузить картинку заново. На других сайтах видел, что происходит просто переход по ссылке (адрес новой картинки), но открывается картинка на странице. Смотрел их исходники, но малый опыт жабаскриптинга не позволил разобраться. Подскажите выход? Костыль: Решил, что можно по первому клику …

    Asked by mahrizh,

    0 votes
    1 answer

  2. Очередная проблема с z-index в IE6

    Привет всем. Давно уже здесь не был. У меня такая проблема: здесь, при наведении на пункт меню "Продукция", появляется POP-UP. В IE6 этот POP-UP открывается под 2-мя прозрачными слоями и никакой z-index поп-апу не помогает. Видимо где-то я переборщил с position:relative;, либо какой-то родительский контейнер имеет значение свойства z-index - ниже. Буду рад любой подсказке..

    Asked by BassEast,

    0 votes
    16 answers

  3. Фирменный бланк для письма рассылки

    Здравствуйте, подскажите пожалуйста как делать фирменный бланк электронного письма, например как уведомления из социальных сетей и др. Предполагаю что нужно писать код, а как быть с изображениями, например лого. И как это письмо отправлять. Спасибо.

    Asked by puller12,

    0 votes
    3 answers

  4. Tabs & input

    Собственно вопрос: "Как разместить один и тот же input на нескольких табах?" Например: заполняю один input на одном tab, а он автоматом заполняется на всех других tabs.

    Asked by ulyanovsk,

    0 votes
    8 answers

  5. Как сделать прозрачный слой?

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

    Asked by bayanruby2,

    0 votes
    3 answers

  6. не работает фон.

    Всем привет. У меня проблем с фоном. <body> <div align="center"> <div class="head"> </div> </div> </body> и CSS .head { width: 100%; background-image: url(images/temp.jpg); background-repeat: repeat-x; } Что не далай не работает фон. Уже и ссылки менял и рисунки менял! В чем может быть проблема?

    Asked by kent666,

    0 votes
    5 answers

  7. Помощь в верстке

    Всем привет. В верстке не силен, вот сделал http://212.107.192.91/buklety/ Надо чтобы все столбцы были с одинаковой высотой. И вот что получилось. Картинки вытягиваются если не помешать их в слой и не задавать строгую высоту. И вылазиют. Перепробывал все трех-колончные варианты. Мосг сломал Если что PSd тут http://212.107.192.91/sun.psd Кто поможет оперативностью дам Yandex/Web money на пиво. =)

    Asked by Exorcist,

    0 votes
    5 answers

  8. td расширяется

    В большистве браузеров отображается корректно, даже в IE7 a v IE8 td расширяется и по этому фото сдвигается. Подскажите п-ста как можно исправить? Ссылка на галерею

    Asked by Pumych,

    0 votes
    2 answers

  9. Получить id элемента

    Здравствуйте! На странице есть такой элемент: <h4 id="smth">Smmmmth</h4> Я знаю, что на странице этот элемент всего 1, мне нужно получить его id. Как это сделать? Пытаюсь так: var name = document.getElementsByTagName("h4").id; Но тогда в name записывается undefined... Помогите, пожалуйста!

    Asked by chertixa,

    0 votes
    8 answers

  10. colspan волшебство

    Задача: объеденить 3 ячейки (например там где 1 объеденить с левой и правой) colspan=3 обьединяет только левою с той где цифра HTML <table> <tr> <td> <img src="left-top.jpg"> </td> <td class="top"><!—-></td> <td> <img src="./img/right-top.jpg"> </td> </tr> <tr> <td class="left"><!—-></td> <td><!—-></td> <td class="right"><!—-></td> </tr> <tr> <td class="left"><!—-></td> <td> 2 </td> <td class="right"><!—-></td> </tr> <tr> &lt…

    Asked by alexey_,

    0 votes
    3 answers

  11. как выпрямить выпадающий список select справо

    Уважаемые форумчане, помогите пожалуйста. Список select находится в правой колонке и прижат экрану справо. Из-за этого выпадающий список не вмещается на экран. Мне надо чтоб выпадающий список выпрямился не слево а с право, чтоб был виден. как это сделать.

    Asked by jumancy,

    0 votes
    5 answers

  12. Проблема с обтеканием кнопки

    Здравствуте!Я вот начал верстать макет и столкнулся с проблемой тут ссылочка на скрин вот мне нужно чтобы текст обтекал как на скрине я все остальное написал вид блока и тд так что прошу только помоч с кодом обтекания!Заранее спасибо)

    Asked by Unicode,

    0 votes
    13 answers

  13. Выпадающее меню.

    Всем добрый день. Прошу помочь. У меня проблема с вёрсткой выпадающего меню. Код HTML: Код CSS: В итоге меню при выпадании своим первым пунктом налазиет на основное меню.

    Asked by NeuroFighter,

    0 votes
    1 answer

  14. Проблема со spotlight

    плохо очень работает spotlight... использую на wordpress тему Spark, вот её демка - http://www.yootheme.com/demo/wordpress вверху выбрать тему Spark. для понятности понаводите на нижние картинки курсором - я хочу также... я создал виджет, туда сунул типа этого: <div class="spotlight fade"> <img src="http://cs5985.vkontakte.ru/u2385349/110040641/z_fd3de59b.jpg" width="640" height="480" alt="spotlight" title="spotlight" /> <div> <h3 class="title">asddsa</h3> </div> </div> сделал как написано было в факе разрабочтика темы: http://www.yootheme.com/docs/home/item/spotlight результат можно посмотреть на главной: w…

    Asked by Kazumi,

    0 votes
    0 answers

  15. Бэкграунд

    Привет! body { background-color:#369ae0; height:100%; } #content { background:#369ae0 url(../img/main.jpg) no-repeat center top; position:absolute; height:100%; width:100%; } #footer { background:url(../img/footer.png) repeat; position:fixed; bottom:0; height:15%; width:100%; }

    Asked by andys,

    0 votes
    3 answers

  16. Рамка вокруг изображения

    Создаю форму обратной связи. Поля type="text", с помощью CSS задаю border-color:#4664A4; border-width: thin; border-style:solid. Понятно, что вокруг полей ввода появляется соответствующая граница. Для отправки использую type="image", тоже есть соответствующая граница. Можно ли сделать так, чтобы вокруг текстового поля была граница, а вокруг поля изображения этой границы не было? Заранее благодарен.

    Asked by chapai,

    0 votes
    3 answers

  17. Домен и тематика сайта

    Здравствуйте! Я начинающий в сайтостроении. Знаю примерно 40% html-тегов, разбираюсь в CSS, понемногу учу JavaScript и только знакомлюсь с PHP. Собственно, представился. А вопроса у меня два, причем, достаточно глобальных. Решил объединить их в одну общую темку, дабы не создавать нагромождения. Итак... Вопрос первый. Домен сайта. Какое доменное имя лучше - COM, ORG, NET или RU?. Насколько я начитался информации по просторам интернета, абсолютно все эти домены индексируются поисковиками одинаково. Причем, сайт в зоне RU можно купить значительно дешевле. К сожалению, сейчас ввели паспортизацию доменов, а так как тематика сайта желает оставлять данные владельца домена конфид…

    Asked by Xelborg,

    0 votes
    8 answers

  18. Смещение текста при изменении размеров окна

    Здравствуйте. При использовании резиновой верстки столкнулся с проблемой : при уменьшении окна браузера текст накладывается друг на друга и просто "выезжает" из своих колонок. Что сделать?

    Asked by Xelborg,

    0 votes
    2 answers

  19. Прижать див к низу ячейки таблицы

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

    Asked by htmlbook1,

    0 votes
    28 answers

  20. какой способ загрузки выбрать?

    Есть макет, и надо, чтобы при нажатии на ссылку в "Навигации" информация в "Content" загружалась, ео, желательно без перезагрузки страницы. Это можно сделать только фреймами? P.S. Я новичок в этом деле, так что попытайтесь обьяснить более ли менее доступным языком, пожалуйста. Вот макет: Моя ссылка

    Asked by DImas95,

    0 votes
    5 answers

  21. резиновый макет в 3 колонки, div

    делаю макет в 3 колонки и в опере все не так как должно быть. в чем проблема? html <!-- To change this template, choose Tools | Templates and open the template in the editor. --> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>Символика</title> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <link rel="stylesheet" type="text/css" href="style.css"> </head> <body> <div id="header">заголовок</div> <div id="hor_menu">горизонтальное меню</div> <div id="left">левый див</div> …

    Asked by olejan,

    0 votes
    14 answers

  22. Таблица, стиль background в теге TH - разрывы

    Господа, что я делаю не так? Хочу, чтобы заголовок таблицы был залит монолитно, а получается вот так: http://lexicanum.ru/table.html Код таблицы: <TABLE CLASS="border"> <TR> <TH CLASS="border_bottom">Столбец 1</TH> <TH CLASS="border_bottom">Столбец 2</TH> <TH CLASS="border_bottom">Столбец 3</TH> <TH>Столбец 1</TH> <TH>Столбец 2</TH> <TH>Столбец 3</TH> </TR> <TR> <TD>Ячейка 1.1</TD> <TD>Ячейка 1.2</TD> <TD>Ячейка 1.3</TD> </TR> <TR> <TD>Ячейка 2.1</TD> <TD>Ячейка 2.2</TD> <TD>Ячейка 2.3</TD> &…

    Asked by Bertie,

    0 votes
    4 answers

  23. Сглаживание шрифтов в макетах

    Дизайнер дал макет, пытаюсь его сверстать. Получилось совсем не так как надо поскольку различается написание шрифтов в макете и в браузере. Посмотрел повнимательнее, дизайнер использовал сглаживание шрифтов - Резкое. Насколько мне известно всегда макеты рисовались без сглаживания. Вопрос: это дизайнер ламер или я что-то пропустил и у современных дизайнеров теперь принято рисовать макеты со сглаживанием? Я еще понимаю можно где-нибудь в заголовке сглаженный шрифт использовать, но не во всем же макете.

    Asked by kvant,

    0 votes
    3 answers

  24. footer

    Избитая тема прижимания footer'a к низу браузера. Помогите отыскать его и прижать х) это код из Joomla шаблона в котором footer не хочет прижиматься к низу браузера По сути некоторые элементы не правильно позиционированы. Сам шаблон статичный. ——————————————————————————————————————————— Html ——————————————————————————————————————————— [color="#C0C0C0"]<?php /** * @copyright Copyright (C) 2005 - 2009 RocketTheme, LLC - All Rights Reserved. * @license GNU/GPL, see LICENSE.php **/ defined( '_JEXEC' ) or die( 'Restricted access' ); define( 'YOURBASEPATH', dirname(__FILE__) ); $color_style = $this->params->get("colorStyle", "dark"); $template_width = $this-&g…

    Asked by lilo,

    0 votes
    7 answers

  25. Прошу осмотреть работу.

    Не могу понять как сделать всю страницу определенного размера. А самое главное - это то, что при уменьшении окна браузера, кнопки меню смещаются друг под друга. Исходник <!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"> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /> <title>ТИТУЛ</title> <style type="text/css" media="screen"> html{margin:10px 20px;} </style> <link rel="stylesheet" href="main.css" type="text/css" /> <!-- Таблицы стилей main.css --> &lt…

    Asked by bulleet,

    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