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. не работает корректно :hover под ie7

    Доброго времени суток всем. Продолжаю обучение верстки, решил попытаться сделать кроссбраузерную страничку. И столкнулся с проблемой отображения hover'а в ie7. самое интересное, что в ie6 все работает. Проблема в панели навигации, кнопки которой имеют структуру <li><a><span>HOME</span></a></li>, при a:hover фон изменяется на белый, однако в чем причина некорректного отображение в 7-м осле - никак не могу понять. Заранее спасибо всем за помощь. www.kpashka.jino.ru

    Asked by Hahn_Solo,

    0 votes
    14 answers

  2. Позиционирование Flash-ролика

    Подскажите пожалуйста Как Флеш-объект шириной в 1800px расположить так, чтобы на мониторе с разрешением в 1280 + - px в ширину, этот объект располагался по центру (т.е. его края уходят как вправо так и влево, на равное расстояние) и при этом не было полоски прокрута снизу. С картинками я решал эту проблему с помощью background-position: top center; Но как быть в данном случае с флешем?

    Asked by freesoul,

    0 votes
    0 answers

  3. Стрелочки - прошу совета по оптимизации

    Сделал вот такую стрелочку (первая работа). Прошу критики, есть ли ошибки, можно ли уменьшить размер кода? Код HTML: <!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> <title>Стрелочки — CSS 2.1 + XHTML 1.0</title> <link rel="stylesheet" type="text/css" href="strelka.css"/> </head> <body> <div class="rectangle"><a href="">Вперед!</a><div class="arrow-right"></div></div> </body> </html> Код CSS: .arrow-right { border-color: white white white transparent; b…

    Asked by mustanger,

    0 votes
    13 answers

  4. Проблема с двухуровневым меню

    Добрый день, уважаемые верстальщики. Есть сайт в разработке: http://zimin.hmsite.net/wordpress3/ Сейчас меню выглядит так: А должно выглядеть вот так: Тоесть на :hover у пункта меню первого уровня не должно быть нижней границы. Есть идеи, как это можно реализовать? Может кто-нибудь делал что-то подобное? Буду признателен

    Asked by zimin,

    0 votes
    8 answers

  5. Динамическое перемещение Flash-ролика

    День добрый. Внедряю аудиоплеер на сайте. Возникла проблема. Есть следующий УПРОЩЁННЫЙ код страницы HTML: <html> <head></head> <body> <!-- Текущий Flash-ролик. Находится в контейнере A. --> <div id="DIV_A"> <object id="SWF"> <param name="movie" value="MySWF.swf"/> </object> </div> <!-- Контейнер B - в него необходимо динамически переместить элемент ролика. --> <div id="DIV_B"></div> </body> </html> Задача: Исполнить код Javascript приведённый ниже и с его помщью переместить элемент ролика(OBJECT) в из элемента к…

    Asked by rome.ro,

    0 votes
    1 answer

  6. Как убрать отступ в 1px от input text

    Здравствуйте! Версткой занимаюсь в свободное время, поэтому тонкостей дела не знаю. На странице размещен [input type=text], а над ним - div с текстом и background-рисунком. В результате отображения между рисунком и [input type=text] заметно тонкое белое пространство. Как его убрать? Т.е., чтобы рисунок будто-бы вырастал из границы поля для ввода текста? Далее привожу код наглядно: [div style=width:130px;height:50px;background-image:url("images/kleverall.png")]Некоторый текст[br]идет здесь[/div] [input type=text' name='name1' style='margin:0] [input type=submit value=>&gt] Результат:

    Asked by Velodrimer,

    0 votes
    2 answers

  7. как настроить сторону сдвига меню

    Здрасте! Скажите пожалуйста, вот что у меня сейчас: <ul> <li><a href="#">Home</a></li> <li><a href="#">About</a> <ul> <li><a href="#">History</a></li> <li><a href="#">Team</a></li> <li><a href="#">Offices</a></li> </ul> </li> <li><a href="#">Services</a> <ul> <li><a href="#">Web Design</a></li> <li><a href="#">Internet Marketing</a></li> <li><a href="#">Hosting</a></li> …

    Asked by ig1984,

    0 votes
    3 answers

  8. Действия над img в div'е

    Добрый день. Есть страница с дивами в них картинки, ниже картинок идет описание. Картинки добавляют пользователи, следовательно размер их не известен. Необходимо размещать картинки так, чтобы они были по центру блока. Маленькие картинки я центрую с помощью задания для блока правил: display:table-cell; vertical-align:middle; text-align:center; width:100px; height:100px; Большие врезаются в блок с помощью задания ширины(100px) для картинки и высоты блока(100px + overflow:hiddden). Так как стоит ширина картинки, то маленькая картинка растягивается на всю ширину, а если убрать ограничение по ширине, то большая картинка растянется на свою ширину. Как сделать чтоб и большие, и …

    Asked by savinzeek,

    0 votes
    13 answers

  9. firefox не правильно распределяет высоту таблицы

    Есть табличка, в опере и explore все нормально отображается, а в firefox 4.01 высоту распределяет неправильно. Нужно чтобы колонки №7 и №8 растягивались, а остальное было на месте. Помогите пожалуйста, проект сдавать надо, а тут это.... <table align="center" width="803" style="height:422px" border="1" cellspacing="0" cellpadding="0" bgcolor="#FFFFFF"> <tr> <td colspan="3" height="100">№1 — высота 100px</td> </tr> <tr> <td width="151" height="53">№2 — высота 53px</td> <td width="428" height="500" rowspan="3">№3 — высота 500px</td> <td width="224" valign="top">№4 — высота 53px</td> </tr> …

    Asked by Angeli,

    0 votes
    2 answers

  10. Игнорировать ли ие6

    Собрал макет на инклюдах port.elitno.net, таблица + css, (слои ненавижу, намучился). В опере и мозиле прекрасно работает, а в ие6 расползается. Насколько знаю, многие забили на ие. Может, и не парится?

    Asked by mizm,

    0 votes
    12 answers

  11. html+css, JavaScript, MySQL и PHP

    Допустим html+css + JavaScript + MySQL + PHP = 100%. Напишите пожалуйста примерный процент на изучение каждого, как считаете (время, трудность). Например: 25%+25%+25%+25%. (подразумевается до среднего уровня) Лично для меня хочется посмотреть на примерное соотношение, на будущее всё прикинуть))

    Asked by vikusik,

    0 votes
    4 answers

  12. FRAME-ы и социальные кнопоки

    Как добиться взаимодействия между двумя фреймами, на одном фрейме размещены соц. кнопки, на другом разные статьи. Нужна возможность добавлять эти статьи в соц. сети, не прописывая каждый раз код соц. кнопок в статьях.

    Asked by hopest,

    0 votes
    1 answer

  13. Подскажите в центрировании UL

    Добрый день, не совсем пойму как сделать UL список по центру внутри div. text-align помогает, но когда я делаю элемент LI - float:left; весь список сдвигается. т.е: .c_circle { margin: 0 auto; overflow: hidden; text-align:center; } .tab_circle ul{ list-style-type: none; } .tab_circle ul li{ float:left; height:17px; width:17px; background:url(circle.gif) 0 0 no-repeat; } <div class="c_circle" > <div class="tab_circle" > <ul> <li>1</li> <li>2</li> <li>3</li> </ul> </div> </div>

    Asked by Caption,

    0 votes
    6 answers

  14. Скроллинг таблицы внутри дива

    Проблема такая: есть таблица, у каждой колонки явно (в теге TD) указана ширина, общая ширина таблицы допустим 800px теперь оборачиваю ее в div с явно указанной шириной 600px и таблица пытается схлопнуться, т.е. колонки уже не реагируют на указанную явно ширину, а приобретают как можно меньшую ширину Вопрос: каким образом сделать так чтобы ширины колонок таблицы сохранились в еньшем по ширине div-е? (т.е. шоб таблица сохранила свои размеры, а в диве появился скролинг) css дива по id: #d {overflow: auto; width: 600px;}

    Asked by seenter,

    0 votes
    4 answers

  15. резиновый сайт

    Доброго времени суток. Народ, на любом сайте сейчас, ну конечно кроме всяких там Contra.ucoz.ru при нажатии клавиши "Ctrl" и прокрутке на колесике, сайт уменьшается в размерах. Как реализовать такое действие? А то у меня фон смещаться начинает куда-то.. На всех image стоит widtg="***%" тут все понятно. почему они не уменьшаются, но, если убираю, то картинки начинают вылезать куда-то, не такие какие мне надо. если указывать в px, то тогда на разных разрешениях он будет разный...что делать?

    Asked by Gotafak,

    0 votes
    0 answers

  16. "Резиновые отступы" проблема с реализацией

    Здравствуйте. Я не первый день занимаюсь версткой, но опыта работы с резиной у меня совсем мало. Работодатель настаивал, чтобы я научился верстать резину и скинул мне макет. В процессе работы возникла задача, которая ставит меня в тупик. В блоке с контентом есть 4 блока, пусть это будут баннеры, которым заданы определенные ширина и высота – по мере растяжения окна браузера должны растягиваться отступы между баннерами, а у самих баннеров ширина должна оставаться неизменной. Для наглядности прошу взглянуть на изображение: У меня получилось реализовать нечто приближенное с помощью таблиц (предпочитаю блочную верстку, но здесь главное, чтобы работало...): Вставил таблицу, за…

    Asked by Верстальщикус,

    0 votes
    6 answers

  17. GIF анимация

    Здравствуте! Подскажите пожалуйста почему воспроизводится только один цикл, хотя на компе в асдси все норм, а на сайте(((! и что можно сделать с этим? такую анимашку хочу сделать при наведении мышки. Заранее благодарен!

    Asked by Leonidk,

    0 votes
    1 answer

  18. Наслаиваются <div>

    Помогите пожалуйста! У меня в верстке наслаиваются дивы друг на друга!!! <div id="bottom"> налазиет на <div id="container"> Как это исправить код <!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> <meta name="keywords" content="" /> <meta name="description" content="" /> <link type="text/css" rel="stylesheet" href="style.css" /> </head> <body> <div …

    Asked by kent666,

    0 votes
    6 answers

  19. div с ul, li. не корректн. отображение списка в ие8

    Добрый день. В общем так, сверстал меню, в опере, фф, ie9 отображается отлично, а в ie8 крайняя правая кнопка смещена вниз. ширина блока фиксированная... код прилагается. Уже все перепробывал, что упускаю?? #menu { width: 900px; margin:5px auto; height:30px; } #menu ul { list-style: none outside none; display: inline; } #menu li { background: none repeat scroll 0 0 #F4F4EC; border-bottom: 4px solid red; display: block; float: left; list-style: none outside none; } #menu li a { border-color: #E1E1D3; border-style: solid; border-width: 1px 1px 0; color: #44494F; display: block; float: left; font-size: 13px; …

    Asked by s3p,

    0 votes
    4 answers

  20. Проблема с меню в ИЕ6

    В ИЕ6 активная кнопка меню, которая по высоте должна быть выше обычной, почему то обрезается: Как это можно исправить? у меня никак не получается.. http://dinow.host22.com/Test/

    Asked by Dinow,

    0 votes
    10 answers

  21. Сайт на всю высоту

    Здравствуйте!! Хочу сделать сайт, который бы растягивался по высоте страницы. Имеется разработанный дизайн главной страницы в виде картинки, мне нужно чтоб эта картинка растягивалась по всей высоте и не скрывалась вниз. Подскажите при помощи чего нужно позиционировать сайт. вот пример подобного сайта - leningradspb.ru Подскажите пожалуйста при помощи каких "инструментов" создавался данный сайт или киньте ссылку где бы данная технология описывалась.

    Asked by alokey,

    0 votes
    4 answers

  22. drupal 7

    чтобы освоить достаточно ли книги по 6 версии? слышал что 7 очень прожорлива, это очень критично? P.S. какую-то cms надо изучать более менее

    Asked by Slyfox,

    0 votes
    7 answers

  23. Проблема с отображением

    Добрый день. Возникла проблема на одном из сайтов, которые я администрирую. Заказчик жалуется, что на этой странице (http://blagodatchrista.org.ua/muz-archiv/156-videoclip.html) навигация по страницам выводится коряво. В опере отображается как надо.

    Asked by ctpz,

    0 votes
    6 answers

  24. PIE.htc не фурычит

    Скачал последнюю версию, подключил - там где применяется border-radius у элемента пропадает фон. Пробовал через pie.js - такая же фигня. Что я делаю не так? )

    Asked by SEObomj,

    0 votes
    9 answers

  25. Проблема с картинками меню для IE7

    Здравствуйте, форумчане! У меня такая вот проблема - на сайте есть основное меню выполненное только на картинках. Все работает нормально, но в IE7 не получается кликнуть мышкой по картинке меню. Точнее получается кликнуть, но перехода по ссылке не происходит. Перейти по ссылке можно только по правой клавише мыши и из контекстного меню выбраь - перейти по ссылке. Подскажите пожалуйста как решить такую проблему?

    Asked by web_master345,

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