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. Горизонтальное меню с разделителями картинками

    Как сделать горизонтальное меню я знаю. А как стандартные разделители заменить изображениями? Если языком CSS, то вот что нужно: ul.plinks li { border-left: url(images/border.gif); } Спасибо. Вот стандартный 1px solid black: А нужны такие разделители:

    Asked by froz,

    0 votes
    13 answers

  2. Раскройка Бекграунда.

    Привет народ, есть такой вопрос: можно ли задавать ЧАСТИ изображения её положение в Бекгроунде?.. Так косноязычно получилось В общем проиллюстрирую: Есть такая картинка квадрат: Рисунок.1 Это цельная, не резаная картинка. Можно ли её както разделить с помощью CSS, чтобы получился вот такой эфект Бекгроаунд? : Рисунок.2 Хотелось бы такое реализовать, изза желания в разных углах одного блока, использовать разные элементы оформления. Если предварительно нарисовать всё на одном изображении. Поделитесь идеями народ! P.s. не дорисовал до конца repeat-x/y, чтобы было нагляднее.

    Asked by Lacosta,

    0 votes
    13 answers

  3. Opera не реагирует на cursor:pointer;

    Неподскажите как с этим бороться... Местами пишут что поздние версии Opera неочень поддеживает... Может это как-то через JS можно сделать или как ((

    Asked by alexander.parphenuyk,

    0 votes
    13 answers

  4. Выравнивание картинки и текста

    Как можно совместить два вида выравнивания для картинки (т.е. left и middle)? А именно, мне нужно чтобы текст ссылки обтекал картинку справа и выравнивался с ней вертикально по центру. Пример кода: <tr> <td width="300"> <a href="1.html" onMouseOver="document.pic1.src='1.gif'" onMouseOut="document.pic1.src='1_.gif'"> <img src="1_.gif" alt="" NAME="pic1" align="left" width="100" height="100" hspace="5" vspace="0" BORDER=0> Этот текст должен быть справа и по вертикальному центру</a> </td> </tr>

    Asked by SeZuka,

    0 votes
    13 answers

  5. Центрирование на экране фиксированного элемента

    Есть див с заранее известными шириной и высотой. Подскажите, как его отцентрировать на экране по вертикали и горизонтали на любом разрешении монитора? Насчет вертикальной центрации - можно забить в принципе, но очень хочется, а горизонтальная критически необходима. Браузеры все. Слой имеет position:absolute;

    Asked by MageMerlin,

    0 votes
    13 answers

  6. display:inline-block и IE

    В общем хочу сделать что-то типо табличного вывода, есть куча div'ов в которых расположены нужные элементы, к каждому свойство display:inline-block и получилось всё замечательно(таблица по ширине странице, так как нужно), но это было в опере в IE открыл и ничего не вышло, помогите как можно справится с этой проблемой? <div style="width: 303px; display: inline-block; text-align: center; "> Опера 10-ая, интернет эксплорер - 6 заранее спасибо

    Asked by shedy,

    0 votes
    13 answers

  7. Есть пара вопросов по HTML

    1. Чем отличается <!DOCTYPE HTML PUBLIC ""-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> (строгий синтаксис HTML) от <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> (переходный синтаксис HTML) и что лучше использовать? В исходном коде главной страницы этого сайта стоит строгий, вот мне и не понятно. 2. Какую кодировку стоит использовать? <meta...charset=windows-1251" или utf-8 ?> 3. Нужно ли применять свойства meta name= "description и keywords?" Буду крайне благодарен за помощь

    Asked by Михаил Кононенко,

    0 votes
    13 answers

  8. favicon

    Всем привет! У меня не большая проблема с favicon, сделал его размером 16х16 на одном из сайтов, скопировал его в корневой каталог и прописал между тегами <head> </head> как там написано <link rel="shortcut icon" href="/favicon.ico"/> <link href="/favicon.ico" rel="icon" type="image/x-icon" /> Но у меня не хочет отображаться почему-то Не подскажете в чем причина?

    Asked by Bismuth,

    0 votes
    13 answers

  9. В чём отличия открытия php кода <?php от <?

    Интересно.

    Asked by Михаил Кононенко,

    0 votes
    13 answers

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

    Ситуация следующая: Появилась у меня бредовая мысль сделать тень наложением друг на друга 2х объектов с относительным позиционированием. Всё получилось нормально, второй текст воспринимается как тень первого, НО начались "непонятки"... Если прокручивать окно в эксплорере, то эти тексты висят, так как бы я задал им позиционирование absolute. Файрфокс все показывает нормально - тоесть надпись уползает вверх вместе со всем остальным. Можно как-то вылечить эксплорер? Вот код: <div style="width:500px; float:right; padding:0; margin:0 auto;"> <H1>Текст </H1> <h2>Текст</h2> </div> И цсс к нему: h1 { position:relative; top:24px; text-align:…

    Asked by Raiden-=DM=-,

    0 votes
    13 answers

  11. Загрузка изображений на странице

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

    Asked by Regsit,

    0 votes
    13 answers

  12. Позиционирование фона

    Есть страница, а в ней div у котого class "page" .page { width: 100%; background: no-repeat url(/images/skate.jpg); background-position: center top; } Соответственно он выравнивается по центру, но надо по центру но со сдвигом вправо, например на 250px. Возможно ли сделать отступ в фоне? Подскажите, как это сделать.

    Asked by CCron,

    0 votes
    13 answers

  13. Прибить блок в угол

    Здравсвуйте. Не могу придумать как сделать следующее: Т.е. родительский блок. Ширина и высота фиксированная. В этом блоке может находиться произвольно количество текста начиная от 4 символов. Есть второй блок, в правом нижнем углу. Он всегда должен быть в правом нижнем углу и текст должен обтекать его сверху и снизу. Второй день думаю как сделать. Помогите пожалуйста.

    Asked by COOLer5,

    0 votes
    13 answers

  14. Не работает смена цвета рамки в IE6

    Не работает смена цвета рамки при наведении в IE6. Во всех остальных - IE7 в том числе - все пучком, а 6-ой - хоть ты тресни - просто не реагирует на наведение #content div.pupils{padding:21px 0 0 36px;} #content div.pupils a img.pup_main {border:solid 1px #f48000;margin:0 10px 10px 0;} #content div.pupils a img.pup_main:hover{border:solid 1px #fcd5a4;} Помогите пож!

    Asked by maerrry,

    0 votes
    13 answers

  15. Присвоить значение для Checkbox

    есть такой калькулятор) <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /> <title></title> <style type="text/css"> <!-- body { font-family:Arial, Helvetica, sans-serif; font-size:11px; } div { color:#CCCCCC; font-size:11px; font-family:Georgia, "Times New Roman", Times, serif; } a:hover, a{ color:#CCCCCC; text-decoration: none; } .fild { width: 30px; text-align: right; font-size: 11px; margin-right: 10px; } --> </style> <script type="text/javascript"> function calc() { a1 = parseInt(document.getElementById('cn1').value); a2 = parseInt(document.getElementById('cn2').value); a3 = parseInt(doc…

    Asked by sm1603,

    0 votes
    13 answers

  16. и снова привет

    вот подскажите много ли косяков в этом коде <table background="images/shapka4.jpg " bgcolor="#660f0f" border="0" cellpadding="0" cellspacing="0" height="150" width="100%"> <tbody> <tr> <td width=100% valign=bottom> <center> <div id=menu> <font class="middle"><b>Вход для пользователей</b></font> <table cellspacing="0"> <form action="index.php" method="post"></form> <input name="enter" value="1" type="hidden"> <td align="right"><font class="shapka">Логин:</font></td> <td><input class="ss" name="user_login" size="10" type="text"></td&g…

    Asked by ppvkomi,

    0 votes
    13 answers

  17. IE6-7 и position:relative

    В IE6-7 меню наплывает на контент периодически. Если меняю на position:static, то в ИЕ7 все нормально становится, а вот в ИЕ6 меню конечно наплывать перестает, но вот фон задать не удается, подскажите как можно выкрутиться #body .services{ float:left; width:249px; position:relative; margin-left:-265px;} на всекий случай вот сайт Kroxa.com.ua

    Asked by mic_2000,

    0 votes
    13 answers

  18. Не уходит файл через POST запрос

    Возникла неожиданная проблема вообще непонятно из-за чего. Возможно даже это не проблема HTML'a, точнее это точно не его проблема,но всетаки спрошу, вдруг кто сталкивался. Есть форма, multipart/form-data прописан, все вроде правильно, но пост массив не содержит информацию о передаваемом файле. Ячейки с именем logo (<input type=file name=logo>) просто нет. Уже все излазал, хтаксесы проверял...везде смотрел, вообще без понятия что за дела.

    Asked by paShaman,

    0 votes
    13 answers

  19. Как сделать подчёркнутую пунктиром гиперссылку

    Ещё раз доброго времени суток. вопрос по поводу тега A как сделать подчёркивание пунктиром? приём a{ border-bottom: 1px dotted #fff; } Почему-то не работает может быть кто нибудь сталкивался с подобной задачей? заранее спасибо за ответ.

    Asked by taran,

    0 votes
    13 answers

  20. как выровнить

    помогите плиз как выровнить это в каждой строчке по горизонтали.

    Asked by ppvkomi,

    0 votes
    13 answers

  21. CSS - как вставить в background три разные картинки

    Доброго всем вечера! Помогите, плиз, умные люди! вот например - есть у тебя одна форма, которую ты хочешь заполнить картинками. Первая картинка - красная звезда, она одна и не повторяется. За ней на repeat-x идет синяя звезда. И последняя - желтая звезда одна и без повтора. на этом коде показанна та синяя звезда (название pfon.gif) Как добавить перед ней красную звезду, а после нее - желтую? .poisk{color:#fff;width:100%;border-top:1px solid #fff;background:url(pfon.gif) repeat-x top left #fff}

    Asked by k-prutkoff,

    0 votes
    13 answers

  22. Большие изображения

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

    Asked by koshka,

    0 votes
    13 answers

  23. Неймоверное задание, кто возьметься?)

    Внутри этого листика будет контет. И резать нужно только с прозрачностью, потому что фон не позволяет по другому! Я порезал его применив фильтр * html #block_1 .blocks { background-image: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='crop', src='images/img_5.png'); } Но в ие6 весь контент внутри этого листика работает через ж. Ссылки не мигают при наведении, и текст ваще не выделяется как надо! + ко всему он еще и тянуться должен. Как исправить ситуацию? Что бы и прозрачность и в ие норма работало. п.с. пнгфикс не подходит!

    Asked by Spidey,

    0 votes
    13 answers

  24. Наложение нескольких фоновых изображений

    Добрый день! Столкнулся с проблемой наложения нескольких фоновых изображений, а именно четырех. Вот как я задумал их разместить: 1-е изображение в верхнем левом углу привязано к левому краю и не повторяется; 2-е изображение в верхнем правом углу привязано к правому краю и не повторяется; 3-е изображение привязано к верху страницы, должно находится под 1-м и 2-м изображением и повторятся по горизонтали; 4-е изображение опущено на 700px вниз и повторяется по горизонтали; Ответ на форумах пока не нашел, а своими силами не получается. Одно изображение перекрывает другое. Только смог разместить 2 фона. Заранее спасибо!

    Asked by tribestan,

    0 votes
    13 answers

  25. Как часть шаблона (картинка), сделать ссылкой?

    Здравствуйте всем. Я только учусь, поэтому просьба сильно на меня не "кричать"))) У меня такая проблема: Есть сайт. В шаблоне сайта есть картинка которую мне необходимо сделать ссылкой на материал (статью). Как это сделать??? css .PageBackgroundGlareImage { background-image: url('../images/Page-BgGlare.png'); background-repeat: no-repeat; height: 262px; width: 136px; margin: 0; } html <div class="PageBackgroundGlareImage"></div> Подскажите какие есть варианты???

    Asked by gumuch,

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