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. Верстка меню

    Добрый день всем, подскажите пожалуйста как можно сделать вот такую стилистику. Я сам на php+css сделал менюшку. Все работает хорошо, за одним исключением, я в css делал так, что блок div в котором находится ссылка перехода по сайту, имеет серый цвет, потом когда навожу курсор на эту ссылку, она становится красной, точнее весь блок становится красным. Я нажимаю на ссылку, убераю курсор мыши, и этот блок div снова становится серым. Я хочу чтоб когда просто смотришь на кнопку то она была серой, когда навожу на блок, он становылся красным, а когда нажал на этот блок и убрал мышку, то блок оставался таким же красным как при наведении. Ну чтоб сразу было видно на какой стран…

    Asked by kolyabis,

    0 votes
    1 answer

  2. прокрутка ограниченной области

    помогите пожалуйста понять как устроен сайт непонятно каким образом можно прокручивать контент в блоке #slide-content при помощи общего для всей страницы скролла. если это реализовано на основе js, то скажите пожалуйста название скрипта возможно ли такую прокрутку организовать только средствами css? хотя бы в общих чертах опишите способ

    Asked by cyklop77,

    0 votes
    1 answer

  3. Подскажите как сделать такой заголовок

    Доброго времени суток! Помогите чайнику . Уже голову сломал, ничего не получается. Как сделать вот так Спасибо

    Asked by So_speechless,

    0 votes
    3 answers

  4. размещение изображений в виде таблицы без выравнивания по строкам

    добрый день. Подскажите пожалуйста, как реализовать вывод изображений как на этой странице bersoantik.com/catalog/ Нужно чтобы все изображения выравнивались только по столбцам - по 3 в строке, но в строке чтобы если одно меньше, одно больше по высоте, то отступы между изображениями по вертикали были одинаковые, то есть как-будто какой-то небольшой хаос. Спасибо за помощь.

    Asked by simplyweb,

    0 votes
    2 answers

  5. Указание высоты элементов в процентах

    Хотел спросить с точки зрения кроссбраузерности указание высоты таких элементов как header или footer ни к каким проблемам не приведет?

    Asked by Vevo,

    0 votes
    1 answer

  6. Из-за положения div'а меняется текст в коде ниже

    На моём сайте когда я блок .modal выношу в начало страницы (перед #content), весь текст на сайте (после .modal) портится: Что вообще происходит? И как с этим быть?

    Asked by iBars,

    0 votes
    2 answers

  7. Форма загруки файла и кнопка отправить в одну линию.

    Доброго времени! Есть форма загрузки файла: <form enctype="multipart/form-data" action="uploadImg.php" method="post"> <input type="file" name="userimg"> <input type="submit" value="Отправить"> </form>На странице отображается в две строки, т.е. на одной строке поле имени загружаемого файла и кнопка "Обзор...", а на другой кнопка "Отправить". Хотелось бы сделать так, чтобы они были в одну строку. Подскажите, как это сделать? За ранее благодарен.

    Asked by soulectro,

    0 votes
    1 answer

  8. Очередная унылая div шапка

    Подскажите пожалуйста как верно сверстать шапочку. Получить нужно вот что: http://dl.dropbox.com/u/11247558/v.jpg Т.е. первая полоса - первый div, квадрат - второй div (по идее там будет картинка), ну и 3 полоса соответственно 3 div. С первыми 2-умя проблем нет никаких, всё ок. Проблема возникает с 3-им. Он должен занимать соответственно от картинки всё оставшееся место до края браузера (примерно так как на скриншоте выше). На скриншоте я банально на глазок в % подобрал значение, но в других то разрешениях так не покатит . Текущий код HTML: <body style="min-width:1000px; margin:0px;"> <div class="top1"><br></div> <div class="img1"></d…

    Asked by SoulReav,

    0 votes
    0 answers

  9. Музыка на сайте. (используя петлю, Loop)

    Друзья подскажите как вставить на сайт n...... кол-во плееров до 90 шт ОБЯЗАТЕЛЬНО с loop. Весь код онлайн (дома). Вот код но петля не работает. Как грамотно делаются такие вещи? Спасибо. <object type="application/x-shockwave-flash" data="player/player.swf" id=audioplayer1 height=24 width=290> <param name=movie value="player/player.swf"></param> <param name=FlashVars value="playerID=1&soundFile=Track 03.mp3"> </param> <param name=quality value=high></param> <param name=menu value=false></param> <param name=wmode value=transparent></param> <param name=loop value=true></param> </object&g…

    Asked by basslines,

    0 votes
    0 answers

  10. открытие закрытие окон

    Доброго времени суток, я раньше уже спращивал о окнах и я хотел узнать а как можно создать динамичный список открытых окон окна в списке можно закрыват. Окна из jQuery UI. Заранее спасибо

    Asked by webik28,

    0 votes
    0 answers

  11. мень типа плиток WIN8

    Подскажите пожалуйста алгоритм реализации с помощью CSS. есть левый сайдбар и правый сайдбар между ними контент. Ширина сайдбаров фиксирована.ширина контента получается автоматически. В етот контент нужно поместить 3х3 плитки (картинки пускай).То есть в одном ряду 3 плитки.Всего 3 ряда. 1. Как быть с шириной етих плиток??Необходимо чтобы они были одинаковой ширины (33,3% от ширины самого контента).То есть изменилась ширина контента изменились плитки. 2. Высота контента так же не фиксированная.Как организовать реализацию второго и третьего ряда??Собственно высота картинок также должна быть 33,3% от высоты контента. Пытаюсь мучаться с <div>-ами и позиционированием е…

    Asked by sergeiko,

    0 votes
    0 answers

  12. Header резиновая

    Уважаемые пользователи, подскажите как решить следующую ситуацию. Есть центральный div в нем есть логотип. Нужно сделать так чтобы центральный div был по центру, а при увеличении разрешения слева появлялся дополнительный div c продолжением логотипа. Подскажите как это можно реализовать.

    Asked by gigi1988,

    0 votes
    0 answers

  13. Группирование и привязка VML объектов

    Если взять <v:shapetype ...> </v:shapetype> то внутри него можно использовать только <v:path /> и другие "мелочи", а мне надо применить <v:rect ... /> <v:oval ... /> и т.д. как если бы в <v:group> ... </v:group>, т. е. полноценную картинку из большого кол-ва простых фигур. С shapetype я применяю <v:shape type="#id-shapetype" /> А как то же самое сделать с group?????? как применить созданный group много раз?

    Asked by K313,

    0 votes
    0 answers

  14. Див контейнер и маштабирующиеся картинки

    Гуры! подскажите пожалуйста, есть див, допустим ширина 300, в нем в ряд картинки(аватары), мне надо что бы они маштабировались корректно при изменении размера этого дива или при добавлении новых аватарок (число неизвестно и может меняться динамически). Хотелось бы средствами только css, ну jquery нахудой конец... Уже вторую неделю бьюсь, придумать ничего не могу. Считать ширину высоту на стороне сервера вообще не вариант.

    Asked by lasti,

    0 votes
    2 answers

  15. Помогите настроить страничку...

    Три дня назад начал HTML изучать=) наверстал по ходу изучения вот такую страничку)) В общем вот 2 скрина , мне нужно чтобы "Таблица комплектующих №2" была справа сразу напротив Первой (левой) таблицы, а получается фиг знает что( она вообще внизу... а блок <pre> я сделал для того чтобы там где у меня начинается под таблицей Проверка текста слева , Проверка текста слева, Проверка текста слева, размещалось это под таблицей как сейчас... без <pre> весь этот текст справа от таблицы показывается.. даже когда я задаю выравнивание по левому краю и если после таблице ставлю <br>...=( Извиняюсь за некорректность если вдруг.. я новичок совсем..

    Asked by Quadder,

    0 votes
    0 answers

  16. ошибка в IE7 и на некоторых IE8

    Помогите пожалуйста разобраться, в чем может быть причина следующих ошибок в ИЕ. Во всех браузерах нормально, здесь вот такое. Ошибка исчезает , если удалить кнопку "мне нравится" от вконтакте, но проблема в том что эта кнопку удалять с сайта нельзя. Скрины ошибок ниже. Гуглил ранее - не нашел ответа...

    Asked by viphp,

    0 votes
    1 answer

  17. http://htmlbook.ru/practical/shagi

    http://htmlbook.ru/practical/shagi Вот что у меня получилось. http://cssdeck.com/labs/52ie1ldo Код слишком громоздкий но другого решения я не смог найти. 1)Скажите как сделать чтобы при наведении трансформируемый элемент, который я использовал как уголок тоже перекрашивался ?Также как сделать чтобы при наведении мышка не превращалась в курсор ? 2) Не понятно почему в шаге 1 при наведении на трансформируемый элемент он перекрашивается, а в других шагах такого не происходит ?

    Asked by rpmcmerphy,

    0 votes
    0 answers

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

    Здрасти, впервые пробую верстать. В общем при добавлении бакграунда-имайдж меню перестало быть кликабельным. Подохреваю что изза позитион абсолют. Но как тогда сделать правильно? Если не трудно, укажите ещё на ошибки, или типа так сейчас не делают. В общем любая критика. index.html style.css images.rar

    Asked by federal24,

    0 votes
    1 answer

  19. точность статистики запросов google

    Насколько отличается частота запросов в инструменте подсказок ключевых слов google Adwords от реальной частотности запросов?

    Asked by apexis,

    0 votes
    1 answer

  20. При наведении на ссылку (цвет ссылки) и картинка меняется

    При наведении на ссылку (цвет ссылки) и картинка меняется <a href="#"><img src="1.png" onmouseover="this.src='2.png'" onmouseout="this.src='1.png'" border="0" align="absMiddle">Ссылка</a>

    Asked by BiMiX,

    0 votes
    0 answers

  21. Помогите с проблемой!

    Привет всем форумчанам Возникла проблема, в css файле у меня установлены параметры для отображения .img Но нужно вставить одну картинку без этого стиля,применяющегося ко всем картинкам. Есть ли способ как-то обойти этот стиль,либо отключить его применение к определенной имаге?

    Asked by AIMCH3R,

    0 votes
    2 answers

  22. Помогите сделать чувствительный (responsive) div container

    Нужно чтобы аккордеон был всегда в одном месте (под локтем на скриншотах) и оставался там же, когда сжимаешь окно браузера. http://i.imgur.com/OM9vMQm.jpg http://i.imgur.com/ZB5FD3T.jpg (надеюсь понятно проиллюстрировал свою мысль) Кто-нибудь может помочь написать код CSS для этого? Буду очень признателен за помощь! http://podstrigis.com/%D0%BF%D1%80%D0%B0%D0%B9%D1%81-%D0%BB%D0%B8%D1%81%D1%82/

    Asked by msk1,

    0 votes
    1 answer

  23. расположение трех таблиц на всю страницу по высоте

    Доброго всем времени суток! Возникла следующая проблема: я очень слабо знаком с CSS, но сейчас делаю на делфи выгрузку произвольной таблицы в простейший html-файл. Особенность - на странице надо расположить 3 таблицы вертикально одна под другой: заголовок с названиями столбцов, собственно таблица данных, футер с итоговыми данными. Причем и заголовок, и футер могут быть как однострочными, так и многострочными - заранее неизвестно. И они должны всегда отображаться на странице, а основная таблица с данными будет перематываться. Вопрос вот в чем - как с использованием только CSS (без JS) указать height для центрального div-а с данными? Высоту страницы я подставляю к…

    Asked by VoloMA,

    0 votes
    0 answers

  24. оправданная избыточность?

    для макета сделал каркас. .main смещал вверх при помощи position: relative, пытался учитывать переполнение проблема в том, что код получился далеко не лаконичный для такого несложного макета, а значит скорее всего неправильный. профессионалы, скажите пожалуйста допустимо ли такое использовать в коммерческой работе? может быть стоило просто нарезать всё блоками и сложить в стопку? да и плашки растянутые на ширину экрана возможно тоже не к месту... в общем я в сомнениях, направьте пожалуйста ход мысли и покритикуйте подход...

    Asked by cyklop77,

    0 votes
    0 answers

  25. Хром - перенос строк с обрывом слов в TEXTAREA

    Подскажите пожалуйста - как устранить перенос строк, который обрывает слова в TEXTAREA? Причем это только в хроме. Аттрибут wrap=soft и CSS: resize:none; word-wrap: break-word; white-space: normal; вроде должно быть как надо, ан нет

    Asked by kgb__mel,

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