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. опять выпадающее меню

    знаю, много на форуме обсуждалось, как сделать выпадающее меню не прибегая к скриптам. вот я пытаюсь такое меню сделать. вроде бы получается в общих чертах, но есть несколько косяков. 1. в ИЕ под элементом меню, которое содержит в себе еще вкладки, появляется небольшой отступ. как от него избавится я не знаю. чего только не пробовал 2. в опере выпавшая менюшка вообще никак не реагирует на движения мыши. самое обидное, что вводит меня в ступор - даже на ссылку никак не нажмешь CSS: #menu{ display: block; position:relative; top:0;left:0; padding:0; margin:0: } #menu a { display: block; width:100%; height: 10px; background: #ccc; } #menu a:hover { background: #aaa; } #m…

    Asked by aspid,

    0 votes
    3 answers

  2. <s> Цвет перечеркивающей линии

    Подскажите пожалуйста, есть ли способ сделать так, чтобы цвет текста отличался от линии, которая его перечеркивает?

    Asked by marenwen,

    0 votes
    3 answers

  3. Вопрос не относящийся к программированию

    Парни, подскажите, как скачать видео ролик с сайта, на котором нет ссылки для скачивания, а можно только просмотреть ролик? пример: http://www.yklaw.ru/ru/205.html ЗЫ К модерам просьба не ругаться!!!

    Asked by Alexx,

    0 votes
    3 answers

  4. Чтобы при нажитии на кнопку картинка менялась на другую...

    Надо сделать так чтобы при нажатии на кнопку, картинка на сайте менялась на другую, влево и вправо... подскажите?

    Asked by exessqd,

    0 votes
    3 answers

  5. Синтаксис ul li Как сделать так чтобы и картинка и текст были ссылкой?

    Все три картинки и ссылки заключены в синтаксисе ul li ↓ проблема! Как сделать так, чтобы и картинка и текст были ссылкой? Я пробовал абсолютно спозиционировать ссылку тупо по координатам на каждую картинку, но это извращенность. Можно конечно сделать все это дело уже просто ссылками + img, но как правило, чередование более двух связанных между собой слов, является списком. Можно посмотреть код: <!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" xml:lang="en"> <head> <style> #about { } #about ul { height: 7em; margin: 20px 0; } #about ul li {…

    Asked by Sotnikov,

    0 votes
    3 answers

  6. Опять robots.txt

    Насколько знаю, есть возможность в robots.txt отключить индексацию поисковиками определ?нного каталога. вот что у меня в robots.txt User-agent: * Disallow: что дописать, чтоб каталог ./too который лежит в корне, не индексировался. p.s. рекомендованый на форуме ресурс http://robotstxt.org.ru/ не доступен

    Asked by Шейла,

    0 votes
    3 answers

  7. Ошибка в IE при верстке картинками

    Помогите, пожалуйста, устранить баг. В IE над картинками menu_top и content_top появляеться полоса фона. Никак не могу прижать картинки к верхнему краю. В Firefox и Opera все работает отлично. Вот код: <!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> </head> <body> <table width="720" border="0" cellpadding="0" cellspacing="0"> <col width="195" valign="top"> <col width="525" valign="top"> <tr> <td style="background: #aff7fa" valign="top"> <img src="images/menu_top.jpg" style="pos…

    Asked by Tigrish,

    0 votes
    3 answers

  8. Закругл?нные углы у дивов

    Подскажите как сделать

    Asked by Elendor,

    0 votes
    3 answers

  9. MARQUEE

    Запихал в MARQUEE картинку. По этому поводу 2 вопроса: 1. как сделать что бы движение начиналось не из-за края страницы, а сразу с экрана, полностью заполненного картинкой 2. как сделать что бы картинка "упиралась" сама в себя, то есть при прокрутке, как только кончается картинка, сразу же впритык начиналась бы она-же, те по сути сымитировать кольцо.

    Asked by sock4proxy,

    0 votes
    3 answers

  10. Помогите с фреймами срочно надо

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

    Asked by Avopilot,

    0 votes
    3 answers

  11. Высота и ширина в процентах

    Добрый день! В общем, такой вопрос. Мне необходимо задать размер изображения в процентах(%) от настоящего - т.е., размер оригинального изображения - 100%, а на экране мне нужно отобразать - 75% - естественно, я делаю это с помошью параметра width="75%". Но при этом, изображение на экране искажается(появляются неровности всяческие). Может кто-то может подсказать как избежать этих неровностей, или уменьшить их? И еще - почему я могу задать в процентах только параметр WIDTH="75%", но при указании в процентах параментра HEIGHT="75%" - он попросту игнорируется браузером - т.е. браузер понимает только параметр WIDTH(при указании в процентах). Подскажите - так и должно быть, ил…

    Asked by romero,

    0 votes
    3 answers

  12. Как отцентрировать текст по вертикали?

    Никак не могу найти ответ на такой вопрос: как отцентрировать по вертикали в теге текст, изображение, дугой блок, или что-то еще?Простейший код: <div style="height:200px; vertical-align:middle; text-align:center; border:solid #dadada 3px;"> <h1>HAY!</h1> </div> Проблема в том, что текст внутри блока выравнивается по вертикали по верхнему краю, а нужно по середине... Как сделать?

    Asked by mozart,

    0 votes
    3 answers

  13. Не вытягивается див, не могу придумать как

    Не работает в Опере и Мозиле. Divmiddle должен растягиваться вместе с divright поидее, но не хочет <style type="text/css"> #divbox { position: relative; margin: 0 auto; padding: 0; width: 400px; top: 0px" } #divtop { width: 400px; height: 30px; background: #F00; } #divmiddle { width: 400px; min-height: 300px; background: #F0F; } #divbottom { width: 400px; height: 30px; background: #00F; } #divleft { float: left; width: 200px; height: 300px; background: #FF0; } #divright { float: left; width: 200px; height: 30px; background: #0FF; } </style> <div id="divbox"> <div id="divtop"> </div> <div id="divmiddle"> <div id…

    Asked by SibBear,

    0 votes
    3 answers

  14. Можно ли в CSS поднять рамку на несколько символов?

    Если написать: <style> A:link, A:visited { text-decoration:none; border-bottom:dotted 1px #CCC; color:#3F5F9E; } </style> <a href=#>1111111111111</a> то получим строчку подч?ркнутую пунктиром. А можно ли поднять этот пунктир на несколько точек выше? Если в этом коде убрать строку text-decoration:none - то видно , что подч?ркивание ссылки находится выше пунктира , а хотелось бы поднять именно до этого уровня. Только не надо предлагать опустить сам текст , так как тогда он будет ниже остальных строк в ряду. Причина по которой надо поднять пунктир - Если ссылка находится в ячейке , то пунктир (который является нижним бордером текста) сливаетс…

    Asked by InterSky,

    0 votes
    3 answers

  15. карты google

    В общем на мо?м сайте есть раздел где нужно указывать местоположение объектов. Это удобно делать при помощи google map. Я скачал код карты 500х350. И мне нужно сделать чтоб карта разворачивалась при нажатии на кнопку "смотреть на карте" и сворачивалась от кнопки "скрыть карту" без перезагрузки страницы. Подскажите как это зделать. (не php). Код карты находиться в теге iframe

    Asked by eniken,

    0 votes
    3 answers

  16. Автоматическая мультибраузерная подгонка ширины div под картинку

    На страницу вставляются иллюстрации, они имеет комментарий внизу, и все это дело обводится рамочкой. <div class="illustration"> <img src="image.jpg"> Комментарий </div> Следующий стиль .illustration{ width: 540px; _width: 556px; text-align: center; border: 1px solid #B0B0B0; padding: 8px; } Это ныне работающий мультибраузерный вариант. Но хочется, чтобы можно было вставлять картинки не только стандартной ширины 540px, но и меньшей ширины. И чтобы при этом рамочка вокруг была всегда на расстоянии 8px, то есть чтобы div уменьшался по ширине. Проблема в следующем. Если поставить width:0, то в IE это работает, а в FF и в Опере нет. Каким об…

    Asked by extruder,

    0 votes
    3 answers

  17. Резиновая страница. Вертикальное выравнивание.

    Посмотрел все темы на форуме. Наш?л приблизительно похожие, но они мне не подходят. Сам мучался целый день, но проблему не решил... Задача: Есть страница, с шапкой head (красная) фиксированной ширины и высоты, меню left_menu (светло-голубое), главной страницей main_page (синяя), и нижним футером underline (зел?ный) высота и ширина фиксированны. Необходимо чтобы независимо от кол-ва текста на главной странице футер всегда был в нижней части экрана. Т.е. страница растягивалась вертикально. При большом кол-ве текста, естественно появляется прокрутка. Да это просто, скажите вы =). Задать футеру абсолютное позиционирование и прижать его вниз. Ан нет, задача усложняется тем, чт…

    Asked by SIC,

    0 votes
    3 answers

  18. Открытие нового окна/вкладки

    При открытии нового окна/вкладки при помощи target="blank" все работает нормально, но если на этой же странице кликнуть следующую ссылку с target="blank", то страница откроется не в новом окне, а в том же, что и первая ссылка. Можно ли открывать сколько угодно ссылок в таком же количестве окон/вкладок?

    Asked by Veseloff,

    0 votes
    3 answers

  19. Как создать меню в css.?

    Можно ли как-нибудь сделать это?

    Asked by Sheena,

    0 votes
    3 answers

  20. Float и valign

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

    Asked by adbared,

    0 votes
    3 answers

  21. Скачут элементы формы под разными браузерами

    Доброго времени суток. Создал форму, содержащую три элемента: input text, select и input submit. Под IE 6 все выглядит как надо, т.е. все элементы выровнены по верхней границе. Но в FireFox 2 и Opera 9 эти элементы скачут. Буду признателен, если подскажите, в чем может быть причина. Пример формы: http://rdk.at.nsu.ru/test.htm

    Asked by rdk,

    0 votes
    3 answers

  22. (SOS) Нужна помощь Таблица не хочет слушаться

    Всем привет!!! У меня вот такая проблема возникла!!! вот код.... <html> <body> <table width="854" height="401" border="1" cellspacing="2"> <tr> <th height="55" colspan="3" scope="col"><font size="5" color=#DF0000>Добро пожаловать на форум YouTH? skY!! DrEamS </font> </th> </tr> <tr> <td width="134" height="178" rowspan="3" >Объявления:</td> <th width="541" rowspan="2" scope="col">3</th> <td height="171">часики</td> </tr> <tr> <td width="157" height="17" rowspan="2">Администрация: </td> </tr> <tr> <th width="551…

    Asked by SPAWN91,

    0 votes
    3 answers

  23. Разваливается список. Как исправить?

    Хотела поставить картинку с список вместо маркера, для этого пришлось переделать весь список. В итоге - сплошные хаки. Да еще, почему-то, одинаковые списки, стоящие в двух разных сидебарах отображаются совершенно по разному. Вот мой код: .sidebar { font-size: 14px; color: #000; font-weight: normal; padding: 0 20px 0 20px; background-color: #fff; border: #c0c0c0 1px solid; width: 150px; margin: 0 0 0 10px; } html>body .sidebar{ margin: 0 0 0 10px; padding-bottom: 15px; } .sidebar H2 { color: #000; font-size: 16px; font -weight: bold; padding-bottom: 2px; margin: 15px 0 10px 0; border-bottom: 2p…

    Asked by Mila,

    0 votes
    3 answers

  24. Вертикальное выпадающее меню

    Помогите разобраться , менюшка не работает в IE воще ни как, в Опере и ФФ вс? отлично. Помогите найти и исправить ошибку. Делал по инструкции вот от сюда http://www.webmascon.com/topics/coding/42a.asp Html: <div id="menu" class="col1_bl_cont"> <ul id="nav"> <li><a href="#">Новости</a></li> <li><a href="#">Статьи</a></li> <li><a href="#">Спонсоры</a> <ul> <li><a href="#">Платит</a></li> <li><a href="#">На проверке</a></li> <li><a href="#">Не платит</a></li> </ul> </li> <li><a href="#"&gt…

    Asked by zetaap,

    0 votes
    3 answers

  25. Как указать язык страницы?

    Как в html коде указать язык страницы?

    Asked by vvsh,

    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