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. 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

  2. Присвоить class="current" элменту списка или ссылке.

    Подскажите, пожалуйста, каким образом элементу списка или ссылке присваивается class="current" динамически, при нахождении на странице по данной ссылке. Спасибо.

    Asked by DonTomatos,

    0 votes
    1 answer

  3. Помогите с футером!

    Помогите пожалуста с футером! Знаю, что вопрос детский, но у меня в резиновом дизе не получаетцо! Вот html: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html> <head> <meta http-equiv="content-type" content="text/html; charset=windows-1251" /> <title>GenericBlue by Free CSS Templates</title> <meta name="keywords" content="" /> <meta name="description" content="" /> <link href="st.css" rel="stylesheet" type="text/css" /> <link href="css/dropdown/dropdown.css" media="all" rel="stylesheet" type="text/css" /> <link href="css/dropdown/themes/default/…

    Asked by Glebr,

    0 votes
    6 answers

  4. Всплывающая подсказка над input полем

    Есть такой вопрос: а как возможно сделать всплывающую подсказку над полем ввода(текстовым) на css,когда наступает событие onFocus ну т.е. типо такого,только чтобы это подсказка не раздвигала другие элементы когда делаешь display:block : <style> .class1{ display:none; position:relative; } .class2{ position:relative; display:block; } <center><form method="post" action=""> <div class="class1" id="tips">Это подсказка для поля</div> <input id="myfield" onFocus="document.all['tips'].className='class2';" type="text" /><br/> <div class="class1" id="tips1">Это подсказка для поля</div> <input i…

    Asked by Александр_1989,

    0 votes
    1 answer

  5. Правильный новостной заголовок

    Здравствуйте. Я сделал для сайта новостной заголовок сл. типа: <h1 class="title><span>12.03.12.</span>Название новости</h1> Но хочу сделать другой вариант, например: <span>12.03.12.</span><h1 class="title>Название новости</h1> Так как мне надо записать всё в одну строчку, то тег <p> не пойдёт. Какие есть ещё варианты?

    Asked by Sayitright,

    0 votes
    6 answers

  6. скругление углов с css

    криво скругляются уголки. прошу помочь найти причину: разметка: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <meta http-equiv="Pragma" content="no-cache"> <link rel="stylesheet" href="./css/style.css" type="text/css"> <link rel="shortcut icon" href="./i/favicon.ico" type="image/x-icon"> <title>%title%</title> </head> <body> <div id="center"> <div id="menu"> <ul> <li><a href="./index.php">Главная</a></li> <li><a href…

    Asked by reteiktor,

    0 votes
    6 answers

  7. Цвет маркера

    Как можно задать маркеру цвет? Чтобы не пользоваться list-style-image.

    Asked by Игорь Ермаков,

    0 votes
    2 answers

  8. Есть пара вопросов по 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

  9. Кусок страницы с Гисметео

    Такой вопрос, как можно взять с этой страницы кусок и разместить у себя на сайте. Вот что нужно, эту часть страницы:

    Asked by adamfromvyazniki,

    0 votes
    8 answers

  10. Как заместить оставшееся место в браузере

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

    Asked by marcool,

    0 votes
    9 answers

  11. Фон

    Есть такая проблема с фоном: http://floomby.ru/content/7nWcL1Hi40/ http://floomby.ru/content/Grv4nje8qE/ Во втором случае специально фон изменил на черный чтобы было наглядно. Сообствено вам проблема должна быть ясно: фон не "растягивается до конца элемента. В чем проблема? Вот код: <!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=windows-1251" /> <title>Природа Мурманской Области</title> <link href="style/common.css" rel="stylesheet" type="text/css" /> </he…

    Asked by Fenix,

    0 votes
    7 answers

  12. Помогите разобраться с позиционированием ДИВов

    Доброго дня. Помогите с позиционированием элементов. Есть 4 дива: <div id="header"></div> <div id="left"></div> <div id="right"></div> <div id="footer"></div> Должно все выглядеть примерно так: Нужно чтобы: 1. при включении свойства display:none у #left, ДИВ #right должен автоматом занимать его место и растягиваться по всей ширине экрана. 2. при изменении размера окна, должны сжиматься ДИВЫ: left - по высоте, до какого то предела, по ширине он фиксированный. right - должен и по высоте и по ширине, до какого то предела header и footer по ширине, по высоте они фиксированные. Подскажите как правильно начать позиционировать, ч…

    Asked by цсс любитель,

    0 votes
    9 answers

  13. блоки в строчку

    Вот собственно код меню CSS: #menu p{margin:0; display:inline;} a.menu{display:block; width:100px; height:39px; margin:20px 10px; background-repeat: no-repeat;} a.menu:hover{background-position:0 -40px; position: relative; top: 3px;} a.menu_on{display:block; width:100px; height:39px; margin:20px 10px; background-repeat: no-repeat; background-position:0 -40px;} a.menu_on:hover{position: relative; top: 3px;} a.main{background-image: url(diz/main.jpg);} a.uslugi{background-image: url(diz/uslugi.jpg);} a.zapchasti{background-image: url(diz/zapchasti.jpg);} a.foto{background-image: url(diz/foto.jpg);} a.kontaktu{background-image: url(diz/kontaktu.jpg);} xhtml: <div id=…

    Asked by Kos87,

    0 votes
    8 answers

  14. Помогите с меню

    В файле есть такой код: <tr> <td class="td2"></td> <td> <a href="#" onmouseover="changeImages('siteground_Layer_11', '<?php echo $mosConfig_live_site;?>/templates/siteground32/images/siteground_Layer-11-over.jpg'); return true;" onmouseout="changeImages('siteground_Layer_11', '<?php echo $mosConfig_live_site;?>/templates/siteground32/images/siteground_Layer-11.jpg'); return true;"> <img name="siteground_Layer_11" src="<?php echo $mosConfig_live_site;?>/templates/siteground32/images/siteground_Layer-11.jpg" width="66" height="29" border="0" alt=""></a></td> <td c…

    Asked by Хаскер,

    0 votes
    1 answer

  15. Как посмотреть стиль поля через FireBug?

    Уж простите за ламерский вопрос, реально не догоняю. У меня на сайте есть поле, в него вложено изображение. Вопрос: как через FireBug посмотреть CSS стиль этого поля? Т.е. мне нужно узнать только название этого стиля, дальше я уже сам справлюсь. Нажал на поле правой кнопкой мыши, выбрал "Анализировать элемент". А что дальше?

    Asked by VasyOK{!},

    0 votes
    4 answers

  16. тэг Embed

    как в этом тэге добавить вид плеера, ибо я прописал станд. параметры, получилось что видео идёт без остановки по кругу, и нету кнопок нав. тоесть пауза пуск, стоп!!!

    Asked by respect,

    0 votes
    4 answers

  17. Нужен совет провесоонала!

    Ребята, помогите решить проблему, которою так и не смог решить сам. Может кто-то сталкивался с данной ситуацией – два блока, которые размещены рядом, в 6-м ІE не корректно отображаются, а это очень существенно. Когда открыть код, можно это все наглядно увидеть – белая полоса между черным и зеленым блоком. У других браузерах проблем нет, это только в 6-м ІE! Заранее спасибо. <!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> <title></title> <meta http-equiv="content-type" content="text/html; charset=windows-1251…

    Asked by _Alexanred_,

    0 votes
    3 answers

  18. Изменение чего либо по какому либо событию

    Подскажите пожалуйста, как мне изменить размеры таблицы по нажатию на кнопку, используя язык JavaScript.

    Asked by Almanah,

    0 votes
    11 answers

  19. Вертикальное выравнивание внутри дива.

    Вертикальное выравнивание внутри дива. Научите правильно это делать кросбраузерно и именно через vertical-align: middle Вариант с padding или line-height не подходит. Интересует, как правильно выравнивать по вертикали текст или другой див. Заготовил формочку: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <style type="text/css"> * { margin: 0; padding: 0;} .max1 { height : 300px; background: red; } .max2 { height : 300px; background: black; } .max2 div { height : 50px; width : 50px; background: green; } </style> </head> <body> <div class="max1"&gt…

    Asked by Semreg,

    0 votes
    9 answers

  20. Обтекание

    У меня есть вот такая проблема: есть логотип #logo и заголовок сайта #title. По логике логотип должен находится слева, а заголовок справа обтекает логотип, но заголовок остается сницу. в чем проблема? Вот код: <div id="header"> <p id="logo"><img src="style/logo.png" width="193" height="200" /></p> <h1 id="title">Природа Мурманской области</h1> </div> #logo {float:left;} #title {font-size:50px; color:#150098;}

    Asked by Fenix,

    0 votes
    23 answers

  21. Блок "Полезный софт"

    Изначально делал блок с полезным софтом, сделал таблицу, открыл tr, td, запихнул иконки программ (только что сделанные в фш ) закрыл td, открыл td, напихал ссылок на софт и тут начались проблемы.....то между изображениями расстояние в 1px, то текст весь идёт по центру (снизу вверх) и уходит вправо, то вообще сайт слетает, прошу мне помочь.... хДД В общем пришёл я к тому, что решил сделать этот полезный софт изображениями, точнее ссылки на софт, так вот теперь изображения не показываются, прошу покавыряться в моём коде... /* Soft */ .allsoft {border:1px solid #000;border-top:0;background-color:#1b1b1b;width:200px;height:320px;} .allsoft a:link,.allsoft a:visited,.allsoft…

    Asked by LeoBit,

    0 votes
    15 answers

  22. Вставка видео в статью!

    значит дело вот в чём... делаю свой первый интернет-магазин...с помощью Джумла... всё бы ничего, но остался в оформлении один единственный шаг, и этот шаг называется вставка видео в статью...то есть так как у меня магазин, то к товару нужно прикрепить видео... сделал с помощью тэга EMBED видео идёт отлично, но смущает то что в нём нету системы управления, то есть паузы, пуск, перемотки... помогите плз, я думаю Вам это будет не сложно... заранее спасибо!!!

    Asked by respect,

    0 votes
    2 answers

  23. С таблицей проблема

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Типо сайт=)</title> <style type="text/css"> html, body {height: 100%; width: 100%} html {font-size:62.5%} body {font: normal 1.6em Arial, Verdana, Helvetica, Calibri, Tahoma, sans_serif; line-height: 100%; color: #333; background: #fafafa} html, body, table, tr, td {margin:0; padding:0} td {vertical-align: top; border: 1px solid #abcdef} table {table-layout: fixed;} #maim {display:tabl…

    Asked by Yahoo!,

    0 votes
    7 answers

  24. pc и mac - разное отображение цвета

    Сверху - отображение под маком, снизу - пс. Причем на маке такое искажение только в ФФ и Сафари. таже опера все нормально отображает. Уже незнаю в чем дело. Левая картинка - jpg ( http://help-yelp.ru/macpc/head_left.jpg ), фон - png ( http://help-yelp.ru/macpc/head_bg.png ) Может я как-то не так цвет сохраняю но с другой стороны ведь в опере - нормально все....

    Asked by Razor,

    0 votes
    12 answers

  25. проблемы в фф

    данные стили идентично отображаются во всех браузерах #wrapper .sidebar_right .search{position:relative;} #wrapper .sidebar_right .search form fieldset input.search{position:absolute; top:0; left:16px;} #wrapper .sidebar_right .search form fieldset input.button{position:absolute; top:0; left:166px;}

    Asked by html,

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