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. А давайте таки добьем мою галерею!

    Ребят, помогите, проблемма с позиционированием Div'ов. Основным содержаним моего сайта является фото (http://dnepr-city.com/). В качестве бесплатного хостинга я свои фото загружаю на http://photoshare.ru/, оттуда беру html-код и вставляю на мою страницу. Но для красоты добавил css, чтобы сделать страницу хоть отчасти похожей на галерею. CSS: div.box {border:1px solid #000000;font-size:14px;text-align:center;float:left;margin:10px} div.box:hover {border:1px solid #ff0000;} div.box img {border:10px solid #ffffff;} HTML: <div class=box> <a href="http://www.photoshare.ru/original/photoshare.ru-1437003.jpg" target="_blank"><img src="http://www.photoshare.ru/da…

    Asked by Пятница,

    0 votes
    17 answers

  2. Кнопка-ссылка.

    Кнопка-ссылка. Помогите разобраться... Нужна кнопка-ссылка на анкер. Пишу <script type="text/javascript"> работает, но перестают работать остальные, пока страницу не перезагрузишь. Я чего-то недогоняю, почему он скрипты видеть перестает... Спасибо заранее.

    Asked by Николай 2357,

    0 votes
    31 answers

  3. Никак не могу с установкой цвета и прочего для ссылок разобраться...

    На сайт ссылку дать нИ мАгУ ) Имееться цсс a { color: #767676; text-decoration: none; } a:visited { color: #ef4a27; text-decoration: none; /* Цвет посещенной ссылки */ } a:active { color: #767676; /* Цвет активных ссылок */ } Ссылки (пункты меню) имеют цвет #ef4a27 ... я не понимать почему Должно быть так При наведении на ссылку мышкой -менятеться цвет с серого на оранжевый, при нажатии - цвет и шрифт меняються, при нажатии на другую ссылку , предыдущая возвращается в свое первоначальное состояние... Кака сделать подскажите, плиз! И второй вопрос: как после каждого пункта меню ( токо главного) делать отступ..эээ одним словом что бы каждоя ссылка шла в своем квадра…

    Asked by mia,

    0 votes
    11 answers

  4. PNG в IE6

    Подскажите, что нужно сделать, чтобы IE6 отображал прозрачность рисунков png

    Asked by Полуд?нный,

    0 votes
    7 answers

  5. Система регистрации

    Ну, пусть кто-нить сделал свой дизайн-сайт... но там cms, система регистрации,etc отсутствуют... А как можно сделать систему регистрации на сайте? Неужели требуются знания PHP, JavaScript,etc для того чтобы внести код в страницу сайта? То есть как сделать, когда качаешь скрипт регистрации и как можно и куда написать код... Без шаблонов... Заранее спасибо. З.Ы. Если можно то дайте ссылку на источник плыз...

    Asked by Jaeser,

    0 votes
    3 answers

  6. Проблемы.

    Вот у меня такая проблема, когда я делаю картинку с ссылкой, то она по всему периметру выделяется, а мне не надо чтобы выделялась, как это сделать? Вот: А вот код: <html> <head> <title> Сайт о группе Linkin Park </title> </head> <body background="http://lp/images/bg.gif" topmargin="10" bottommargin="10" bgcolor="black" link="none" vlink="none" alink="none"> <table align="center"> <tr><td background="http://lp/images/up_pictures.jpg" width="1000" height="477" > <a href="http://lp/"><img src="http://lp/images/home.gif"></a> <a href="http://lp/files/"><img src="htt…

    Asked by vvsh,

    0 votes
    4 answers

  7. NBSP!

    Чем можно заменить ?

    Asked by vvsh,

    0 votes
    1 answer

  8. Помогите пожалуйста добавить кнопку отправки даных формы

    Здравствуйте. Я только разбираюсь с HTML и хочу сделать "обратную связь", форму как бы сделал вот: <table border=0 cellspacing=0 cellpadding=0> <tr> <td width=144 height=56 valign=top><p>Имя</p> </td> <td width=656 valign=top><p><input name="senders_imya" size=30 maxlength=255></p> </td> </tr> <tr> <td width=144 height=56 valign=top><p>Ваш E-mail:</p> </td> <td width=656 valign=top><p><input name="senders_adres" size=30 maxlength=255></p> </td> </tr> <tr> <td width=144 height=56 valign=top><p>Ваш телефо…

    Asked by klauz,

    0 votes
    5 answers

  9. Растяжение хедера и футера

    Как побороть проблему: Есть футер прижатый к низу средствами CSS, хедер и основная часть. Если в основной части контент шире чем окно браузера, то появляется горизонтальный скролл. Если прокрутить его влево, то будет видно что подвал и шапка остались своего размера, а надо чтоб тянулись. Пример: http://vindex10.24ua.com/ Собственно сам документ: index.php <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html> <head> <title>Блаблабла</title> <link rel="stylesheet" href="work/footer_down.css" /> <link rel="stylesheet" href="work/main.css" /> </head> <body> &…

    Asked by Victor Ananiev,

    0 votes
    5 answers

  10. В?рстка

    Ребят,помогите плиз,мучаюсь уже несколько дней(( У меня такая ситуация, 2-ве Колонки из 2-ух Дивов(Левый и Правый) Левый 80%(контент),а Правый 20%(меню)...Вродебы вс? ровно У меня Экран(разрешение 1900х1200...и када я в н?м прописываю свой код,вродебы вс? ровно,при мо?м разрешении канешна вс? праваильно,НО...када я переключаю Экран на 600х800,то сразу начинаеться следущее: ПРАВЫЙ Див начинает лезть на ЛЕВЫЙ А када я другие сайты врубаю,то там при разрешении 600х800 вс? просто уменьшаеться кабута и ничего на Друг Друга не лезит)))Пусть даже появляется полоса прокрутки(Нижняя)но вс? равно Ничего Не теряеться,каждое слово Видно,каждая мелочь на сайте ,которая была при Разреш…

    Asked by psywalker,

    0 votes
    10 answers

  11. флеш на сайте

    Сделал сайт, и на главной поместил небольшой флеш ролик, но как я заметил он работает только в Интернет Ехплорер, а в Огненом лисе и Опере нет.... Может кто обяснить почему, и как изправить пожалуста ?! сайт: www.autoclean.lv

    Asked by Fazzz,

    0 votes
    9 answers

  12. Блоки

    Всем привет. Такая проблема. Верстаю сайт блоками и хочу сделать сайт в три ряда, но с третимя рядом проблемы, смотрите: Код сайта: <!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=windows-1251"> <link rel="stylesheet" href="hb.css" type="text/css"> <link rel="stylesheet" href="fp.css" type="text/css"> </head> <body> <div id="title">Шапка</div> <div id="bread">Реклама</div> <div id="col1"> <div class="panel">Навигация</div> <div…

    Asked by Cyrax,

    0 votes
    2 answers

  13. Косяк с отоброжением страницы в разных браузерах

    http://file-money.ucoz.ru/ Вот какая проблема: опера тображает вс? правильно, а эксплорер частично не отображает шапку. Что с этим делать?

    Asked by DoomLancer,

    0 votes
    1 answer

  14. Картинка в скрытом DIVе

    Осмелюсь задать еще один вопрос. Вот такая задачка <script type="text/javascript"> <!-- function Function_1(div){ for (i=0; i<99; i++){ document.all.tags("div").item(i).style.display="none"; } document.all.tags("div").item(div).style.display="block"; } --> </script> <a href="#" onClick="Function_1(0), document.pic1.src='pic1.gif'">1-я ссылка</a> * * * <a href="#" onClick="Function_1(99), document.pic100.src='pic100.gif'">100-я ссылка</a> <div style="display:none">Текст 1 <img src="" name="pic1"/></div> * * * <div style="display:none">Текст 100 <img src="" name="pic100"/></div> Вобщем мне ну…

    Asked by Николай 2357,

    0 votes
    0 answers

  15. Отступ между роликом и всем остальным.

    У меня появляется отступ между флэш роликом и всем остальным, помогите: http://n6300.3eu.ru/index.php Как его убрать?

    Asked by vvsh,

    0 votes
    21 answers

  16. О шрифтах

    Пишу код: <!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=utf-8" /> <title>Новый Документ</title> <style type="text/css"> <!-- .стиль1 { font-family: tahoma; font-weight: bold; font-size: 14px; } --> </style> </head> <body> <span class="стиль1">любой текст</span> </body> </html> Запускаю Firefox, затем EI7 и реально... - шрифты выглядят по разному. В Firefox В EI Подскажите, как это исправить? …

    Asked by sneg06,

    0 votes
    20 answers

  17. Выравнивание текста в блочном элементе

    Подскажите, как в блочном элементе (например div, или блочная ссылка) по вертикали текст выровнять по центру.

    Asked by Полуд?нный,

    0 votes
    7 answers

  18. изменение видимости при наведении

    Подскажите пожалуйста как осуществить такое. Есть 2 span контейнера <span class="rus"> ............................... </span> <span class="en"> ............................... </span> Изначально задано что один виден,а другой посредством позиционирования располагается выше видимого,но его не видно. И есть какая то картинка.Как можно сделать с помощью css так,что при наведении на эту картинку класс rus прятался а видимым становился класс en а когда отводишь мышку то все возвращалось на свои места. А совсем идеально будет что бы при нажатии на картинку все статически менялось и оставалось.Знаю что можно делать так с картинкой,когда наводишь на нее…

    Asked by Whatsup,

    0 votes
    4 answers

  19. самый легкий lightbox

    Скачал себе "lytebox", но размер 73,8 КБ (75?585 байт) Не заслишком ли? Может есть что поменьше? Заранее спасибо

    Asked by Slyfox,

    0 votes
    3 answers

  20. Как поменять шапку сайта

    Люди дайте мне ответ у меня есть сайт, я немогу поменять шапку сайта, помогите((

    Asked by Андрей11,

    0 votes
    1 answer

  21. Уверен, у Вас такого еще не было!!!

    Давно еще, приятно удивился, когда зашел на свой сайт в ИЕ, боюсь представить, что будет в Мозилле и ФФ. А пока прошу помочь мне в этой проблеме. что тут не так? Ума не приложу! Куда убегает контент? Убегает до последнего файла в меню.

    Asked by Пятница,

    0 votes
    4 answers

  22. Абсолютная высота блоков (%) не отображаеться в Опере

    Здравствуйте, у меня такая проблема, есть код хтмл: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head> <meta http-equiv="content-type" content="text/html; charset=UTF-8" /> <link href = "style.css" type="text/css" rel="stylesheet" /> <title>Index</title> </head> <body> <div class="site"> <div class="header"> <div class="logo"></div> </div> <div class="left_side"> </div> <div class="center"> <div class="content"> Content </div> </div> <div class="right_side"&gt…

    Asked by anarki,

    0 votes
    3 answers

  23. Слой котоырй можно прокручивать.

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

    Asked by Solker,

    0 votes
    2 answers

  24. CSS, JS и кроссбраузерность

    Подскажите, где взять толковую информацию пр нюансам CSS и JS в разных браузерах. В Гугле 90% философии, целый день рылся. Жалко потраченного времени и трафика. В учебниках, какие у меня есть про это ни слова. В одном нашел: "...написан для IE... в разных браузерах может работать поразному..." и все. А как? Я только начал, а уже проблемы: <style type="text/css"> #pic1{ filter:progid:DXImageTransform.Microsoft.BasicImage(xRay=0); } #div1{ position:absolute; top:100px; left:10px; display:none; } </style> <script language="javascript"> <!-- function Function_1(){ document.all.tags("div").item(0).style.display="block"; } function Function_2(){ docume…

    Asked by Николай 2357,

    0 votes
    14 answers

  25. Отступы в IE6.

    При верстке сайта столкнулся с проблемой, не понятно откуда взялись отступы в блоках в IE6. Никакие из принятых мною мер не принесли результата. Нужно сделать рамку с закругленными концами. Для этого я использую 4 изображения закругленных концов 5х5 пикселей и 2 блока с горизонтальными линиями фиксированной ширины и высотой в 5 пикселей. Во всех браузерах отображается правильно, в IE6 блоки, хранящие картинки имеют высоту гораздо больше 5 пикселей (выделено зел?ным цветом). Чтобы лучше понять о ч?м ид?т речь взгляните в браузере. CSS .clear { clear: left; } #container { width: 944px; margin: 200px auto; height: 100%; } .bottom_line { margin: 0px; padding: 0px; …

    Asked by PNZ,

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