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. Кликабельный div

    Здравствуйте. Задача сверстать это: Необходимо: Картинка и название темы, а также кавычка-елочка кликабельны и ведут по ссылкам. Вся остальная область также кликабельна и ведет туда же, куда ведет название темы. Как я сверстал: <div class="thread hand" onclick="window.location='http://абсолютная_ссылка_на_тему_с_адресом_сайта'"> <a href="ссылка_на_картинку"><div class="thumb" style="background-image: url('ссылка_на_превью');"></div></a> <a href="просто_ссылка_на_тему_без_адреса_сайта_но_от_его_корня">$4</a> [9999] <a href="просто_ссылка_на_тему_без_адреса_сайта_но_от_его_корня#end">»</a><br /> <s…

    Asked by 7ion,

    0 votes
    5 answers

  2. ПРоблема с IE

    Помогите справится с IE версткой - везде все ровно... косячит IE http://school528.spb.ru/main/newspaper/index.php Пробовал через валидатор - он мне ошибки приписывает только... Почему то в <link href="css/style.css" rel="stylesheet" type="text/css" /> есть / а если смотреть через хтмл браузера, то нет / Пожалуйста помогите!

    Asked by Select,

    0 votes
    1 answer

  3. секундомер на сайте (скрипт, код и т.д.)ю Как сделать?

    Друзья, а как сделать секундомер (просто счётчик) на сайте (какой скрипт или код) чтобы можно было время, минуты и секунды прикрутить отдельно? и еще какой скрипт позволяет отрывать одну картинку из фотогалереи (разумеется, увеличивается на весь экран, а фон прозрачно — чёрный)?)

    Asked by MILLIONER,

    0 votes
    1 answer

  4. Отправка запроса на почту.

    Добрый день. Подскажите, делаю выборку способов доставки в корзине магазина таким образом: <label for="oplata">Cпособ доставки:<br /></label> <form> <p><input type="radio" name="answer" value="a1">Курьерская доставка по Киеву<Br> <input type="radio" name="answer" value="a2">Посылка Новой Почтой<Br> <input type="radio" name="answer" value="a3">Посылка Укр Почта<Br> <input type="radio" name="answer" value="a4">Самовывоз в г.Киеве</p> </form> Подскажите как мне организовать отправку данных при выборе того или иного варианта доставки? Если к примеру вывод заполненного поля имени…

    Asked by newjey,

    0 votes
    17 answers

  5. Проблемы с background-attachment

    Здравствуйте уважаемые форумчане! Кажется сто лет здесь не была и наверное поэтому при верстке простого макета столкнулась с такой проблемой. Необходимо чтобы ячейка таблицы имела фиксированную высоту, не повторяющийся фон и еще текст находящийся в ней скроллировался. Я почитала в справочнике про свойство background-attachment и написала такой стиль: #centr { background-image: url(../images/content.gif); background-repeat: no-repeat; background-attachment: fixed; } Вот код страницы: <html> <head> <title>Магазин цветов</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <link href="css/style.css" re…

    Asked by Angela,

    0 votes
    2 answers

  6. Помогите новичку

    Здраствуйте. Я обращаюсь к вам с просьбой. У меня есть свой сайт. Он сделан с нуля и ещё пока сырой. Кого заинтересовало можете написать в личку. Ну так вот, перейдём к делу. Не могли бы вы мне кинуть пару учебников "html с нуля" и желательно "css с нуля"? Заранее спасибо.

    Asked by Win32,

    0 votes
    1 answer

  7. Нестандартные элементы формы

    Если у меня нестандартные элементы формы, как их вставлять(нужно только направление)? Без JS не обойтись?

    Asked by Анна,

    0 votes
    3 answers

  8. немного сложный фон)

    Здравствуйте,уважаемые знатоки хтмл и цсс!) Надеюсь поможет кто понять как реализовать такую штуку: У нас есть один фон,разрезанный на 3 части верхушка фона,поле для контента,и нижняя часть. Суть думаю ясна — нижняя часть не задействована в выводе контента,предназначения для неё,в моём случае,больше не найти,так что хотелось бы,что б она тоже приняла участие в выводе контента. Примероно так: Как это можно реализовать? Заранее огромное спасибо!

    Asked by Minaev,

    0 votes
    1 answer

  9. Кое что от facebook!

    Привет! Решил сделать у себя на сайте похожую навигацию с сайта facebook Сделал почти все. но не могу разобраться с одной вещью, подумал, может опытные верстальщики мне помогут. Нужно при нажатии на стрелку (вниз) раскрывалось окошко так же.... просто посмотрите на скриншот и все поймете:

    Asked by ethan,

    0 votes
    4 answers

  10. Ссылки из одной папки в другую

    Простите незнаю как обьяснить. Посмотрите на рисунок. У меня в папке css лежит файл, а в этом файле нужна ссылка на картинку в другой папке(images)... Как это сделать?...

    Asked by RuslanRokker,

    0 votes
    2 answers

  11. Правка CSS выпадающего меню

    Здравствуйте! Возможно ли сделать так, чтобы подменю открывались не вправо (как на скриншоте), а под (снизу) основным разделом (на скриншоте - это "О факультете") Код меню: /*Page menu*/ #foxmenucontainer{height:40px;display:block;margin:0 auto;font: 11px verdana,Arial, Tahoma,Century gothic, sans-serif;font-weight:normal;text-transform:uppercase;width:100%;background:#0D 6091 url('/images/menu.png') repeat-x;} #menu{margin:0 10px;padding: 0; height:40px;overflow: visible;} #menu ul {float: left;list-style: none;margin: 0;padding: 0;} #menu li {float: left;list-style: none;margin: 0;padding: 0;text-shadow:1px 1px 0 #0C5782;} #menu li a, #menu li a:link, #menu li …

    Asked by korsarfan,

    0 votes
    8 answers

  12. Не могу открыть сайт

    Добрый вечер Уважаемые! Подскажите пожалуйста в одном вопросе, установил битрикс,работал после выключения компьютера не могу открыть сайт, работал на локалхост, что может быть?

    Asked by F@NTOM,

    0 votes
    5 answers

  13. Флоаты

    В чём разница в этих двух примерах: http://jsfiddle.net/CX6HZ/ http://jsfiddle.net/L83zb/ И там, и там один слой зафлоченный - а другой нет.. другой слой и там, и там -без float и блочные. Но почему в одном примере другой слой встаёт ниже, а в другом стоит/обтекает с боку??

    Asked by DrStrangeLove,

    0 votes
    8 answers

  14. ошибочка вышла

    вот созда пхп докумен привожу важный мне фрагмент (остальное дивы с другой инфой) <?php $to = "kolih654@yandex.ru"; $zak=""; $zak="$zak товар 1 - $TOV1 шт.\n"; $zak="$zak товар 2 - $TOV2 шт.\n"; $zak="$zak товар 2 - $TOV3 шт.\n"; $zak="$zak товар 2 - $TOV4 шт.\n"; $zak = "С адреса $email от заказчика с контактными данными $contact пришла заявка на приобретение товара:\n$zak" ; mail($to,"$sub",$mes); ?> </div> вопрос такой отправит ли данная хрень мне на почту письмо проверить не магу т.к. почтовыми клиентами не пользуюсь и не умею пользоватся

    Asked by voin545,

    0 votes
    6 answers

  15. border-image

    Здравствуйте Уважаемые форумчане. Возникла проблема с border- image Необходимо сделать div который будет со всех сторон окружен картинкой. Использую такой код -moz-border-image: url(border-image-bottom.gif) 30 round round; -webkit-border-image: url(border-image-bottom.gif) 30 round round; -o-border-image: url(border-image-bottom.gif) 30 round round; border-image: url(border-image-bottom.gif) 30 round round; Вроде все хорошо, но с левой и с правой стороны ничего не отображается, как это можно исправить? Ссылка на пример http://jsfiddle.net/Q4xDQ/

    Asked by LIFE-STALKER,

    0 votes
    8 answers

  16. Смена стилей страницы при изменении размера окна браузера

    Как сделать смену стилей отдельных элементов страницы при изменении размера окна браузера, как например у самизнаетекого на главной сделано? Я имею ввиду последние работы из портфолио. В зависимости от ширины окна там выводится разное количество элементов в строке. http://www.artlebedev.ru/

    Asked by goooooch,

    0 votes
    2 answers

  17. margin в %

    Всем привет! проблема в отсутсвии отсупов сверху для дочернего блока (ие6 только норм) #left{width:60%;height:200px;} #child{width:40%;height:100px; margin:25%} <div id="left"> <div id="child"></div> </div> и еще один вопрос—как выровнять дочерний резиновый блок внутри резинового блока по центру без использоания text-align:center для родака???

    Asked by dostel1,

    0 votes
    2 answers

  18. Высота iframe

    Уважаемые кодеры! Скажите, пожалуйста, возможно ли сделать так, чтобы высота блока iframe подстраивалась под высоту содержимого? Дело в том, что у меня во фрейме выпадающий список. Спасибо заранее!

    Asked by fruit,

    0 votes
    4 answers

  19. мини интернет магазин

    люди подскажите пожалуйста делаю жалкое подобие интернет магазин просто для себя для практики на странице "товаров" все работает нормально но вот када жму кнопку отправить что не так (на странице отображается php код) подскажите в чем дело вот код страницы товаров тут же и заказывать и отправлять <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <title>витрина</title> <link rel="stylesheet" type="text/css" href="index.css"> <script LANGUAGE="JavaScript"> function calc() {tov=new Array("TOV1", "TOV2", "TOV3", "TOV4"); prc=new Array(100, 200, 300, 400); var kolvo=0; var…

    Asked by voin545,

    0 votes
    0 answers

  20. Картинки в background.

    Подскажите, как реализовать такую вещь: нужно, что бы все картинки на сайте отображались как background. К примеру, добавляем через html код картинки, и если она вылезает за пределы экрана, то она обрезается. PS Надеюсь, доходчиво объяснил.

    Asked by Sofmes,

    0 votes
    5 answers

  21. Форма и Google Chrome

    Как сделать чтобы тестовое поле имело жесткий размер и не имело возможности растягиваться по ширине и высоте в Google Chrome

    Asked by andrecool,

    0 votes
    2 answers

  22. Подныривание под div'ы с float в IE 7.0

    Уважаемые форумчане, встретился с тем, что в IE 7, div, следующий за дивом со свойством float, не хочет подныривать под впереди идущий. То есть последующий div свойства float не имеет и в других браузерах оказывается под дивом, находящимся впереди него. Что можно придумать для IE 7, чтобы он вел себя в соответствии с пожеланиями консорциума?

    Asked by webmos,

    0 votes
    3 answers

  23. Coda Slider

    Добрый вечер!!! Не знаю есть подобная тема.... простите нет просто времени просматривать. Сначала был заказ на слайдер статический, после просмотра захотелось автоматический... в ява скрипт не очень разбираюсь... Я стянула кусочек кода для автомата, не видать всё не так просто... Этот скрипт его вызывает: <script type="text/javascript"> $(window).bind("load", function() { $("div#slider1").codaSlider() }); </script> Собственно слайдер: <div id="menu"> <!-- ************ --> <!-- SLIDER --> <!-- ************ --> <div class="slider-wrap"> <div i…

    Asked by Anuksanomun,

    0 votes
    2 answers

  24. Обрезка изображения

    Здравствуйте. На моем сайте много изображений (превьюшки). Все они одинаковой длины (например 300px). Но высота бывает разной (158, 188, 200...). И задача такая: эти изображения не должны выходить за определенные рамки, например высота = 188px. Т.е. Картинка в div'е обрезается. Я знаю, как отрезать нижнюю часть <div style="width:300px;height:188px;overflow:hidden"> <img width="300"> </div> Но как обрезать пропорционально, чтобы лишние части изображения скрывались и сверху и снизу? Ни у кого нет никаких мыслей по этому поводу?

    Asked by _green,

    0 votes
    2 answers

  25. обратная форма

    сверстал обратную форму а дело то вот в чем подскажите как сделать так что человек лазит по сайту жмет на определенные ссылки и в обратную форму добавляется какая либо информация она накапливается и накапливается потом челок жмет отправить и вуаля форма очищается (между заходами на сай данные из формы удалятся не должны) а у меня инфа

    Asked by voin545,

    0 votes
    1 answer

  • Обсуждения

    • 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