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. Проблемы с формой

    При нажатии на кнопку в форме, сайт не перезагружается как нужно. В чем проблема? <div class ='div-form'> <h1>CALC</h1> <form id = 'myform'> <label for = 'inp-1'>Число 1</label> <input class = 'inp' id = 'inp-1' type ='text'></input> <br/><p></p> <label for = 'inp-2'>Число 2</label> <input class = 'inp' id = 'inp-2' type = "text"></input></form><br/> <input id = 'bu-end' type ='submit' value ="Суммировать"></input> <p class = 'sum' id = 'sum'>Сумма: <span class = 'sum-r' id = 'sum-r'></span></p> </form>&…

    Asked by AndreyCore,

    0 votes
    2 answers

  2. Как сделать изображения одинаковыми?

    Здравствуйте! Подскажите пожалуйста как сделать чтобы иконки на главной странице в моб версии отображались по высоте одинаково. Свойство background-size: cover не помогает. А если задать макс высоту то другие иконки плывут. в Десктопе размеры и высота в полном порядке. сайт - ikona-radoneg.ru

    Asked by viliksar,

    0 votes
    1 answer

  3. Позиционирование CSS

    Здравствуйте. Не могли бы вы мне помочь, появилась такая неразрешимая проблема : Внутри одного div я хочу расположить рядом два слова. Прич?м, у них есть отступ сверху, например 10px, у первого слова слева - 5px, между первым и вторым словом: 10px. Пытаюсь сделать так, но получается ерунда: height:30px; padding-bottom: 0px;">wwwwww fffff Т.к. стоит div, слова получаются на разных строчках. Если я начинаю использовать float, то они отображаются на одной строке, но одно слово уходит влево, другое вправо. А мне надо, чтобы они оба были рядом слева.

    Asked by girl,

    0 votes
    3 answers

  4. Почему "border" синий какой-то?

    Почему у изображений "border" синий какой-то? http://sylvesterstallone.narod.ru/galleryrus.html/

    Asked by Sheena,

    0 votes
    4 answers

  5. Подключение CSS

    у меня проблема: вот подключение файла: <link rel="stylesheet" type="text/css" href="css/scroll.css"> вот сам файл <body style="scrollbar-3d-light-color: blue; scrollbar-arrow-color: gray; scrollbar-base-color: black; scrollbar-face-color: black; scrollbar-highlight-color: gray; scrollbar-shadow-color: gray; scrollbar-track-color: black;"> если вписывать css прям в html то работает,а если в отдельном css то нет

    Asked by Noks,

    0 votes
    3 answers

  6. Пробелы между таблицами... как устранить?

    Добрый день, я новичек в этом деле, но вот решил заверстать , и при верстке, между таблицами в шапке сайта есть небольшие пробелы по 5 пикс, помогите их устранить. вот код страницы: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <title>Стили</title> <link rel="stylesheet" type="text/css" href="style.css"> </head> <body> <div id='wrapper'> <div id='header'> <table cellpadding="0" cellspacing="0" border="0" width="780px" > <tr> <td ><a href="">&…

    Asked by Avalon.,

    0 votes
    3 answers

  7. Tabs & input

    Собственно вопрос: "Как разместить один и тот же input на нескольких табах?" Например: заполняю один input на одном tab, а он автоматом заполняется на всех других tabs.

    Asked by ulyanovsk,

    0 votes
    8 answers

  8. wingdings

    пишу <p style="font-family:Wingdings; font-size:8pt; color:#595959">(</p> везде получаю значок телефона, как и положено, а в файрфоксе получаю скобку. проверено на 2 компах в ff 5. вопрос: почему он игнорирует четко прописанный выбранный шрифт? при том, что в верстке еще использую arial и arial black, которые отлично воспринимаются.

    Asked by MasterP,

    0 votes
    2 answers

  9. Кто-нить знает как лечить такой баг?

    Смотреть в ИЕ7! <!DOCTYPE HTML> <html lang="en-US"> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> .test {display: inline-block; border: red 1px solid;} .l {display: block; overflow: hidden; border: green 1px solid;} .r {display: block; float: right; border: blue 1px solid;} </style> </head> <body> <span class="test"> <span class="r">text right</span> <span class="l">text left</span> </span> </body> </html> Правый текст должен лежать справа. Левый - слева. Ставить float: left; для <span class="l"> не подходит.

    Asked by Great Rash,

    0 votes
    12 answers

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

    Помогите с меню <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <title>SKOCH244</title> <style type="text/css"> #mn1, #a11 { display: block; position: absolute; height: 30px; width: 100px; text-align: center; line-height: 30px; border: 1px solid #000; } #mn2, #a12 { display: block; position: relative; visibility: hidden; text-align: center; top: 30px; height: 30px; width: 100px; line-height: 30px; border: 1px solid #000; } #mn1, #a11:hover #mn2 { visibility: visible; } </style> </head> <body> <div id="mn1"><a id="a11" href="#">MENU</a>…

    Asked by skoch244,

    0 votes
    6 answers

  11. Кроссбраузерный <select> без кастомизации + защита своего кода.

    Здравствуйте. Так вышло, что у меня одномоментно возникло 2 вопроса - но для каждого из них создавать отдельный пост я не увидел смысла.. 1) Меня заинтересовал следующий момент: Можно ли организовать кроссбраузерную реализацию тега <select> без помощи JS?? Имею ввиду не сам внешний вид - а именно размеры тега + вертикальное центрирование шрифта? Для примера есть такая страница: http://webmaster.ayr...ru-2/index.html В шапке есть 2 селекта и мне необходимо что бы размеры и вертикальное центрирование было одинаковым в следующих браузерах(в последних их версиях): Mazilla, Google Chrome, Safari, Opera, + IE-7,8,9,10!? Проблема в том, что в ie-7 cелект мне не удаётся вер…

    Asked by Yamaradg,

    0 votes
    16 answers

  12. PSD web ui какой смысл всех этих элементов?

    Появилось желание немного разобраться в PSD Шаблонах. Представляю себе это так: в Фотошопе, или в чем-то похожем из PSD файла вырезаются нужнее элементы и вставляются на страницу. А в с самом PSD можно прикинуть как будет выглядеть страница. Понимаю, что для этого нужны навыки, но вопрос сейчас не об этом. Также удалось обнаружить, что есть просто некоторые компоненты: Кнопки, списки и т.д. Возьмем, к примеру вот этот http://www.freepik.com/free-psd/amazing-clean-web-ui-elements-kit-psd_596993.htm Допустим, вырежу я кнопку? и что дальше? ведь она будет иметь фиксированные размеры X*Y пикселей. Как я смогу написать более длинный текст? Дальше: сам прогресс-бар? А с ним-то …

    Asked by ekkl,

    0 votes
    3 answers

  13. многоугольные изображения

    Добрый день, форумчане! У меня к вам есть вопрос/просьба. Нужен ваш совет. Каким образом можно обрезать изображение так, чтобы они могли быть редактируемы. Т.е. сейчас это 1 картинка. Хотелось бы иметь возможность заливать 2 картинки так, чтобы браузер их сам обрезал. В каком направлении нужно работать ? Существует ли jQuery плагин? Или можно это как-то реализовать на html 5 canvas ?

    Asked by Nugzar Gagulia,

    0 votes
    5 answers

  14. Смещение текста по вертикали внутри div

    Не думал, что упрусь в этот вопрос. Хочу текст разместить в правый нижний угол дива. Какие есть способы? Единственное что приходит в голову - использование position.

    Asked by serKrusH,

    0 votes
    4 answers

  15. Как выронить блоки?

    Нужно чтобы блоки стояли так: Сейчас блоки стоят так: Подскажите, пожалуйста, как выронить блоки, чтобы они стояли ровно? Код: #content {margin-left: 270px;padding: 10px;background: #f0f0f0;height: 900px;}.cat {height: 190px;width: 340px;float: left;padding: 1px;margin-top: 20px;margin-left: 20px;text-align: left;border: 1px solid #8fa09b;background: #ffffff;}—-<div id="content"><div class="cat"></div><div class="cat"></div><div class="cat"></div><div class="cat"></div></div>

    Asked by Anna-15,

    0 votes
    5 answers

  16. 15" и 19" экраны не реагируют на @media правила css

    В общем почти сделал я такой сайт на вордпресс на monstroid2, и когда принялся проверять с помощью инструмента Screenfly на сервисе quirktools.com вёрстку на всех экранах выяснилось, что 15" и 19" вообще не обращают внимание на установки. Использовал power builder в котором можно выставлять margin и bottom по 4 категориям, Desctop, laptop, tablet, phone. На два последних я вообще сделал отдельные упрощённые версии сайта. Десктоп показывается безукоризненно(широкие экраны), лаптоп(квадратные как у меня) тоже всё настроено как надо. Но вот 15 и 19 дюймов почему то игнорируют всё. Вставлял через siteOrigin Custom CSS свои @media правила, но опять же, на них реагирует всё кро…

    Asked by GorodSka3ka,

    0 votes
    1 answer

  17. iframe очищает остаток страницы

    Добрый день! Возникла следующая проблема: стоит мне вставить iframe с видео с ютуба, как все элементы, идущие после этого iframe'а, попросту удаляются и вообще не отображаются на странице, в коде элемента их просто нет, как будто на iframe'е заканчивается документ. Первое видео корректно отображается, остальные же даже не появляются. Пробовал в разные места вставлять это видео, все тот же результат - после него страница становится полностью пустой. <div id="video_layer"> <button class="swipe_right" onclick="swipeRightVideoGallery();"><</button> <button class="swipe_left" onclick…

    Asked by Magitrop,

    0 votes
    2 answers

  18. Как собрать 3 строки в одну?

    Имеется форум phpbb 2. И строка, расползшаяся на 3, хотя по бокам места полно. "Имя", "Пароль" и формы для них на первой строке, галка на второй, кнопка "Вход" на третей. Не пойму что менять надо, чтоб сделать все это в одну строку. Dreamweaver CS3 думает, что все нормально. Вот код. {L_AUTO_LOGIN} Так есть: http://mehalch.narod.ru/phpbb/42.gif (1,1 КБ) А так должно быть: http://mehalch.narod.ru/phpbb/43.gif (841 Б) Спасибо.

    Asked by Мимо шел,

    0 votes
    3 answers

  19. Эмуляция широкого экрана

    Здравствуйте, задумался над таким вопросом. Должны же быть способы проверки сайта на широких экранах - те, которые больше моего, от 1280px Первое, что пришло в голову - программа, которая может эмулировать широкий экран, или разрешать растягиваться браузеру больше, чем ширина экрана. Есть такие хаки?

    Asked by Nird,

    0 votes
    3 answers

  20. текст растягивает табличу или "прячется"

    К примеру использование overflow: hidden; <table border="1" cellpadding="0" cellspacing="0" width="30> <tr> <td> sdfk jgklfjkljg klfdgdsfggf dgsdfgdfgs dfgsdfgfsd </td> </tr> </table> растягивает таблицу, если строку погрузить в контейнет div то часть строки прячется. как сделать так чтоб не растягивалась и не пряталась? нашел nowrap было <td nowrap> <table border="1" cellpadding="0" cellspacing="0" width="30> <tr> <td> sdfk jgklfjkljg klfdgdsfggf dgsdfgdfgs dfgsdfgfsd </td> </tr> </table> </td>

    Asked by clgs,

    0 votes
    1 answer

  21. Подскажите начинающему

    Уважаемые юзеры возможно вопросы имеют очевидные ответы для вас, но я новичек в верстке, только осваиваю и не всегда получается найти ответы на все возникающие вопросы, будьте любезны подсказать или ответить на два вопроса: 1) Первый вопрос касается тега <object> Читая литературу по XHTML я пришел к выводу что тег <object> предназначен не только для вставки мультимедия , но также но по стандартам W3C должен заменить тег <img>. Возник вопрос, почему сегодня в сайтах его не применяют? То есть хотелось бы понять в чем сложность его применения как альтернативы <img> и как должен выглядеть тег <object> с картинкой? В качестве ответа мне интере…

    Asked by Серый*,

    0 votes
    4 answers

  22. Мог бы получится паралакс

    Хотел сделать паралакс(http://webdev.stephband.info/parallax_demos.html), но понял что без js его не реализовать под все разрешения, так что получилось что получилось http://warplines.com/html/paralax/ - чтобы увидеть эффект нужно ресайзить окно

    Asked by exessqd1,

    0 votes
    4 answers

  23. Несколько вопросов по HTML5 (всплывающие уведомления)

    Здравствуйте, Вот здесь хороший пример как сделать всплывающее уведомление для пользователя http://www.html5rocks.com/tutorials/notifications/quick/ Делаю все по туториалу, но почему-то не получается: 1. Вешаю на кнопку слушатель как в примере document.querySelector('#show_button').addEventListener('click', function().... Но он почему-то не срабатывает. Может быть для HTML5 нужны какие специальные тэги кроме <script>. В тоже время если в коде кнопки прямо вызвать функцию onclick то все нормально. 2. Нотификация у меня не срабатывает при значении: window.webkitNotifications.checkPermission() == 0, если меняю на 1, то все работает. 3. В любом случае, не получается выз…

    Asked by Astraport,

    0 votes
    2 answers

  24. Помогите с одним вопросом!

    Есть сайт на котором нужно защитить CSS и JS. Я тут хотел вставить их в теги <style></style> и <script></script> в файлы PHP style.php и script.php и подключать через php include. Получается сайт отображатся должен нормально (непроверил ещё), а для пользователя небудет возможности скачать файлы. Вопросы: 1) Возможно ли так зделать. 2) Есть способ даже при таком раскладе заполучить CSS и JS (больше 1500 строк кода). 3) Как нащёт поисковиков будет ли это мешать им и вредить сайту. 4) Возможность других решений проблемы.

    Asked by Victory,

    0 votes
    9 answers

  25. Как убрать отступ правого блока?

    Как убрать отступ правого блока? скрин в ссылке Моя ссылка <div id="all"> <div id="shapka" href=""> <div id="logo"></div> <h1>ШАПКА</h1> </div> <div id="mybox"><!-- Контейнер для 3х блоков --> <div id="nav"></div> <div id="text"> НАПОЛНЕНИЕ </div> <div id="rek"></div> </div>

    Asked by Didorri,

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