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

    Имеется таблица из 3 столбцов и 3 строк! Строки в первом столбце объединены(там находится картинка)! А строки в следующих двух столбцах имеют разную высоту(первые две строки одинакового размера, а последняя изменяет свою высоту в зависимости от размера рисунка в первом столбце). Вопросик: как в css прописать чтобы все строки имели одинаковую высоту - но не фиксированную, а зависящую от высоты рисунка в первом столбце!

    Asked by sorochini,

    0 votes
    1 answer

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

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

    Asked by alexander.parphenuyk,

    0 votes
    13 answers

  3. float и вложенные слои

    <div style="background: #ccc; width: 100%"> <div style="float: left; width: 300px; background: #000">123<br>123<br>123<br>123<br>123<br></div> 123 </div>В FF внутренний слой вылазит за пределы внешнего. Почему так происходит? В IE все нормально. Какой браузер отображает этот код правильно? Как сделать так, чтобы внутренний слой был слева и не вылазил за пределы внешнего слоя, не задавая фиксированную высоту внешнего слоя? Заранее спасибо за ответы.

    Asked by Cage,

    0 votes
    6 answers

  4. фиксированный 100% размер таблицы

    <body><table width="100%" height="100%" cellspacing="0" cellpadding="0" border="0"> <tr> <td valign="top" width="450px" height="100%"> <div id="menu" style="height: 100%; overflow: auto;"><br />s<br />s<br />s<br />s<br />s<br />s<br />s<br />s<br />s<br />s<br />s<br />s<br />s<br />s<br />s<br />s<br />s<br />s<br />s<br />s<br />s<br />s<br />s<br />s<br />s<br />s<br />s<br />s<br />s<br />s<br />s<br />s<br />s<br />s<br />s&…

    Asked by CiQ,

    0 votes
    3 answers

  5. Хостинг. Создание сайта.

    Здравствуйте, форумчане! Хочу разобраться с выбором хостинга и некоторыми мелочами. Я совсем в этом не разбираюсь, хочу знать нюансы. И так, пойдём по этапно, что я хочу и как: 1. Для начало определиться с хостингом (платный хостинг). Сейчас такие услуги предоставляют огромное количество сайтов, а к кому обратиться - это вот вопрос. а. Требования: 1Гб выделенного места; управление сайтом (cms), путём динамичного отображения, вводимого контента, на последующих страницах... Возможно ли это? 2. Предположим, хостинг есть! Встаёт вопрос о создании интенет страничики, с динамичной структурой. Почему я выделил слово ''динамичной''? Нужен результат отображение, к примеру последн…

    Asked by student_ya,

    0 votes
    18 answers

  6. Проблема с фоном

    Возникла необходимость в нестандартных бордюрах. Решил реализовать это фоновым изображением. Все элементарно, если фон висит на слое фиксированного размера. А как быть если известна только ширина?

    Asked by Ururu,

    0 votes
    3 answers

  7. Эффект затемнения при наведении

    Как можно сделать ,чтобы баннер в обычном состоянии был приглушённого белёсого цвета,при наведении-обычного,как тут http://nba777.ru/

    Asked by FASTDEATH,

    0 votes
    11 answers

  8. Форматирование текста

    В первый раз столкнулся с проблемой форматирования. Страничка на xhtml. Подскажите как быть с переносом на новую строку? Как вариант слоями выложить весь текст, но не красиво как то.

    Asked by Ururu,

    0 votes
    7 answers

  9. Как прижать блок к правому краю страницы, а текст в блоке выровнять по левому краю

    Добрый день. У меня есть таблица: <html> <body> <table style="width:100%"> <tr> <td style="width:33%"></td> <td style="width:33%"></td> <td style="width:33%"> <div><!--Надо прижать к правому краю страницы--> <p>Привет,</p> <p>Вася Пупкин, чемпион по хтмл!</p> <p><img src="lol.jpg"/> вот твоя картинка</p> </div> </td> </tr> </table> </body> </html> Мне надо сделать так, чтоб блок прижался к правому краю, а текст выровнялся по левому краю своей самой длинной строки. Что делать? Получилось, надо ДИВу написать: <div sty…

    Asked by ХОЛОДный,

    0 votes
    2 answers

  10. кнопка

    Денб добрый Подскажите как сделать чтобы ссылка открывалась в новом окне <input type="button" value="ЗАКАЗАТЬ" class="button" onClick='location="forma_zakaz_5.php";'>

    Asked by vik7878,

    0 votes
    5 answers

  11. Не полгружает файл стилей(

    Здравствуйте уважаемые форумчане! Передо мной возникла неожиданная проблема на этапе проверки верстки=\ Есть сайт.. Верстался с фиксами под осла. Все отлично работает. Вот например: prostor-market.com/gallery/ - отлично выглядит во всех броузерах. А от если мы перейдем например по ссылке: prostor-market.com/gallery/prostor-detyam/ - ужас! который происходит, судя по симптомам, изза того что не подгружается файл стилей. Прописал уже даже везде абсолютные пути к нему - та же фигня( НЕ пойму что нужно ИЕ.. ведь один и тот же шаблон, одинаково везде подгружаются стили. Помогите пожалуйста разобраться Спасибо.

    Asked by rijy,

    0 votes
    1 answer

  12. Помогите решить проблему с ИЕ6

    Собственно ребят очень прошу подскажите как вы сделали http://www.htmlbook.ru/ie6.html как это реализовать на своем сайте ? Можно пожалуйста исходник, хтмль страница уже написана осталось только сделать так что если браузер ИЕ6-7 то переводит вот на такую страницу как у вас =) Очень прошу, очень нужно!!! ну или еще как вариант http://habrahabr.ru/blogs/webdev/66126/ , там исходники не качаются =( Уже 4й час над этим шаманю, бубен скоро протру =)

    Asked by boiler,

    0 votes
    2 answers

  13. 2 таблицы, одна position:absolute, нужно уровнять высоту

    Здравствуйте. Вот такая вот система: <table style="height:100%; background-color:#c70000" border="1"> <tr> <td height="100%"> </td> </tr> </table> <table style="position:absolute; top:0; left:0" border="1"> <tr> <td height="2000px">content</td> </tr> </table> Первая таблица играет роль фона, но но растягивается только на высоту экрана без скролла потому, что вторая таблица, которая и вызвала появление скролла имеет position:absolute Есть идеи как растянуть первую таблицу, не используя javascript и с учетом, что высота второ1 таблицы не предопределена? Заранее спасибо.

    Asked by viod,

    0 votes
    20 answers

  14. Проблемма с background

    Добрый день, такая проблема как сделать background с верху и с низу страницы в теге боди идет отступ и если сделать в диве нижний background то он начинается не с начала, подскажите как можно сделать через ксс, не добавляя лишних див (тоесть чтобы не выносить padding: 3em;) ?

    Asked by zerg,

    0 votes
    9 answers

  15. IE6 CSS Sprites

    В общем проблема с IE6, а может и с IETester. При открытии странички, наблюдаю такую картину: Соседние процессы, это IE7 и IE8. В других браузерах тоже все отлично работает. Я приблизительно понял что произошло, просто хочу спросить у местных специалистов, как вы боретесь с множественным использованием маленьких иконок, при использовании css sprites 1000x3000 приблизительно? В моем случае иконка 10х10 используется в 108 местах на странице. *Добавил* Замена иконки обычной 10 пиксельной иконкой, уменьшило использование памяти в двое(507mb рамов) Как избежать утечки памяти. Всем спасибо!

    Asked by Beck,

    0 votes
    7 answers

  16. Выровнять ячейки внутри таблицы

    Примерный код: <table border="1" width="100%"> <tbody> <tr> <td> <table cellspacing="0" cellpadding="0" border="1"> <tr> <td>Картинка</td> </tr> <tr> <td>txt</td> </tr> </table> </td> <td> <table cellspacing="0" cellpadding="0" border="1"> <tr> <td>Картинка</td> </tr> <tr> <td>txt</td> </tr> </table> </td> </tr> </tbody> </table> Надо выровнять ячейки внутри, при этом не фиксировав высоту и ширину ячеек. Голову ломал день) спасибо за помощь)

    Asked by F@!nT,

    0 votes
    15 answers

  17. Проблема, текст вылез из блока

    Всем привет, не могу понять верстал div, XHTML 1.0. Когда вставляю текст он вылазиет из блока, в IE вот код: .mod_5 { height: 475px; width: 170px; float: left; margin-bottom: 10px; padding-right: 4px; margin-right: 5px; border-right: #ccc dotted 1px; } А как сделать так чтобы все тянулось, а не расползалось друг на друга

    Asked by fishpunk,

    0 votes
    3 answers

  18. Позиционирование элемента

    Здравствуйте. Помогите, пожалуйста, решить задачу - расположить элемент html (например, картинку <img>) с некоторым заранее определенным смещением относительно центра по горизонтали. Конкретный пример - 400 пикселей влево от центра. Единственное, что приходит в голову - использование отрицательного margin-left. Но в этом случае картинка исчезает с клиентской части окна браузера при изменении его размеров (сжатии) ниже критического уровня. Картинка как бы уплывает за край браузера. Как сделать, чтобы картинка не уплывала, а если и уплывала, то чтобы ее можно было "достать" с помощью полосы прокрутки. Понятно, что задачу можно решить с помощью java script, но хотелось…

    Asked by salikoff,

    0 votes
    19 answers

  19. разные бордюры в таблице

    привет, такая проблема делаю табличную верстку, хочу, чтобы у меня были бордюры 1пиксел черные нормальные линии, в опере видно хорошо, а в ИЕ какую-то чушь показывает, как исправить? вот скрин в опере как это выглядит а вот так глючно в ИЕ, как поправить видимость в ие?

    Asked by fireXXX,

    0 votes
    8 answers

  20. Семантичен ли код?

    Подскажите данная конструкция имеет право на жизнь с точки зрения семантики? Или колонки правильней делать дивами?

    Asked by WalkMan,

    0 votes
    7 answers

  21. Помогите с ссылкой по кнопке

    Имеется: <body> <form action="handler.php"> <p align=center> <input type="button" name="press" value="Главная"> <input type="button" name="press" value="О нас"> <input type="button" name="press" value="Контакты"> </p> </body> Подскажите, как сделать ссылки по этим кнопкам. Если написать: <input type="button" name="press" value="О нас" onclick=window.open("http://....")>, то IE выдаёт: "В целях безопасности IE не разрешает этому вэб-узлу выполнение сценариев или элементов управления ActiveX, которые могут получить доступ к компьютеру. Щёлкните здесь для выбора нужного действия...". Если щёлкнуть "Разрешить заблокирован…

    Asked by morzie,

    0 votes
    5 answers

  22. Как выровнять текст в ссылках по ширине?

    Есть менюшка из нескольких ссылок. Вот код: <div class="header_menu"><div> <a href="index.html" class="logo"><span>ИНВЕСТ</span> ПРОЕКТ</a><br /> <a href="">архитектурные проекты</a><br /> <a href="">проекты интерьеров</a><br /> <a href="">подробности и цены</a> </div></div> Стили: .header_menu{padding-bottom: 99px;} .header_menu div{float: right;} .logo{height: 13px; display: block; margin-bottom: 18px; font: 18px Impact; font-weight: bold;} .logo span{color: #fff;} .header_menu a{margin-bottom: 16px; display: block; text-align:justify;} .he…

    Asked by ndiezel,

    0 votes
    1 answer

  23. картинка

    как сделать картинку чтобы она хорошо отображалась при разных разрешениях экрана ?

    Asked by ikka4ka,

    0 votes
    3 answers

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

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

    Asked by Lacosta,

    0 votes
    13 answers

  25. Проблемка с Firefox

    В общем заметил такую вещь, что изображения в "Лисе" какие-то размытые, не четкие. По каким причинам изображение получается размытым? Это особенность рендеринга "Лисы" или же это я где-то напортачил из-за незнания особенностей "Лисы"? Как это лечить? Для сравнения привожу два скрина, первый из Хрома, а второй из "Лисы": Спасибо за внимание.

    Asked by Beck,

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