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

29542 questions in this forum

  1. Как подогнать css под Safari 5 и IE-11

    Добрый день. Размещено 2 блока по 3 изображения, отцентрировано flex, по плану при наведении курсора картинка затемняется, сверху появляется описание. Стили работают как задумано только в Chrome и Opera. В Сафари рамка не всплывает, текст не выравнивается. В IE 11 рамка всплывает, текст не выравнивается. Заранее благодарю. <div class="wrapper"> <div class="demo-content"> <div class="part"> <figure class="img-box"> <img alt=img src=https://s3-us-west-2.amazonaws.com/s.cdpn.io/331810/sample54.jpg> <figcaption><section class="imgone">По Вашему желанию электропроводку можно уложить в ПВХ-коро…

    Asked by Xandr555,

    0 votes
    0 answers

  2. Как подогнать высоту страницы под высоту экрана?

    Здравствуйте, друзья! Подскажите, пожалуйста, как сделать так, чтобы высота страницы (например вот этой - http://toolbird.com/signup/)отображалась на любом десктопном устройстве тютелька-в-тютельку под размер экрана, без скроллинга. Речь идет о верстке в Bootstrap3, но с благодарностью приму и другие возможные решения. Спасибо большое!

    Asked by Denzil,

    0 votes
    9 answers

  3. Как подогнать картинку под определенный размер

    Как можно подогнать картинку под определенный размер блока (див или таблицы неважно). Что бы картинка как-бы вписалась в выделенную область с сохранением пропорций. Подробнее: есть область 100х100, и картинки 150х50 и 50х150. Если в ксс указать только ширину картинки, первая картинка (150х50) ужмется как надо, а вот вторая (50х150) вылезет снизу. Если указать высоту, вторая (50х150) красиво ужимается но первая (150х50) вылезает вправо. Если указать и ширину и высоту - всё влезает но теряются пропорции. Вот код реализации задуманного с использованием таблиц: <table> <tr> <td class="customimg"><a href="link"><img src="image" width="100px"><…

    Asked by alleclf,

    0 votes
    4 answers

  4. Как подогнать размер картинки под заданный блок

    Хочу в блок вписать картинку, подгонка должна быть по меньшей стороне с сохранением пропорций. Пример тут - http://jsfiddle.net/72anA/ Необходимо, что бы картинки заполняли весь блок с сохранением пропорций + центрировались. На картинке ниже примерно показано как должно работать. Всё что вылазит за пределы блока должно обрезаться, в примере специально не обрезал для наглядности. То есть, блок должен быть заполнен центральной частью картинки. Можно ли это реализовать без использования скриптов?

    Asked by alleclf,

    0 votes
    10 answers

  5. Как подогнать фон сайта под разные разрешения экрана

    Здравствуйте! Заранее прошу прощения за скорее всего тупой вопрос, но как сделать, что бы фон сайта (<body background="image.jpg">) правильно отображался под разные разрешения экрана? Я правильно понимаю, что есть только один способ - поместить картинку по центру и прилегающие края сделать из того же, что в картинке цвета?

    Asked by Alex777,

    0 votes
    7 answers

  6. Как подписывать картинки?

    Доброго времени суток. На странице я разместила изображения. Когда размещаю текст под картинкой, остальные изображения перескакивают вниз: http://itmages.ru/image/view/1724171/08f07aa5 а должно быть так: http://itmages.ru/image/view/1724169/c743b350 Код: <div id="content"><br><a href="finetex_Light_2109.html"> <img src="images/finetex/1.jpg" height="189" width="170" title="Uberture, Light 2109" > <p> Uberture, Light 2109 </p> </a><a href="finetex_Light_2110.html"> <img src="images/finetex/2.jpg" height="189" width="170" title="Uberture, Light 2110"></a><a href="finetex_Light_2121.html"> <img src="im…

    Asked by Савоини Анастасия Андреевн,

    0 votes
    1 answer

  7. Как подправить баг в IE6

    Верстаю сайт. Во всех браузерах всё выглядит нормально, но в IE6 есть два непонятных бага в отображении некоторых элементов. Полагаю, что эти баги имеют очень схожие корни. Хотелось бы обеспечить идеальную красоту макета во всех браузерах, поэтому хочу избавиться от этого. Прилагаю макет (пока ещё окончательно не свёрстан, поэтому правая колонка и другие элементы могут выглядеть некрасиво, но не в них сейчас дело). макет для скачивания На первом скриншоте показана часть страницы main.html и непонятное смещение дива, который отображает скруглённые углы. Сами скруглённые углы сделаны фоновыми рисунками. Что самое интересное, что ниже правой колонки такого смещения дива уже …

    Asked by indysiteru,

    0 votes
    1 answer

  8. Как подправить путь к изображению

    В шаблоне страницы движком выводятся миниатюры картинок. Мне необходимо вместо миниатюр отобразить оригинальные изображения. У меня есть строка вида: <img src="http://site.com/uploads/posts/2016-09/thumbs/image-1.jpg"> Надо получить: <img src="http://site.com/uploads/posts/2016-09/image-1.jpg"> То есть, из строки убрать "thumbs". Как можно такое сделать на PHP? На станице надо обработать 10-15 таких картинок.

    Asked by alleclf,

    0 votes
    0 answers

  9. Как подрегулировать расстояние между буквами

    Здравствуйте. Возникла такая необходимость. Это возможно с помощью CSS? разобрался - letter-spacing

    Asked by borus,

    0 votes
    3 answers

  10. Как подсветить определенное слово с помощью CSS?

    Здравствуйте. В joomla имеется статья с заголовком, и нужно задать красный цвет только для слова "Новинка!" в заголовке. В админке такого нельзя сделать, насколько знаю. Можно ли каким-либо свойством CSS подсветить красным это слово?

    Asked by borus,

    0 votes
    6 answers

  11. Как подсвечивать в таблице строку вместе со столбцом при наведении курсора

    Здравствуйте! У меня имеется большая таблица. Реализовать подсветку строки при наведении мышки получилось. Возможно ли реализовать "перекресток", чтобы подсвечивалась не только строка, но и соответствующий столбец? JS не владею, к сожалению. Подскажите решения с помощью css и html, если они имеются. Заранее спасибо!

    Asked by Dreiser,

    0 votes
    4 answers

  12. Как подстроиться под все браузеры?

    Здравствуйте! Недавно столкнулся с проблемой, что в одном браузере отображается всё норм, а в другом не так как хотелось. Я знал раньше, что существует такая проблема. Но думал что только в больших проектах. А тут я не успел доделать шапку сайта, как уже значительные искажения. Если есть какая то статья на эту тему, киньте ссылку. Есть ли какая то прога которая позволяет сравнивать один сайт в нескольких браузерах, что бы в ручную это не делать.

    Asked by myRoot,

    0 votes
    2 answers

  13. Как подчистить скрипт счетчика?

    Подскажите пожалуйста, как подравнять скрипт счетчика, они практически все написан кривыми руками, я идеалист хренов в js не шарю, а хочу, что бы валидатор улыбался :P Вот скрипт, правда я его уже сократил немного: <!-- HotLog --> <script type="text/javascript" language="javascript">hotlog_js="1.0";hotlog_r=""+Math.random()+"&s=2115087&im=565&r="+escape(document.referrer)+"&pg="+escape(window.location.href);</script><script type="text/javascript" language="javascript1.1">hotlog_js="1.1";hotlog_r+="&j="+(navigator.javaEnabled()?"Y":"N");</script><script type="text/javascript" language="javascript1.2">hotlog_js="1.2"…

    Asked by Vic-Tor,

    0 votes
    3 answers

  14. Как позиционировать div снизу?

    Не могу понять почему div не позиционируется снизу? <!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>Untitled Document</title> <style type="text/css"> body { background-image: url(images/sojblog_01.jpg); background-repeat: repeat-y; margin-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; background-color: #000000; } .block1 { width: 567px; padding: 0px; padding-right: 0px; border: 0; float: left; left…

    Asked by okn00me,

    0 votes
    4 answers

  15. Как позиционировать элементы?

    Суть проблемы в следующем: создается шаблон страницы в виде рамки из верхней и нижней горизонтальных текстурных полос, прилепленных к верхней и нижней границам экрана браузера. Предполагается, что рамка не должна прокручиваться. Содержимое страницы должно прокручиваться внутри рамки. Вот собственно и все. Такая строка, относящаяся к тегу body позволяет зафиксировать только одну полосу (в данном случае нижнюю): {background-image:url(img/img4.gif); background-position:bottom; background-repeat:repeat-x; background-attachment:fixed;}, при этом вторую полосу разместить и зафиксировать не получается. Нет знаний. Помогите чайнику.

    Asked by Amadeus,

    0 votes
    6 answers

  16. Как показать div из div'а который "display: none"

    Всем привет. Возможно ли такое: К примеру есть div и на нем всём стоит "display: none", + он содержит очень много вложенных div. Как показать один из этих вложенных div не взерая на выше примененный параметр. Пример: <div class="blablabla_1" style="display: none;"> ...очень много еще всего <div class="blablabla_2">Трали-вали</div> <div class="blablabla_3">Опа-опа-па</div> <div class="blablabla_4">Пик-пик-пик</div> <div class="blablabla_5">Карамба-вах</div> ...очень много еще всего </div> Как показать из всего этого только <div class="blablabla_4">Пик-пик-пик</div>? …

    Asked by Compaq6720s,

    0 votes
    9 answers

  17. как показать html файл перед формой ?

    вот у допустим у меня есть форма: <style type="text/css"> H1 { font-size: 100%; color: blue; } </style> <form action="http://malish.vizie.ru/message/vopros.php" method="post"> <p> <h1> Введите Ваше имя</h1></p> <p><input type="text" placeholder="Вася" required name="nik"></p> <textarea name="vopros" class="brd" placeholder="Пример" required rows="10" cols="32"></textarea> <p><input type="submit" value="Отправить"></p> </form> Потом php файл записывает данные в html файл, дак вот как мне потом это html файл показать перед формой ? пожалуйста помог…

    Asked by malish,

    0 votes
    10 answers

  18. Как показать информацию на этой же странице?

    Как показать внешнюю страницу в этом же окне? имеется страница-меню слева. Так вот как подгружать внешние html странички без перезагрузки основной страницы...чтобы они открывались с права. что лучше использовать фреймы дивы??

    Asked by romoga,

    0 votes
    4 answers

  19. Как показать несколько изображений на одном месте одновременно?

    Добрый день. У меня есть несколько местами прозрачных изображений одинакового размера, которые хотелось бы показывать наложенными друг на друга в различных комбинациях - типа слоёв. Не подскажите, как лучше это сделать? Заранее спасибо.

    Asked by ysa_list,

    0 votes
    1 answer

  20. Как показать сайт?

    Подскажите пожалуйста, где можно выложить файлы (сайт) кроме хостинга, чтобы можно было посмотреть на другом компьютере? Человек попросил сделать сайт, но с хостингом не определился пока, а я уже написала и хочу ему показать. Спасибо

    Asked by Yarkaya,

    0 votes
    5 answers

  21. Как показать/скрыть DIV ?

    как при нажатии на слово-ссылку показать под этой ссылкой текстовый блок <div style='display:none;'>text text text</div> а при повторном нажатии спрятать этот блок?

    Asked by amanito,

    0 votes
    14 answers

  22. Как показать\скрыть текст по клику?

    Есть страничка. В ней список названий. Нужно чтобы при клике на название в этой же страничке под ним показывался дополнительный текст. По повторному клику исчезал. ========================= название1 название2 (клик)(при повторном клике все блаблабла пропадают) блаблабла блаблабла блабла бла название3 ========================= Подскажите пожалуйста.

    Asked by LikeAPilot,

    0 votes
    36 answers

  23. Как покрыть абсолютно position absolute?

    Внутри блок зеленого цвета есть блок с текстом. Внутренний блок нужно разместить абсолютным позиционированием. Но если это сделать , то внешний блок не растягивается на его длину. Что нужно вписать во внешний блок? <div style="background-color:green"> <div style="position:absolute">Текст</div> </div>

    Asked by ml227,

    0 votes
    5 answers

  24. Как полностью заполнить область область родительского блока дочерними

    Имеется фиксированный двухколоночный макет. Левая колонка - сайдбар, правая - контент. Вверху шапка, внизу "прилепленный" к низу футер. Все блоки, кроме футера, обёрнуты в #container, от которого позиционируется футер. Проблема в том, что дочерние блоки (сайдбар и контент) не фиксированные, и если один из них имеет бОльшую высоту, он "выезжает" за границу #container. Таким образом, футер оказывается парящим посреди экрана, в то время как выезжающий блок - уходит за нижнюю границу экрана. Задача Полностью вместить все дочерние блоки в родительский, чтоб они не выезжали, в то время как нижняя граница самого "высокого" из них должна совпадать с границей #container. Решение П…

    Asked by demoncheg,

    0 votes
    20 answers

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

    при ближайшем рассмотрении видно пустое пространство между линиями(т.е. и между ячейками таблицы) <table width="100%" cellpadding="0" cellspacing="0" border="0"><tr><td>Колонка 1</td><td>Колонка 2</td></tr> <tr border="0"><td border="0"> <hr width="100%" color="#00FF00"></td> <td border="0"> <hr width="100%" color="#00FF00"></td> </tr> </table> Следовательно сам вопрос - как сделать, чтобы разрыва между линиями (или между ячейками таблицы, что на мой взгляд 1 и то же) не было видно?

    Asked by Frank,

    0 votes
    12 answers
×
×
  • 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