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. переходы цвета при размножении фона repeat-ом

    подскажите пожалуйста почему после нарезки однородного фона фона и подстановки через repeat его в верстку в браузере видны переходы цвета? странрица. смотреть .wrap .boxLT .boxRT .boxT и .wrap .boxLB .boxRB .boxB нарезал с этого макета. однородность цвета проверял в фотошопе пипеткой. кроме того, непонятно почему .wrap .boxLB как бы накладывается на .wrap .boxM . это хорошо видно при отключенном фоне .wrap .boxLB большую часть изображений в фотошопе размножал через флип горизонтал/флип вертикал

    Asked by cyklop77,

    0 votes
    2 answers

  2. Помогите с фоном!

    Как сделать фон внутри фона! То есть нужно посередине сайта ( от начала левой колонки, до конца содержимого с права) пустить полосу с другим фоном!

    Asked by Diman777,

    0 votes
    2 answers

  3. Расстояние относительно других элементов и браузера

    Я хочу понять, как получать различные размеры отступов, полей и границ относительно других элементов таких, как браузер, другие графические элементы. Сейчас я пытаюсь сверстать данную форму. Форму разрезал на различные графические элементы. К примеру, я хочу разместить как нужно блокнот. Но я не могу понять, как узнать размеры относительно верней и левой границы браузера. Пока я использую фиксированные размеры. Вот что, у меня пока вышло.

    Asked by mastermedia,

    0 votes
    0 answers

  4. Простой вопрос

    Здравствуйте. Мне нужно расположить элементы горизонтально, так чтобы при уменьшении окна они не "сьезжали" вниз.Какие есть способы для этого кроме position? http://jsfiddle.net/Dashka/3JLFx/

    Asked by Dashka,

    0 votes
    2 answers

  5. помогите

    Есть такая задача " есть сайт studygood.ru надо будет взять шаблон и натянуть его на вордпресс". У меня вопрос: "что значит взять шаблон"?

    Asked by olechic,

    0 votes
    1 answer

  6. помогите с вебкитами

    возможно не там создал первую тему, но вот на неё ссылка: http://forum.htmlbook.ru/index.php?showtopic=39857 заранее спасибо!!!

    Asked by NikNak,

    0 votes
    0 answers

  7. не могу задать высоту для ячейки таблицы

    привет как поправить код. Чтобы из рисунка 1 получить рисунок 2. <!DOCTYPE HTML> <html> <head> <meta charset='utf-8'> <title>Титул</title> </head> <body> <div style=' border:1px solid red; display:table; padding: 10px'> <div style=' border:1px solid black; display:table-cell; padding:10px'> <div style=' border:1px solid blue; display:table; padding: 10px;'> <form > <fieldset> <label for='name' style=' border:1px solid red; display:table-cell; vertical-align:middle; width: 100px;'> …

    Asked by ilnurgi,

    0 votes
    1 answer

  8. Помогите с дизаином формы подписки

    В этой форме нужно заголовок, текстовое поле и кнопку покрасивее оформить,

    Asked by ilyas,

    0 votes
    0 answers

  9. Помогите с HTML

    Здравствуйте! Прошу знающие люди пожалуйста помогите мне с HTML кодом кнопки "добавить в корзину". Нужно сделать так что бы кнопка по нажатию просто добавляла товар в корзину и меняла свой текст на "ДОБАВЛЕНО", но НЕ переходила по ссылке и не открывала окна. За ранее огромное спасибо! <form action="http://ecommtools.com/cgi-bin/cart.cgi" name="ecommtools_item_m0073" id="ecommtools_item_m0073" method="post" target="_blank " style="padding:1;margin:1"> <input type="hidden" name="uid" value="chasyok" /> <input type="hidden" name="action" value="add" /> <input type="hidden" name="item" value="m0073" /> <input type="submit" value="В КО…

    Asked by KeyS,

    0 votes
    1 answer

  10. Проблема верстки шаблона DLE

    Доброго времени. Имеется слайдер <a href="{full-link}"><img src="{image-1}" alt="" title="{short-story limit="200"} <hr> {date} Посмотрели {views} раз(а)" width="330" height="250"/></a>Работает нормально, НО если в short-story появляются кавычки слайдер расползается. Подскажите, что можно поправить?

    Asked by Sanyok-ok,

    0 votes
    2 answers

  11. Блок захватывает пространство

    И всю Вселенную. Здравствуйте. Есть такой скриншот http://joxi.ru/1A59OwzSQxwEAE Вёрстка лежит тут Что, собственно, мне не нравится, так это поведение блока при задании .dropdown свойства display: block. На скрине выделен третий пункт меню, то ест его подменб должно выделяться вниз. А оно берёт верхнее. Что со мной не так? В браузере это меню нажимается как нужно, на телефоне ОС виндовс тоже, на планшете амазона тоже всё ок. Плохо себя ведёт ипод на иОС. Если нажимать на любой пункт подменю, то кликается основной следующий пункт меню, который, как показано на скриншоте, захватывает область выше.

    Asked by kattiperk,

    0 votes
    0 answers

  12. Нужна помощь с адаптивностью

    Пытаюсь свою верстку сделать адаптивной, но никак не получается. Решил начать с подвала. Нужно, чтобы на ширина 1020px и ниже все элементы становились друг по дружкой и центрировались. Как такое можно реализовать? Уже все перепробовал. Может неправильно верстаю? Вот верстка: http://cm04741.tmweb.ru/index.html Вот код футера: <footer> <section class="footer-inside"> <div class="counter"><img src="images/liveinternet.png" alt="Счетчик посещений"></div> <div class="copyright">© 2010 - 20** Добро пожаловать в <a href="#">уголок веб-дизайнера.</a></div> <ul class="menu-bottom"> <li><a href="#"&…

    Asked by IvanRu08,

    0 votes
    2 answers

  13. Изменение кнопки меню в адаптивной вёрстке

    Добрый день. Помогите, пожалуйста, разобраться, никак не могу сделать так, чтобы на маленьких экранах кнопки становились меньше. Конструкция кнопок выглядит таким вот образом. Как прописать при: @media screen and (max-width: 700px) and (min-width: 300px){ их уменьшение? Кнопки даже не думают уменьшаться, просто переносятся в строку, а размер картинок не меняется. Пробовал уже всякое найденное в сети, но ни в какую не меняется размер. Нужно сделать их адаптивными. Просто картинку адаптивной могу сделать, картинку в виде ссылки могу сделать, но нужно чтобы при наведении картинка менялась, а из-за этого она становится тегом "<a href=...", а в нём картинка…

    Asked by cuyofiveg,

    0 votes
    1 answer

  14. Помогите пожалуйста

    ЗДравствуйте. Возникла проблема: Если код выгледит вот так <div id="comments"><h3><?php comments_number('Comments!', 'Comments', '% Comments Already!' );?></h3></div> то кусочек сайта отображаеться вот так Если же допустим я поменяю на вот такой код <div id="comments"><h3><?php comments_number('Оставь коментарий!', 'Comments', '% Comments Already!' );?></h3></div> То выглядеть это будет так И так вот со всеми Русскими буквами на сайте. Если нужна еще какая-то информация спрашивайте. Прошу помочь кто шарит в коде) Вот все файлы .css и .php Вот >тут<

    Asked by pershing,

    0 votes
    2 answers

  15. расстояние между ячейками таблицы

    Есть таблица. Вот самый простой пример: HTML: <table> <tr> <td></td> <td></td> <td></td> <td></td> </tr> </table> CSS: table { width: 100%; height: 100px; } td { width: 25%; background-color: red; height: 100%; border: 1px solid black; } td:hover { background-color: cyan; } Проблема в том что в Chrome и Safari если навести ровненько между ячейками ховер не срабатывает ни на одной из них. С другими браузерами проблем нет. Вот пример:ссылка

    Asked by daredevi1,

    0 votes
    0 answers

  16. Видео тест

    Уважаемые господа профессионалы помогите с одной задачкой. У меня есть проект(мини-тест) с 10 текстовыми вопросами и ответами к каждому из них. Вопросы и варианты ответов я писал в javascript(используя function которая переключала вопросы(Следующий /предыдущий вопрос)). Сейчас мне надо сделать такой же тест только вопросы должны быть по 10 видео(также представленным в проекте). К каждому вопросу другое видео, как и куда мне помещать ссылки на видео из youtube в html документ, или в js. Ответы пишите в комментариях или на Navara677@gmail.com Зарание спасибо <html> <head> <title>Vіdeo test in geography</title> <link rel="Stylesheet" type="t…

    Asked by Navara,

    0 votes
    0 answers

  17. Использование повторяющихся элементов на разных сайтах

    Очевидно, что многие элементы (меню, логотип и т.д.) часто однотипны от сайта к сайту. Встал вопрос как организовать процесс быстрой верстки таких элементов. Хотелось бы почитать кто как решает этот вопрос, может кто даст дельный совет.

    Asked by bob_24,

    0 votes
    4 answers

  18. Отключение автоскрола по средней кнопки мыши

    Собственно на весь сайт стоит html { overflow: hidden; } но по нажатию средней кнопки мыши можно спокойно скроллить страницу. Подскажите как можно это отключить?

    Asked by Fema,

    0 votes
    3 answers

  19. vertical-align для инлайна

    http://jsfiddle.net/usfe/8yCx2/1/ вот не пойму, вроде 2 инлайна, почему vertical-align для инлайна question работает только относительно второй строчки, а не высоты всего инлайна?

    Asked by USF,

    0 votes
    0 answers

  20. Проблема с ф-цией preg_match

    preg_match ищет в строке совпадение с заданным шаблоном. Но в моём случае почему то не находит ничего. Вот код: $badWord = array("мыло", "почт", "майл", "mail", "@", "yandex", "ICQ", "аська", "контакт", ".ru", ".ру", ".com", ".ком", "телефон", "8-9", "+7", "+3", "7-9", "точка", "тчк"); $regex = "/".implode("|", $badWord)."/i"; if(preg_match($regex, $text)) return true; else return false; Подскажите пож-та в чём может быть проблема?

    Asked by mrak,

    0 votes
    1 answer

  21. Помогите с меню

    вот код <ul id="piano"> <li><a href="#">пункт1</a><span class="inf"><a href="#####">Пункт0</a></span><b>Archives</b> <ul> <li><a href="#">подпункт</a></li> <li><a href="#">подпункт</a></li> <li><a href="#">подпункт</a></li> <li><a href="#">подпункт</a></li> </ul> </li> </ul> как видите span находиться в элементе li, при наведение на пункт1 выпадают подпункты, и при наведение на span происходит тоже самое, мне этого не надо, как отделить э…

    Asked by jonic,

    0 votes
    2 answers

  22. Как добавить один класс, к разным id

    Извиняйте, не то созал!! я нуб!

    Asked by q13m,

    0 votes
    0 answers

  23. строчные элементы разбиваются на несколько

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

    Asked by cyklop77,

    0 votes
    3 answers

  24. модуль kupivkredit

    кому-нибудь приходилось пользоваться модулем от kupivkredit.ru ? поясните пожалуйста способ использования в самом общем виде если его ставить на самописный сайт, то какой примерно порядок действий? как я понимаю, владелец сайта должен: 1. зарегистрироваться на их сайте 2. заключить с ними какой-нибудь договор в письменной форме 3. скачать и установить скрипт 4. настроить взаимодействие своего сайта и скрипта через личный кабинет(если он существует) я в ступоре поэтому за любую информацию буду благодарен

    Asked by cyklop77,

    0 votes
    1 answer

  25. clip-path

    Есть какие-то онлайн инстурмены для создания clip-path? Меня интересует, можно ли clip path создать эффект волны (понятно о чем речь?) и как? Нужен ведь какой-то инструмент? Допустим есть блок с шириной 100% экрана (обрезка ведь задается в пикселях, а как сделать, чтобы она повторялась по горизонтали беспоконечно? ) - только вверху нужно, чтобы задний фон обрезался волной. Как это можно сделать? Может есть книжка, где подробно все разобрано?

    Asked by Zverushka,

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